:root{--paper:#f2f0e7;--ink:#171913;--lime:#d0fa55}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}header{padding:24px 4%;border-bottom:1px solid #ccc;display:flex;justify-content:space-between}header a{color:inherit;text-decoration:none;font-weight:900}header span{font:11px monospace;margin-left:12px}main{padding:30px 4%}h1{font-size:clamp(35px,5vw,64px);letter-spacing:-3px;margin:8px 0 26px}.heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font:11px monospace;letter-spacing:2px}button,select,input{font:inherit}button,.upload{border:1px solid #bbb;background:transparent;padding:11px 12px;cursor:pointer;color:var(--ink)}button:hover,.upload:hover{background:#e4e6d8}button:disabled{opacity:.4;cursor:default}.primary{background:var(--ink);color:var(--lime);border-color:var(--ink);font-weight:bold}.primary:hover{background:#344022}.studio{display:grid;grid-template-columns:245px minmax(300px,1fr) 225px;gap:25px;align-items:start}aside{border-top:2px solid var(--ink)}h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:22px 0 14px}.hint{font-size:11px;line-height:1.6;color:#676d5c}.upload{display:block;text-align:center;background:var(--lime);font-weight:bold}.upload input{display:none}.secondary{background:transparent;font-size:12px;margin-top:14px}label{display:block;font-size:12px;margin:12px 0}label input:not([type=color]),select{display:block;width:100%;margin-top:7px}input[type=text],input:not([type]),input[type=number],select{padding:9px;border:1px solid #b8bcad;background:white}input[type=color]{display:block;margin-top:7px;max-width:100%;height:30px;border:0;padding:0}input[type=range]{accent-color:#719a13}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.row button{font-size:11px;margin:4px 0}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.tabs button{font-size:10px;border-radius:20px;padding:7px 9px}.tabs button.active{background:var(--ink);color:white}.accessories{display:grid;grid-template-columns:1fr 1fr;gap:6px}.accessories button{height:75px;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;gap:3px}.accessories img{width:65px;height:43px;object-fit:contain}.workspace{text-align:center}.canvas-wrap{padding:18px;background:#e0e1d7;max-width:760px;margin:auto}canvas{width:100%;height:auto;display:block;touch-action:none;background:white;box-shadow:0 3px 12px #0002}.toolbar{display:flex;justify-content:center;gap:7px}#status{font:11px monospace;min-height:16px}.layer{display:flex;width:100%;align-items:center;gap:8px;text-align:left;margin-bottom:6px;background:#faf9f4;font-size:12px}.layer.selected{border:2px solid #719a13;background:#e4f4be}.layer img{width:28px;height:28px;object-fit:contain}.note{margin-top:24px;border-top:1px solid #ccc;padding-top:18px;font-size:12px;line-height:1.5}.note p{color:#6b705f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #719a13;outline-offset:3px}@media(max-width:1100px){.studio{grid-template-columns:210px 1fr}.studio>aside:last-child{grid-column:1/-1}#layers{display:flex;flex-wrap:wrap;gap:5px}.layer{width:auto}#inspector{max-width:500px}.heading .primary{font-size:12px}}@media(max-width:650px){main{padding:23px 5%}header{font-size:12px}header span{display:none}.heading{align-items:start}h1{font-size:38px}.studio{display:flex;flex-direction:column;gap:22px}.workspace{order:-1;width:100%}aside{width:100%}.canvas-wrap{padding:8px}.accessories{grid-template-columns:repeat(3,1fr)}.tabs button{font-size:12px}input[type=range]{height:30px}}

#quickAdjust{max-width:760px;margin:14px auto 8px;text-align:left;padding:12px 16px;background:#e4e6d8}#quickAdjust[hidden]{display:none}#quickAdjust strong{font-size:13px}#quickAdjust label{margin:10px 0 0}#quickAdjust input{width:100%;height:44px;touch-action:pan-y}#quickAdjust .row{gap:22px}

.base-picker{margin-bottom:14px}.base-picker p{margin:0 0 8px}.base-picker button{flex:1}.base-picker button[aria-pressed="true"]{background:#d0fa55;color:#151b13;border-color:#151b13}

#caseEditor{max-width:760px;margin:8px auto 14px;padding:12px 16px;background:#e4e6d8;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}#caseEditor[hidden]{display:none}#caseEditor .hint,#caseEditor .upload,#clearCasePhoto{grid-column:1/-1}#caseEditor label{margin:0}#caseEditor input[type=range]{height:36px}#caseEditor .hint{margin:0}#caseEditor .upload{margin:0}
@media(max-width:650px){.case-editing .canvas-wrap{position:sticky;top:8px;z-index:10;width:min(100%,42svh);padding:6px;box-shadow:0 3px 14px #0003}.case-editing #quickAdjust{margin-top:8px;padding:8px 12px}.case-editing #quickAdjust input{height:32px}.case-editing #quickAdjust label{margin-top:4px}.case-editing #caseEditor{padding:10px 12px;gap:6px 14px}.case-editing #caseEditor input[type=range]{height:32px}}
#teeEditor{max-width:760px;margin:8px auto 14px;padding:12px 16px;background:#e4e6d8;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}#teeEditor[hidden]{display:none}#teeEditor .hint,#teeEditor .upload,#clearTeePrint{grid-column:1/-1}#teeEditor label{margin:0}#teeEditor input[type=range]{height:32px}#teeEditor .hint,#teeEditor .upload{margin:0}
.stock-section{margin-top:24px;border-top:1px solid #c8cbbd;padding-top:1px}.stock-backgrounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stock-background{padding:0 0 8px;text-align:left;overflow:hidden;background:#fff}.stock-background img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.stock-background span,.stock-background small{display:block;margin:7px 7px 0;font-size:11px;line-height:1.3}.stock-background small{margin-top:3px;color:#676d5c;font-size:10px}.stock-background:focus-visible{outline:3px solid #6f940d;outline-offset:2px}.stock-credits{font-size:10px;margin:12px 0;color:#676d5c}.stock-credits summary{cursor:pointer}.stock-credits a{color:inherit}.stock-credits p{line-height:1.5}

.stock-section>summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 10px;border:1px solid #b8bcad;margin-top:12px;background:#e4e6d8}.stock-section[open]>summary{margin-bottom:12px}.stock-background[hidden]{display:none}.canvas-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 8px;text-align:left}.canvas-actions span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-actions button{flex-shrink:0;font-size:12px;background:var(--paper);padding:10px}.canvas-actions button:not(:disabled){border-color:var(--ink)}

#illustratedTeeEditor{max-width:760px;margin:8px auto;padding:12px 16px;background:#e4e6d8;text-align:left}#illustratedTeeEditor[hidden]{display:none}#illustratedTeeEditor label{margin:0}#illustratedTeeColor{width:70px;height:40px;cursor:pointer}