/* Sticker Pop action controls. Keep image thumbnails and canvas art unchanged. */
:root{--pop-pink:#ff9cc7;--pop-sky:#93dfff;--pop-purple:#c7b5ff;--pop-yellow:#ffe67a}
.upload,#clearBackground,#addCustomCase,#addText,#export,.toolbar button,.base-picker button,.canvas-actions button,#clearCasePhoto,#clearTeePrint{border:2px solid var(--ink);border-radius:11px;box-shadow:3px 3px 0 var(--ink);min-height:44px;font-weight:900;letter-spacing:-.2px;text-transform:lowercase;transition:transform .12s,box-shadow .12s}
.upload{background:var(--pop-sky);padding:13px 12px;font-size:14px}
.upload input[type=file]{display:none}
.row>.canvas-color{flex:0 0 66px}
.upload.secondary{background:var(--pop-purple)}
.upload:hover{background:#b3eaff}
#clearBackground{width:100%;background:var(--pop-pink);font-size:14px;padding:12px}
#clearBackground:hover{background:#ffb6d6}
#addCustomCase{background:var(--pop-purple);width:100%}
#addText{background:var(--pop-yellow);width:100%}
#addCustomTee,#addOriginalTee,#addLongSleeveTee{width:100%;min-height:44px;margin-bottom:10px;border:2px solid var(--ink);border-radius:11px;box-shadow:3px 3px 0 var(--ink);background:var(--pop-purple);font-weight:900;text-transform:lowercase}
#addOriginalTee{background:var(--pop-yellow)}
#addLongSleeveTee{background:var(--pop-sky)}
#inspector button{min-height:44px;border:2px solid var(--ink);border-radius:10px;background:var(--pop-yellow);font-weight:800;text-transform:lowercase}
#inspector #remove{background:var(--pop-pink)}
#inspector #flip{background:var(--pop-purple)}
#export{background:var(--ink);color:var(--lime);font-size:15px;padding:13px 18px}
#export:not(:disabled):hover{background:#344022}
.base-picker button{background:#fff8dd;font-size:13px}
.base-picker button[aria-pressed="true"]{background:var(--lime);box-shadow:2px 2px 0 var(--ink)}
.toolbar{flex-wrap:wrap;gap:12px}
.toolbar button{background:var(--pop-yellow);font-size:13px}
.toolbar #reset{background:var(--pop-purple)}
.canvas-actions button,#clearCasePhoto,#clearTeePrint{background:var(--pop-pink);font-size:12px}
.upload:active,button:not(:disabled):is(#clearBackground,#addCustomCase,#addText,#export,#quickRemove):active,.toolbar button:not(:disabled):active,.base-picker button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
button:disabled{box-shadow:none!important;opacity:.4}
.stock-section{border-top:0}
.stock-section>summary{list-style:none;position:relative;display:flex;align-items:center;min-height:56px;padding:13px 57px 13px 15px;border:2px solid var(--ink);border-radius:11px;background:var(--lime);box-shadow:3px 3px 0 var(--ink);font-size:15px;font-weight:900;line-height:1.25;letter-spacing:-.25px}
.stock-section>summary::-webkit-details-marker{display:none}
.stock-section>summary::marker{content:''}
.stock-section>summary::after{content:'↓';position:absolute;right:11px;top:50%;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--lime);font:900 26px/1 Arial,sans-serif;transform:translateY(-50%)}
.stock-section[open]>summary::after{content:'↑'}
.stock-section>summary:hover{background:#e1ff8b}
select{appearance:none;-webkit-appearance:none;min-height:46px;border:2px solid var(--ink);border-radius:9px;padding:11px 43px 11px 11px;background-color:#fff8dd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 5v17m-7-7 7 7 7-7' fill='none' stroke='%23171913' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;color:var(--ink);font-size:13px;font-weight:800;cursor:pointer}
#backgroundRegion{background-color:var(--pop-sky);font-size:14px}
.tabs{gap:8px}
.tabs button{border:2px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);background:var(--pop-purple);color:var(--ink);font-size:12px;font-weight:900;padding:10px 12px;min-height:44px;text-transform:lowercase}
.tabs button:nth-child(3n+2){background:var(--pop-yellow)}
.tabs button:nth-child(3n){background:var(--pop-sky)}
.tabs button.active{background:var(--ink);color:var(--lime)}
.stock-section>summary:focus-visible,button:focus-visible,.upload:focus-within,select:focus-visible{outline:3px solid #5650d6;outline-offset:4px}
@media(max-width:650px){.heading{gap:16px;flex-wrap:wrap}.heading #export{margin:0 3px 12px 0;min-height:48px}.row button{min-height:44px}.stock-section>summary{min-height:58px;font-size:16px}.canvas-actions{gap:8px}.canvas-actions button{padding:9px 10px}.canvas-actions span{min-width:0}select{font-size:16px}#backgroundRegion{font-size:16px}}
@media(prefers-reduced-motion:reduce){.upload,button{transition:none!important}}