.s3{padding-block:var(--sp-5) var(--sp-7)}.s3-head p{color:var(--ink-soft);max-width:60ch;margin-top:var(--sp-2)}.s3-grid{margin-top:var(--sp-5)}.s3-panel{margin-top:var(--sp-4)}.s3-stage{min-width:0}.s3-view{border:1px solid var(--line);border-radius:var(--r-md);background:var(--night);height:min(60vh,540px);min-height:320px;scroll-margin-top:200px;position:relative;overflow:hidden}@media (min-width:1000px){.s3-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 420px;align-items:start;display:grid}.s3-panel{margin-top:0}.s3-stage{top:var(--sp-4);position:sticky}.s3-view{height:min(64vh,600px);min-height:340px}}.s3-canvas{touch-action:none;width:100%;height:100%;display:block}.s3-canvas:focus-visible{outline:3px solid var(--amber);outline-offset:-3px}.s3-over{padding:var(--sp-5);text-align:center;color:var(--ink);background:var(--night);place-items:center;display:grid;position:absolute;inset:0}.s3-tools{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.s3-chip,.s3-sup,.s3-btn,.s3-mini,.s3-cta,.s3-pick{font:inherit;color:var(--ink);cursor:pointer}.s3-chip{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:0 0;min-height:44px;padding:8px 16px}.s3-chip[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}.s3-note,.s3-small{color:var(--ink-soft);font-size:.875rem;line-height:1.45}.s3-note{margin-top:var(--sp-3);max-width:70ch}.s3-notice{min-height:1.5em;margin:var(--sp-2) 0 0;color:var(--amber);font-size:.9rem}.s3-h{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:var(--sp-5) 0 var(--sp-3);font-size:.8rem}.s3-h:first-child{margin-top:0}.s3-supports{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.s3-sup{text-align:left;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--night-raised);flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 14px;display:flex}.s3-sup small{color:var(--ink-soft)}.s3-sup[aria-pressed=true]{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}.s3-size{gap:var(--sp-3);margin-top:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.s3-size label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.s3-size input{font:inherit;color:var(--ink);background:var(--night-raised);border:1px solid var(--line-strong);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.s3-size input:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.s3-list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.s3-prod{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--night-raised);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;display:grid}.s3-prod img{object-fit:cover;background:var(--surface);border-radius:10px;width:64px;height:64px}.s3-prod-body{flex-direction:column;gap:2px;min-width:0;display:flex}.s3-name{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);overflow-wrap:anywhere;font-weight:600}.s3-name:hover{-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber)}.s3-price{color:var(--white);font-weight:600}.s3-warn{color:var(--amber)}.s3-btn{border:1px solid var(--amber);color:var(--amber);border-radius:var(--r-pill);background:0 0;min-height:44px;padding:8px 18px}.s3-btn:hover:not(:disabled){background:var(--amber);color:var(--on-amber)}.s3-ghost{color:var(--ink);border-color:var(--line-strong);margin-top:var(--sp-2)}.s3 button:disabled{opacity:.45;cursor:not-allowed}.s3 button:focus-visible,.s3 a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.s3-placed{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--night-raised);display:grid}.s3-sel{border-color:var(--amber)}.s3-pick{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;min-height:32px;padding:0;font-weight:600}.s3-acts{flex-wrap:wrap;gap:6px;display:flex}.s3-mini{border:1px solid var(--line-strong);background:0 0;border-radius:10px;min-height:44px;padding:6px 10px;font-size:.85rem}.s3-mini:hover{border-color:var(--amber)}.s3-danger{color:var(--danger)}.s3-total{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line);gap:var(--sp-2);flex-direction:column;display:flex}.s3-sum{font-size:1.25rem}.s3-sum strong{color:var(--amber)}.s3-cta{background:var(--white);color:var(--on-amber);border-radius:var(--r-pill);border:0;min-height:48px;padding:14px 24px;font-weight:600}.s3-cta:hover:not(:disabled){background:var(--white-hover)}.s3-link{color:var(--amber);text-underline-offset:3px;text-decoration:underline}.s3-wrap{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.s3 *{transition:none!important;animation:none!important}}.s3-cap{color:var(--ink-soft);pointer-events:none;background:#0b0d12d1;margin:0;padding:6px 12px;font-size:.75rem;line-height:1.35;position:absolute;bottom:0;left:0;right:0}.s3-notes{margin-top:var(--sp-4)}