/* Tee Simulator — Frontend */
.ts-viewer{width:100%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}
.ts-viewer-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.ts-viewer-preview{position:sticky;top:20px}
.ts-preview-box{position:relative;width:100%;aspect-ratio:1/1;background:#f5f5f5;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.06)}
.ts-preview-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s}
.ts-pv-layer1{z-index:1}
.ts-pv-layer2{z-index:2}
.ts-preview-label{text-align:center;font-size:15px;font-weight:600;color:#333;margin-top:14px;min-height:22px}
.ts-preview-btn-wrap{text-align:center;margin-top:14px}
.ts-preview-btn{display:inline-flex;align-items:center;gap:6px;background:#c45d3e;color:#fff!important;font-size:15px;font-weight:700;padding:12px 32px;border-radius:50px;text-decoration:none!important;transition:background .2s,transform .2s;letter-spacing:.03em}
.ts-preview-btn:hover{background:#a84b30;transform:translateY(-2px);box-shadow:0 4px 16px rgba(196,93,62,.25)}
.ts-preview-btn.ts-btn-disabled{opacity:.35;pointer-events:none}
.ts-viewer-controls{display:flex;flex-direction:column;gap:24px}
.ts-control-heading{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#888;margin:0 0 12px}
.ts-thumb-grid{display:flex;flex-wrap:wrap;gap:10px}
.ts-thumb{width:80px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:4px;cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center}
.ts-thumb:hover{border-color:#c45d3e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.ts-thumb.active{border-color:#c45d3e;box-shadow:0 0 0 2px #c45d3e}
.ts-thumb img{width:68px;height:68px;object-fit:contain;border-radius:4px;display:block}
@media(max-width:700px){
    .ts-viewer-layout{grid-template-columns:1fr;gap:20px}
    .ts-viewer-preview{position:static}
    .ts-thumb{width:72px}
    .ts-thumb img{width:60px;height:60px}
}