.alt-gate-viz{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);overflow:hidden}.alt-gate-viz *{box-sizing:border-box}.alt-gate-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--muted);font:10px "JetBrains Mono",monospace;letter-spacing:.06em}.alt-gate-top b{color:var(--amber);font:700 12px "JetBrains Mono",monospace;letter-spacing:0}.alt-gate-layout{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(220px,1.1fr);gap:12px}.alt-gate-scene,.alt-gate-code{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.alt-gate-scene{display:grid;place-items:center;align-content:center;gap:12px;min-height:164px}.alt-gate-door{position:relative;display:flex;width:154px;height:82px;overflow:hidden;border:3px solid var(--line);border-bottom:0;border-radius:78px 78px 0 0;background:var(--bg)}.alt-gate-door i{display:block;width:50%;height:100%;border-right:1px solid var(--amber);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--amber) 18%,var(--panel)) 0 11px,var(--panel) 11px 18px);transform-origin:bottom;transition:transform .38s ease}.alt-gate-door i:nth-child(2){border-right:0;border-left:1px solid var(--amber)}.alt-gate-door span{position:absolute;left:50%;top:37%;z-index:1;transform:translateX(-50%);color:var(--amber);font:700 13px "JetBrains Mono",monospace}.alt-gate-door.open i:first-child{transform:rotate(-54deg)}.alt-gate-door.open i:nth-child(2){transform:rotate(54deg)}.alt-gate-scene strong{color:var(--ink);font:700 12px "JetBrains Mono",monospace;text-align:center}.alt-gate-code{display:grid;align-content:center;gap:5px}.alt-gate-code code{display:block;min-width:0;padding:8px;border-left:3px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);font:11px/1.4 "JetBrains Mono",monospace;overflow-wrap:anywhere}.alt-gate-code code.active{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 11%,var(--panel))}.alt-gate-code code.chosen{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--panel))}
.alt-gate-controls{display:grid;grid-template-columns:1.1fr 1.3fr 1.25fr 1fr;gap:8px;margin-top:13px}.alt-gate-control{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.alt-gate-control>span{display:block;color:var(--muted);font:9px "JetBrains Mono",monospace}.alt-gate-control>div{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:5px;margin-top:4px}.alt-gate-control .btn-c{min-height:40px;padding:0;justify-content:center}.alt-gate-control strong{color:var(--cyan);font:700 14px "JetBrains Mono",monospace;text-align:center}.alt-gate-controls>.btn-c{min-height:48px;padding:7px;justify-content:center;font-size:11px;line-height:1.35}.alt-gate-message{min-height:36px;margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:680px){.alt-gate-layout{grid-template-columns:1fr}.alt-gate-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.alt-gate-control{grid-column:1/-1}.alt-gate-control>div{max-width:180px}}
@media(max-width:390px){.alt-gate-viz{padding:12px}.alt-gate-top{align-items:flex-start;flex-direction:column;gap:5px}.alt-gate-layout,.alt-gate-controls{grid-template-columns:1fr}.alt-gate-controls>.btn-c{width:100%;font-size:12px}.alt-gate-door{width:136px;height:74px}}
@media(prefers-reduced-motion:reduce){.alt-gate-door i{transition:none}}