:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141515;--panel:#1d1e1e;--line:#343532;--muted:#92958f;--text:#e0e2d8;--accent:#ddbd78;--danger:#e49683;--ok:#98bf96}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;display:flex;overflow:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:1px solid var(--line);background:#262827;border-radius:5px}button:hover{background:#32352f;border-color:#787a6b}button:focus-visible,a:focus-visible,label:focus-within,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.32;cursor:default}button:disabled:hover{border-color:var(--line);background:#262827}button.quiet{background:0 0;padding:7px 11px}button.text-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:12px}button.text-button:hover{color:var(--accent)}.masthead{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:28px;height:70px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.mark{color:var(--accent);font-size:39px;line-height:1}.brand strong{letter-spacing:.15em;font-family:Georgia,serif;font-size:17px;font-weight:400}.brand span:not(.mark){color:var(--muted);letter-spacing:.18em;margin-top:4px;font-size:11px;display:block}.engine{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.divider{color:#575c51;margin:0 3px}.status-dot{background:#777c6f;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.engine .status-dot.ready{background:var(--ok)}.engine .status-dot.error{background:var(--danger)}.workspace{flex:1;grid-template-columns:292px minmax(0,1fr);min-height:0;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.sidebar section{border-bottom:1px solid var(--line);flex-shrink:0;padding:22px}.section-title{color:#c5c9bb;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.subtle{color:#7e8576;letter-spacing:0;font-size:10px;font-weight:400}.file-choice{cursor:pointer;background:#242622;border:1px solid #41453b;border-radius:5px;align-items:center;gap:12px;margin:10px 0;padding:12px;display:flex}.file-choice:hover{border-color:var(--accent);background:#2b2d27}.file-icon{text-align:center;width:24px;height:28px;color:var(--accent);border:1px solid #62684c;flex:none;font-family:Georgia,serif;line-height:27px}.file-description{flex:1;min-width:0;display:block}.file-description b{font-size:12px;font-weight:500}.file-description small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.file-plus{color:#8c9578;font-size:16px}.small-note{color:var(--muted);margin:11px 0 0;font-size:11px;line-height:1.65}.sample-control{margin-top:20px}.sample-control label{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}select{color:var(--text);background:#252823;border:1px solid #43483c;border-radius:4px;max-width:100%;padding:8px 9px}.sample-control select{width:100%}h1{overflow-wrap:anywhere;margin:0 0 5px;font-size:16px;font-weight:500;line-height:1.5}.puzzle-title{color:var(--muted);overflow-wrap:anywhere;margin:0 0 17px;font-size:11px;line-height:1.6}.metrics{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;display:grid}.metrics dt{color:var(--muted);margin-bottom:7px;font-size:10px}.metrics dd{font-variant-numeric:tabular-nums;color:#d3d7c6;margin:0;font-size:17px}.sim-state{align-items:center;gap:8px;display:flex}.sim-state strong{font-weight:500}.sim-state[data-state=ready] .status-dot,.sim-state[data-state=playing] .status-dot{background:var(--accent)}.sim-state[data-state=complete] .status-dot{background:var(--ok)}.sim-state[data-state=error] .status-dot{background:var(--danger)}.state-detail{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 14px;font-size:11px;line-height:1.7}.output-row{justify-content:space-between;gap:12px;margin:9px 0;font-size:11px;display:flex}.output-row span{color:#abb1a0}.output-row b{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:500}.output-bar{background:#383d32;border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.output-bar i{background:var(--accent);width:0;height:100%;display:block}.warning-list{color:#c3b38f;border-left:2px solid #ad8f55;margin-top:15px;padding-left:10px;font-size:11px;line-height:1.7}.warning-list p{margin:5px 0}.sidebar-footer{padding:17px 22px}.viewer{grid-template-rows:46px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.viewer-top{border-bottom:1px solid var(--line);background:#191b19;justify-content:space-between;align-items:center;gap:20px;padding:0 18px;display:flex}.scene-title{white-space:nowrap;text-overflow:ellipsis;color:#9fa78e;min-width:0;font-size:11px;overflow:hidden}.view-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.view-tools .quiet{font-size:11px}.view-tools #zoom-label{text-align:center;color:#8d9583;font-variant-numeric:tabular-nums;width:45px;font-size:10px}.icon-button{width:30px;height:30px;padding:0;font-size:19px;line-height:1}.canvas-stage{touch-action:none;background:#252720;min-width:0;min-height:0;position:relative;overflow:hidden}canvas{cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.canvas-hint{color:#b1b59c80;pointer-events:none;font-size:10px;position:absolute;bottom:13px;left:18px}.stage-message{text-align:center;background:#1e221ce8;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:30px;display:flex;position:absolute;inset:0}.stage-message[hidden]{display:none}.stage-message strong{font-size:16px;font-weight:500}.stage-message p{max-width:460px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.loading-mark{color:#a49970;font-size:50px;line-height:1}.drop-hint{border:2px dashed var(--accent);color:var(--accent);pointer-events:none;background:#242d25e8;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:12px}.drop-hint[hidden]{display:none}.transport{border-top:1px solid var(--line);background:#1a1d19;min-width:0;min-height:0;padding:17px 20px 12px;overflow:auto}.transport-row{flex-wrap:wrap;align-items:center;gap:10px 25px;margin-bottom:16px;display:flex}.play-controls{align-items:center;gap:7px;display:flex}.play-button{color:#ebd9ab;background:#4c4430;border-color:#76643f;justify-content:center;align-items:center;gap:9px;width:84px;height:32px;font-size:11px;display:flex}.play-button:hover{border-color:var(--accent);background:#625334}.cycle-readout{color:var(--muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:9px;font-size:10px;display:flex}.cycle-readout b{color:#e0e4d3;font-size:18px;font-weight:500}.cycle-readout small{color:#929984;min-width:35px;font-size:10px}.speed-control{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.speed-control select{padding:6px;font-size:10px}.timeline-row{align-items:center;gap:10px;display:flex}input[type=range]{min-width:60px;accent-color:var(--accent);cursor:pointer;flex:1;height:3px}.cycle-jump{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.cycle-jump input{width:67px;color:var(--text);background:#242820;border:1px solid #454b3d;border-radius:3px;padding:5px;font-size:11px}#seek-button{padding:4px 8px;font-size:11px}dialog{color:var(--text);background:#20231d;border:1px solid #62684e;border-radius:8px;width:min(520px,90vw);padding:28px 32px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#0009}dialog h2{margin:0 0 22px;font-size:20px;font-weight:500}dialog p,dialog li{color:#b1b6a4;font-size:12px;line-height:1.9}dialog ul{padding-left:18px}dialog a{color:var(--accent)}.dialog-close{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:14px}.busy{cursor:progress}@media (max-width:850px){.workspace{grid-template-columns:245px 1fr}.sidebar section{padding:18px 16px}.masthead{gap:12px;padding:0 16px}.engine{font-size:10px}.transport{padding:14px 12px}.transport-row{gap:12px}.speed-control>select{max-width:95px}}@media (max-width:620px){.masthead{height:62px}.brand strong{font-size:13px}.brand .mark{font-size:29px}.engine{gap:5px}.engine .divider,.engine .divider+span{display:none}#help-button{padding:5px;font-size:10px}.workspace{flex-direction:column;display:flex;overflow-y:auto}.sidebar{border-right:0;flex-shrink:0;order:2;grid-template-columns:1fr 1fr;display:grid;overflow:visible}.sidebar section{padding:18px 15px}.sidebar-footer{grid-column:1/-1}.viewer{flex-shrink:0;order:1;grid-template-rows:44px minmax(0,1fr) auto;height:min(65dvh,100%)}.transport-row{gap:9px}.cycle-readout{gap:5px}.cycle-readout small{display:none}.speed-control{gap:5px;font-size:9px}.play-controls{gap:4px}.play-button{width:62px}.metrics dd{font-size:16px}.file-choice{gap:8px;padding:9px}.brand span:not(.mark){font-size:9px}.masthead .engine{margin-left:auto}}#root{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}:where(.sidebar section){min-width:0;max-width:100%}.sidebar select{min-width:0}:where(.phase-preview){color:#9aa08e;align-items:center;gap:12px;margin:10px 0 0;font-size:11px;display:flex}.phase-preview input{flex:1;min-width:40px}.phase-preview span{white-space:normal;font-size:10px}@media (max-width:600px){.phase-preview span{display:none}}