.clicker-studio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;padding-bottom:80px;align-items:start}.clicker-preview-column{position:sticky;top:28px;min-width:0}.clicker-viewer-panel{background:#e9ebe5;border:1px solid #dde0d7;padding:22px;position:relative}.clicker-canvas-wrap{position:relative;width:100%;aspect-ratio:1.35}.clicker-canvas-wrap canvas,.clicker-canvas-wrap img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}.clicker-canvas-wrap canvas{touch-action:none}.clicker-canvas-wrap [hidden]{display:none}.clicker-view-controls{display:flex;justify-content:center;gap:8px}.clicker-view-controls button,.clicker-sizes button{font:inherit;font-size:12px;padding:11px 18px;background:transparent;border:1px solid transparent;color:inherit;cursor:pointer}.clicker-view-controls button[aria-pressed=true]{background:#faf9f6;border-color:#d5dacd}.clicker-preview-status{font-size:12px;color:#62685e;text-align:center;min-height:2em;margin:17px 0 0}.clicker-design-readout{padding:24px 0 12px}.clicker-design-readout strong{font-size:24px;letter-spacing:-.03em;overflow-wrap:anywhere}.clicker-design-readout p:last-child{font-size:12px;color:#62685e}.clicker-price-line{display:flex;justify-content:space-between;gap:20px;align-items:center}.clicker-price-line h2{font-size:32px;line-height:1.15;margin:8px 0}.clicker-price-line>strong{font-size:29px;font-weight:500;white-space:nowrap}.clicker-stock{font-size:12px;color:#62685e;margin:12px 0 30px}.clicker-configuration fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.clicker-configuration legend{font-size:14px;font-weight:600;margin-bottom:13px;width:100%}.clicker-configuration legend>span{color:#b6492d;font-size:12px;margin-right:10px}.clicker-configuration legend small{float:right;font-size:12px;font-weight:400;color:#62685e}.clicker-sizes{display:flex;gap:8px;flex-wrap:wrap}.clicker-sizes button{border-color:#d8dbd2;min-width:42px;padding:10px}.clicker-sizes button[aria-pressed=true]{background:#242823;color:#fff;border-color:#242823}.clicker-palette{display:flex;flex-wrap:wrap;gap:9px}.clicker-swatch{width:30px;height:30px;background:var(--swatch);border:3px solid #faf9f6;outline:1px solid #d9dbd2;border-radius:50%;cursor:pointer;padding:0}.clicker-swatch[aria-pressed=true]{outline:2px solid #242823;outline-offset:2px}.clicker-word{padding:16px;background:#eeeee8;margin-bottom:18px}.clicker-word label{font-size:12px;display:block;margin-bottom:8px}.clicker-word>div{display:flex;gap:8px}.clicker-word input{min-width:0;flex:1;padding:10px 12px;letter-spacing:.08em;text-transform:uppercase;font:inherit;font-size:15px;background:#faf9f6;border:1px solid #d8dbd2}.clicker-word p{font-size:12px;color:#62685e;margin:8px 0 0}.clicker-edit-hint{font-size:12px;margin-bottom:10px}.clicker-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.clicker-slot{font:inherit;position:relative;text-align:left;border:1px solid #d8dbd2;padding:10px 9px;background:#faf9f6;cursor:pointer;min-height:66px;min-width:0}.clicker-slot>span{font-size:12px;color:#62685e;display:block}.clicker-slot>strong{display:block;font-size:13px;font-weight:500;margin-top:6px;overflow-wrap:anywhere}.clicker-slot>i{position:absolute;right:8px;top:8px;width:12px;height:12px;background:var(--cap-colour);border:1px solid #c8c9c3;border-radius:50%}.clicker-slot[aria-pressed=true]{border:2px solid #b94a2d;padding:9px 8px;background:#f6eee7}.clicker-cap-editor{border:1px solid #d8dbd2;padding:18px}.clicker-editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.clicker-editor-title h3{font-size:15px;margin:0}.clicker-editor-title>div{display:flex;gap:6px}.clicker-editor-title button{min-width:36px;padding:8px}.clicker-configuration button:disabled{opacity:.4;cursor:not-allowed}.clicker-cap-editor>label{font-size:12px;display:block;margin-bottom:6px}.clicker-cap-editor select{font:inherit;font-size:13px;min-height:45px;width:100%;border:1px solid #d8dbd2;padding:10px;background:#faf9f6;color:#242823}.clicker-colour-label{display:flex;justify-content:space-between;font-size:12px;margin:17px 0 10px}.clicker-colour-label strong{font-weight:400;color:#62685e}.clicker-match{font-size:12px;margin-top:18px}.clicker-order-note{font-size:12px;line-height:1.7;color:#62685e}.clicker-studio [data-clicker-status]{font-size:12px;line-height:1.6;min-height:1.5em}.clicker-studio button:focus-visible,.clicker-studio canvas:focus-visible{outline:2px solid #b94a2d;outline-offset:4px}.clicker-studio [data-preview-retry]{display:block;margin:10px auto}.clicker-studio [hidden]{display:none!important}@media(max-width:1000px){.clicker-studio{gap:32px}.clicker-price-line h2{font-size:27px}}@media(max-width:760px){.clicker-studio{grid-template-columns:1fr;gap:28px;padding-bottom:45px}.clicker-preview-column{position:static}.clicker-viewer-panel{padding:15px}.clicker-canvas-wrap{aspect-ratio:1.3}.clicker-design-readout{padding-top:18px}.clicker-design-readout strong{font-size:20px}.clicker-preview-column details{margin-bottom:0}.clicker-price-line h2{font-size:29px}.clicker-swatch{width:32px;height:32px}.clicker-palette{gap:12px}.clicker-slots{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.clicker-studio *{scroll-behavior:auto;transition:none}}