.histogram{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101215d1;border:1px solid #e8ecf029;grid-template-rows:auto minmax(0,1fr) auto;gap:5px;width:202px;height:124px;padding:10px 11px;display:grid;bottom:14px;right:14px}.histogram-title{color:#dfe5eb;font-size:11.5px;font-weight:680;line-height:1.2}.histogram-chart{width:100%;height:66px;overflow:visible}.histogram-fill{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-width:.8px}.histogram-luminance{fill:#e8ecf03d;stroke:#e8ecf07a}.histogram-red{fill:#e0524452;stroke:#ff6f5fe6}.histogram-green{fill:#5db06352;stroke:#7cd57fe6}.histogram-blue{fill:#4989da52;stroke:#6aa9f5eb}.histogram-readout{color:#aeb7c1;font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,1fr);gap:10px;font-size:11px;line-height:1.2;display:grid}.histogram-readout span{white-space:nowrap}.histogram-readout b{color:#f2f5f8;font-weight:650}@media (width<=520px){.histogram{gap:3px;width:136px;height:88px;padding:8px;top:10px;bottom:auto;right:10px}.histogram-chart{height:39px}.histogram-title{font-size:10.5px}.histogram-readout{gap:4px;font-size:9.5px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1012;--panel:#1b1e22;--canvas:#090a0c;--line:#30343a;--line-soft:#252a30;--text:#eef1f4;--text-strong:#fff;--muted:#9da5ae;--muted-2:#79818b;--accent:#5da2f2;--accent-strong:#2f78d0;--success:#69c47d;--success-soft:#69c47d24;--warning:#d7a64d;--radius:5px;--shadow:0 18px 44px #00000057;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:1180px;margin:0}button,input{font:inherit}button{cursor:pointer}button,input{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #5da2f2c7}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#121416}::-webkit-scrollbar-thumb{background:#3a3f46;border:2px solid #121416;border-radius:999px}.app-shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#141619;justify-content:space-between;align-items:center;gap:18px;height:64px;padding:10px 18px 10px 20px;display:flex}.topbar h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:17px;font-weight:680;line-height:1.2}.topbar p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.35}.topbar-meta{color:#c3c8ce;white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;display:flex}.student-field{color:var(--muted);align-items:center;gap:7px;display:flex}.student-field input{border:1px solid var(--line);border-radius:var(--radius);width:116px;height:30px;color:var(--text);background:#101214;padding:5px 8px}.save-pill{border-radius:var(--radius);background:var(--success-soft);color:#b9e7c4;border:1px solid #69c47d57;align-items:center;gap:6px;height:30px;padding:0 9px;display:inline-flex}.save-pill svg{color:var(--success)}.workspace{background:var(--bg);flex:1;grid-template-columns:288px minmax(0,1fr) 376px;min-height:0;display:grid;overflow:hidden}.left-panel,.right-panel{background:var(--panel);min-height:0;overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.center-stage{background:#101113;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:12px;display:flex;overflow:hidden}.panel-section{border-bottom:1px solid var(--line-soft);padding:14px 14px 16px}.panel-section:last-child{border-bottom:0}.section-heading{justify-content:space-between;align-items:center;gap:10px;min-height:22px;margin-bottom:12px;display:flex}.section-heading h2{color:#d9dde2;letter-spacing:0;margin:0;font-size:12px;font-weight:680;line-height:1.25}.section-heading svg{color:var(--muted-2)}.case-list{gap:6px;display:grid}.case-card{border-radius:var(--radius);color:#d7dce2;text-align:left;background:0 0;border:1px solid #0000;border-left-width:3px;gap:4px;width:100%;padding:10px 10px 10px 11px;display:grid}.case-card:hover{background:#20242a;border-color:#343a42 #343a42 #343a42 #525a63}.case-card.active{border-color:#365f8e;border-left-color:var(--accent);background:#222a34}.case-card strong{color:var(--text);font-size:12.5px;font-weight:650;line-height:1.35}.case-card span,.body-copy,.scene-hint{color:var(--muted);font-size:12px;line-height:1.55}.progress-text{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}.progress-track{background:#2b3036;border-radius:999px;height:5px;overflow:hidden}.progress-track i{background:var(--accent);height:100%;display:block}.task-list{gap:10px;margin:13px 0 0;padding:0;list-style:none;display:grid}.task-list li{color:var(--muted-2);grid-template-columns:17px 1fr;gap:8px;display:grid}.task-list li svg{color:#4f5963;margin-top:1px}.task-list li.done,.task-list li.done svg{color:var(--success)}.task-list strong{color:#d8dde3;font-size:12px;font-weight:620;line-height:1.35;display:block}.task-list span{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.42;display:block}.focus-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.focus-tags span{border-radius:var(--radius);color:#c6d2df;background:#20242a;border:1px solid #363c44;padding:4px 7px;font-size:11px;line-height:1.25}.status-list{gap:6px;margin-top:10px;display:grid}.status-list div{border:1px solid var(--line-soft);border-radius:var(--radius);background:#181b1f;justify-content:space-between;align-items:center;gap:12px;min-height:31px;padding:7px 8px;display:flex}.status-list.compact{grid-template-columns:1fr 1fr}.status-list span{color:var(--muted);font-size:11.5px}.status-list strong{overflow-wrap:anywhere;color:#dce1e6;text-align:right;font-variant-numeric:tabular-nums;min-width:0;font-size:11.5px;font-weight:620}.viewport-toolbar,.bottom-actions{justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.viewport-toolbar{padding:0 2px}.viewport-toolbar span{min-width:210px;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:#121416;flex-wrap:wrap;align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented.fill{width:100%;margin-top:8px}.segmented button{color:#a8b0ba;white-space:nowrap;background:0 0;border:0;border-radius:4px;min-height:28px;padding:5px 9px;font-size:11.5px;line-height:1.2}.segmented.fill button{flex:1 1 0}.segmented button:hover{color:var(--text);background:#242930}.segmented button.active{color:#fff;background:var(--accent-strong)}.preset-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:7px 0 10px 60px;display:grid}.preset-row button,.roam-pad button{border:1px solid var(--line);border-radius:var(--radius);color:#c8d0d8;background:#20242a}.preset-row button{min-height:26px;padding:3px 4px;font-size:10.5px;line-height:1.2}.preset-row button.active{color:#fff;background:#2d67aa;border-color:#3977bc}.roam-pad{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.roam-pad button{place-items:center;min-height:34px;display:grid}.roam-pad button:hover,.preset-row button:hover{color:#fff;background:#2a3038;border-color:#4f83bd}.viewport-shell{border-radius:var(--radius);background:var(--canvas);min-height:0;box-shadow:var(--shadow);border:1px solid #2b3036;flex:1;position:relative;overflow:hidden}.scene-canvas,.scene-canvas canvas{width:100%;height:100%;display:block}.loading-layer,.exposure-warning,.viewport-metrics,.histogram{pointer-events:none;position:absolute}.loading-layer{color:#c4cbd3;background:#0d0e10;place-items:center;font-size:13px;display:grid;inset:0}.composition-grid{pointer-events:none;border:1px solid #e8ecf06b;position:absolute;inset:8%}.composition-grid.portrait{inset:6% 28%}.composition-grid span{background:#e8ecf052;position:absolute}.composition-grid span:first-child,.composition-grid span:nth-child(2){width:1px;height:100%;top:0}.composition-grid span:first-child{left:33.33%}.composition-grid span:nth-child(2){left:66.66%}.composition-grid span:nth-child(3),.composition-grid span:nth-child(4){width:100%;height:1px;left:0}.composition-grid span:nth-child(3){top:33.33%}.composition-grid span:nth-child(4){top:66.66%}.exposure-warning{border-radius:var(--radius);color:#ffe1e1;background:#742323c7;border:1px solid #d96c6c73;padding:7px 9px;font-size:11.5px;top:14px;left:14px}.viewport-metrics{gap:8px;display:flex;bottom:14px;left:14px}.viewport-metrics div{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101215d1;border:1px solid #e8ecf029;gap:4px;min-width:78px;padding:8px 10px;display:grid}.viewport-metrics strong{color:#f3f5f7;font-size:11.5px;font-weight:650;line-height:1.2}.viewport-metrics span{color:#a4adb7;font-size:10.5px;line-height:1.2}.bottom-actions{flex-wrap:wrap;justify-content:flex-start;padding:0 2px}.bottom-actions button{border:1px solid var(--line);border-radius:var(--radius);color:#d6dce3;background:#20242a;align-items:center;gap:7px;min-height:36px;padding:8px 11px;font-size:12px;line-height:1.2;display:inline-flex}.bottom-actions button svg{color:#aeb7c1}.bottom-actions button:hover{color:#fff;background:#282e36;border-color:#454b54}.bottom-actions button.primary{color:#fff;background:var(--accent-strong);border-color:#3a79bf}.bottom-actions button.primary svg{color:#fff}.control-row,.toggle-row{align-items:center;gap:8px;margin:9px 0;display:grid}.control-row{grid-template-columns:60px minmax(0,1fr) 54px}.toggle-row{color:#d5dbe1;grid-template-columns:1fr auto;min-height:28px;font-size:12px}.control-label,.control-value{color:var(--muted);font-size:11.5px;line-height:1.2}.control-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.light-stack{gap:8px;display:grid}.light-editor{border:1px solid var(--line-soft);border-radius:var(--radius);background:#181b1f;padding:9px}.light-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.light-header label{color:#e3e7eb;align-items:center;gap:7px;min-width:0;font-size:12.5px;line-height:1.2;display:inline-flex}input[type=color]{border:1px solid var(--line);background:0 0;border-radius:4px;flex:none;width:28px;height:24px;padding:0}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.metric-grid div,.score-card,.platform-state{border:1px solid var(--line-soft);border-radius:var(--radius);background:#181b1f;padding:9px}.metric-grid strong{overflow-wrap:anywhere;color:#f2f4f6;min-width:0;font-size:15px;font-weight:680;line-height:1.25;display:block}.metric-grid span,.score-card span,.platform-state span{color:var(--muted);margin-top:4px;font-size:11.5px;line-height:1.42;display:block}.score-card{grid-template-columns:58px 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.score-number{border-radius:var(--radius);color:#fff;background:#3577bf;place-items:center;width:54px;height:54px;font-size:23px;font-weight:760;line-height:1;display:grid}.score-card strong{color:#f1f4f7;font-size:13px}.breakdown-list{gap:5px;margin-top:10px;display:grid}.breakdown-list div{color:#c6ced7;border-bottom:1px solid #252a30;justify-content:space-between;gap:12px;padding-bottom:5px;font-size:11.5px;line-height:1.3;display:flex}.breakdown-list div:last-child{border-bottom:0;padding-bottom:0}.breakdown-list strong{color:#eef1f4;font-variant-numeric:tabular-nums}.platform-state{margin-top:10px}.platform-state strong{color:var(--warning);font-size:12.5px;font-weight:650;display:block}.snapshot-list{gap:9px;display:grid}.snapshot-list figure{margin:0}.snapshot-list img{border:1px solid var(--line-soft);border-radius:var(--radius);background:#111315;width:100%;display:block}.snapshot-list figcaption{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.35}@media (width<=980px){body{min-width:0}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:12px 14px}.topbar-meta,.bottom-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.workspace{grid-template-columns:1fr;height:auto;overflow:visible}.left-panel,.right-panel{border:0;border-bottom:1px solid var(--line)}.center-stage{min-height:560px;padding:10px}.viewport-toolbar{flex-direction:column;align-items:stretch}.viewport-toolbar span{text-align:left;white-space:normal;width:100%;min-width:0}.viewport-shell{min-height:430px}.preset-row{margin-left:0}}@media (width<=520px){.topbar-meta{flex-direction:column;align-items:stretch}.student-field{justify-content:space-between;width:100%}.student-field input{width:min(220px,70%)}.panel-section{padding:13px 12px 15px}.segmented.fill button{flex-basis:50%}.control-row{grid-template-columns:56px minmax(0,1fr) 50px}.status-list.compact,.metric-grid{grid-template-columns:1fr}.bottom-actions button{flex:145px;justify-content:center}.viewport-metrics{grid-template-columns:1fr 1fr;gap:6px;display:grid;bottom:10px;right:10px}.viewport-metrics div{min-width:0;padding:7px 8px}.viewport-metrics div:nth-child(3){grid-column:1/-1}}