/* Simulation tab. Controls follow Apple's HIG translated to the web: a translucent segmented
   control with a sliding thumb, instant press feedback, circular icon buttons, reduced-motion fallbacks. */
.sim-nav{gap:16px}
.sim-controls{display:flex;align-items:center;gap:16px;margin-left:auto}
.sim-group{display:flex;align-items:center;gap:10px}
.sim-segment{--sim-index:0;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;background:rgba(17,20,28,.06);box-shadow:inset 0 0 0 .5px rgba(17,20,28,.08);user-select:none;-webkit-user-select:none}
.sim-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--sim-count, 3));border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(17,20,28,.14),0 3px 10px rgba(17,20,28,.10),inset 0 0 0 .5px rgba(17,20,28,.04);transform:translateX(calc(var(--sim-index) * 100%));transition:transform .36s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.sim-seg-item{position:relative;z-index:1;height:28px;min-width:0;padding:0 14px;border:0;background:transparent;border-radius:999px;font:500 13px/1 Geist,-apple-system,system-ui,sans-serif;letter-spacing:-.005em;color:rgba(17,20,28,.62);cursor:pointer;transition:color .2s ease,transform .1s ease-out;-webkit-tap-highlight-color:transparent}
.sim-seg-item[aria-pressed="true"]{color:var(--ink);font-weight:590}
.sim-seg-item:active{transform:scale(.97)}
.sim-seg-item:disabled{color:rgba(17,20,28,.28);cursor:default}
.sim-seg-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sim-icon{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:rgba(17,20,28,.06);box-shadow:inset 0 0 0 .5px rgba(17,20,28,.08);color:var(--ink);cursor:pointer;transition:background .2s ease,transform .1s ease-out;-webkit-tap-highlight-color:transparent}
.sim-icon svg{width:18px;height:18px;fill:currentColor}
.sim-icon:hover{background:rgba(17,20,28,.1)}
.sim-icon:active{transform:scale(.94)}
.sim-icon[hidden]{display:none}
.sim-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sim-main{height:calc(100vh - 64px - 46px);padding:18px 26px 22px;display:grid;place-items:center;background:#0a0c12}
.sim-screen{height:100%;max-width:100%;aspect-ratio:16/9;position:relative;background:#06080f;border-radius:14px;overflow:hidden;box-shadow:0 0 0 .5px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.55)}
.sim-frame,.sim-stage{position:absolute;inset:0;transition:opacity .28s ease}
.sim-screen[data-mode="render"] .sim-stage,.sim-screen:not([data-mode="render"]) .sim-frame{opacity:0;pointer-events:none;visibility:hidden}
.sim-frame video{width:100%;height:100%;display:block;background:#000}
.sim-pending{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aeb4c6;font-size:12px;text-align:center;line-height:1.7;padding:24px}
.sim-pending strong{display:block;color:#fff;font-size:13px;font-weight:520}
.sim-stage{cursor:grab}
.sim-stage canvas{display:block;width:100%;height:100%}
.sim-screen:fullscreen{border-radius:0;aspect-ratio:auto;width:100%;height:100%}
.sim-hud{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.sim-chip{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:rgba(20,22,30,.42);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18),0 1px 0 rgba(255,255,255,.06);font:500 11px/1 Geist,-apple-system,system-ui,sans-serif;letter-spacing:.01em;color:rgba(255,255,255,.9)}
.sim-chip b{font-family:'Geist Mono',monospace;font-weight:500;font-variant-numeric:tabular-nums}
.sim-chip i{font-style:normal;opacity:.5}
.sim-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#aeb4c6;font-size:12px;pointer-events:none}
.sim-status:empty{display:none}
@media(max-width:1099px){.sim-main{padding:12px 20px 16px}.sim-nav{gap:14px}.sim-seg-item{min-width:72px;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.sim-seg-thumb,.sim-frame,.sim-stage{transition:none}}
@media(prefers-reduced-transparency:reduce){.sim-chip{background:rgba(20,22,30,.92);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:900px){.product-nav.sim-nav{height:auto;flex-wrap:wrap;gap:0;padding-bottom:10px}.sim-nav>.tabs{height:46px;width:100%;flex-shrink:0}.sim-controls{margin-left:0;gap:12px;flex-wrap:wrap;width:100%}.sim-seg-item{white-space:nowrap;min-width:0;padding:0 12px;font-size:11px}.sim-main{height:calc(100dvh - 160px);min-height:320px}.sim-group{gap:6px}.sim-screen{width:100%}}
@media(max-width:450px){.sim-controls{gap:8px}.sim-seg-item{padding:0 8px;font-size:10px}.sim-icon{width:26px;height:26px;flex-shrink:0}.sim-chip{font-size:9px;padding:0 8px}.sim-hud{left:8px;right:8px;gap:8px}}