.tee-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px;flex-wrap:wrap}
.tee-colors,.tee-sides{display:flex;align-items:center;gap:5px}.tee-colors button,.tee-sides button{min-height:40px;background:none;border:1px solid transparent;border-radius:2px;padding:8px 10px;font-size:12px;display:flex;align-items:center;gap:7px}
.tee-colors button[aria-pressed=true]{border-color:var(--ink)}.tee-sides{border-bottom:1px solid var(--line)}.tee-sides button[aria-pressed=true]{border-bottom:2px solid var(--red);color:var(--red)}
.tee-swatch{width:15px;height:15px;border-radius:50%;border:1px solid #a4a198;display:block}.tee-swatch.black{background:#202020}.tee-swatch.white{background:#fff}
.gallery figure.tee-preview-figure{background:radial-gradient(ellipse at 50% 40%,#f5f1e9,#e6e0d5);aspect-ratio:1;isolation:isolate}
.gallery figure.tee-preview-figure #photo-index,.gallery figure.tee-preview-figure>figcaption{display:none}
.gallery figure>img[hidden],#tee-preview[hidden],#tee-side-controls[hidden],#tee-zoom[hidden],#tee-view-note[hidden]{display:none!important}
#tee-preview{position:absolute;inset:0}.tee-stage{width:100%;height:100%;overflow:hidden;position:relative;container-type:inline-size;cursor:zoom-in;touch-action:pan-y}
.tee-scene{position:absolute;inset:0;transition:transform .25s ease;transform-origin:50% 45%;pointer-events:none}
.tee-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;filter:drop-shadow(0 12px 12px #33291622)}
.tee-front-print{position:absolute;left:35%;top:31%;width:30%;height:36%;display:flex;align-items:flex-start;justify-content:center;opacity:.97}
.tee-front-print img{width:100%;height:100%;object-fit:contain;object-position:top;user-select:none}
.tee-back-mark{display:none;position:absolute;left:37%;top:25%;width:26%;text-align:center;color:#ece7db}
.tee-back-mark .tee-brand{display:block;font:bold 3.05cqw/.93 Georgia,serif;letter-spacing:-.15cqw}.tee-back-mark .tee-brand i{font-weight:400;font-size:2.25cqw}
.tee-back-mark strong{display:block;font:700 1.15cqw/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15cqw;border-top:1px solid currentColor;padding-top:1.1cqw;margin-top:1.4cqw;overflow-wrap:anywhere}
.tee-back-mark small{display:block;font:1cqw/1.4 'Courier New',monospace;letter-spacing:.15cqw;margin-top:.8cqw}
.tee-stage[data-color=white] .tee-back-mark{color:#302c26}.tee-stage[data-side=back] .tee-front-print{display:none}.tee-stage[data-side=back] .tee-back-mark{display:block}
.tee-stage[data-fit=oversized] .tee-front-print{left:33.5%;width:33%;top:31%}
.tee-stage.is-hovering .tee-scene,.tee-stage.is-zoomed .tee-scene{transform:scale(2.15)}.tee-stage.is-zoomed{cursor:zoom-out}
.tee-preview-label{position:absolute;top:18px;left:18px;font:10px 'Courier New',monospace;letter-spacing:.12em;pointer-events:none;color:#736e64}
.tee-zoom{position:absolute;right:14px;top:14px;z-index:2;min-height:40px;background:var(--paper);border:1px solid #d0c8b9;padding:9px 13px;font-size:12px;border-radius:2px;cursor:pointer}
.tee-hint{position:absolute;bottom:25px;left:18px;font-size:10px;color:#736e64;pointer-events:none}.tee-hint-touch{display:none}
.tee-view-note{font:italic 13px/1.5 Georgia,serif;margin:12px 0 0;color:var(--muted)}
.selected-colour{font-size:12px;color:var(--muted);margin:-7px 0 20px}.selected-colour strong{color:var(--ink);font-weight:500}
@media(hover:none),(pointer:coarse){.tee-hint-desktop{display:none}.tee-hint-touch{display:inline}.tee-stage{cursor:default}}
@media(max-width:720px){.tee-options{gap:6px;margin-bottom:10px}.tee-colors button,.tee-sides button{padding:8px;font-size:12px}.tee-preview-label{left:12px;top:12px}.tee-hint{left:12px;bottom:24px}.tee-zoom{right:10px;top:10px}.gallery figure.tee-preview-figure{aspect-ratio:1}.tee-view-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tee-scene{transition:none}}
#recent-results{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-bottom:20px}
@media(max-width:720px){#recent-results{grid-template-columns:1fr}}