*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}.qxg-app{height:100vh;height:100dvh;overflow:hidden;background:#f5f5f5;display:flex;flex-direction:column;font-family:Roboto Mono,SF Mono,Consolas,monospace;color:#222}.qxg-layout{display:flex;flex:1;min-height:0;gap:16px;padding:8px 16px}.qxg-sidebar{width:clamp(340px,34vw,620px);flex-shrink:0;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001f;padding:16px 20px;overflow-y:auto}.qxg-sidebar-docs-row{margin-bottom:12px}.qxg-main{flex:1;display:flex;justify-content:center;min-width:0;min-height:0}.qxg-module-area{flex-shrink:0;height:100%;min-height:0;max-width:100%;aspect-ratio:1000 / 2117}.qxg-panel-container{width:100%;height:100%}.qxg-panel{width:100%;height:100%;display:block;touch-action:none}.qxg-state-panel h1{margin:0 0 10px;font-size:16px;letter-spacing:.05em}.qxg-state-panel h2{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#777}.qxg-facts,.qxg-help{margin:0;padding-left:16px;font-size:12px;line-height:1.6}.qxg-facts li,.qxg-help li{margin-bottom:3px}.qxg-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:baseline}.qxg-gate-list{line-height:2}.qxg-chip{display:inline-block;border:1px solid #ddd;border-radius:3px;padding:0 4px;margin:0 3px 2px 0;white-space:nowrap}.qxg-chip em{color:#888;font-style:normal;margin-left:4px}.qxg-note{font-size:12px;line-height:1.5;color:#666;margin:10px 0 0}.qxg-spatial-choice{display:flex;gap:6px;margin-top:2px}.qxg-spatial-choice button{flex:1;font-family:inherit;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#6b737b;background:#f2f4f6;border:1px solid #d7dce1;border-radius:5px;padding:5px 8px;cursor:pointer}.qxg-spatial-choice button:hover{color:#2c3136;border-color:#b6bec6}.qxg-spatial-choice button.is-on{color:#06212c;background:#9ddcf7;border-color:#4fc3f7;font-weight:600}.qxg-doc-note{color:#777;font-size:13px}.qxg-provenance{border-left:2px solid #d9b25a;padding-left:8px}.qxg-model-pick{display:flex;gap:6px;margin:6px 0 0}.qxg-model-pick button{flex:1;font:inherit;font-size:12px;line-height:1.3;padding:5px 6px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#444;cursor:pointer}.qxg-model-pick button.is-on{border-color:#ffae42;background:#fff6e6;color:#1a1a1a;font-weight:600}.qxg-strip{flex-shrink:0;margin:0 16px 4px;display:flex;flex-direction:column;background:#17191c;border-radius:8px;overflow:hidden}.qxg-strip-tabs{display:flex;align-items:center;gap:14px;padding:5px 10px;flex-shrink:0}.qxg-strip-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#fff;border-bottom:2px solid #ffd447;padding-bottom:2px}.qxg-strip-toggle{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8a939c;cursor:pointer}.qxg-strip-toggle:hover{color:#c6ccd2}.qxg-strip-collapse{margin-left:auto;font-family:inherit;font-size:12px;letter-spacing:.05em;color:#6d757e;background:none;border:none;padding:3px 8px;cursor:pointer}.qxg-strip-collapse:hover{color:#c6ccd2}.qxg-strip-body{min-height:0;height:168px;padding:6px 10px 8px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden}.qxg-gates-col{display:flex;flex-direction:column;flex:1;min-width:460px;min-height:0}.qxg-gates{display:flex;gap:8px;flex:1;min-height:0}.qxg-gate-extrap{color:#7d8590}.qxg-strip-note{margin:4px 0 0;color:#7d8590;font-size:10px;line-height:1.4}.qxg-gate{flex:1;min-width:148px;background:#1e2126;border:1px solid #2a2e34;border-radius:5px;padding:6px 8px;display:flex;flex-direction:column;gap:5px;color:#c6ccd2;font-size:11px}.qxg-gate-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.qxg-gate-num{font-size:12px;letter-spacing:.06em;color:#ffae42;white-space:nowrap}.qxg-gate-chip{font-size:10px;color:#7d8590;white-space:nowrap}.qxg-gate-bar{height:8px;border-radius:2px;background:#101215;overflow:hidden}.qxg-gate-bar-fill{height:100%;transition:width 40ms linear}.qxg-gate-facts{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 4px;color:#9aa3ac;white-space:nowrap}.qxg-gate-mix{margin-top:auto;color:#7d8590;font-size:10px;line-height:1.5}.qxg-gate-pans{display:block;color:#9aa3ac}.qxg-gate-out{color:#d47f5a}.qxg-field{width:280px;flex-shrink:0;background:#1e2126;border:1px solid #2a2e34;border-radius:5px;padding:6px 8px;display:flex;flex-direction:column;color:#c6ccd2}.qxg-field-head{font-size:12px;letter-spacing:.06em;color:#ffae42}.qxg-field-value{color:#9aa3ac;letter-spacing:0;margin-left:6px}.qxg-field-svg{flex:1;min-height:0;width:100%;display:block}.qxg-field-label{font-family:inherit;font-size:9px;fill:#6d757e}.qxg-field-ch{font-family:inherit;font-size:10px;fill:#9aa3ac}.qxg-footer{flex-shrink:0;padding:6px 16px 10px;font-size:11px;line-height:1.5;color:#777}.qxg-footer a{color:#46c}@media(max-width:900px){.qxg-sidebar{display:none}.qxg-layout{padding:44px 8px 4px}.qxg-strip{margin:0 8px 4px}.qxg-strip-body{height:148px}.qxg-field{width:220px}}