:root{--bg:#eef2ef;--panel:#fff;--panel-soft:#f8faf7;--line:#203128;--line-soft:#d8ddd7;--line-mid:#c6cec7;--text:#203128;--muted:#647166;--accent:#2f7d56;--accent-soft:#e5f2ea;--primary-ink:#1f4e37;--warning:#9a4a15;--radius:10px;--shadow:0 4px 14px #1118270f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 10% 10%,#fffffffa 0%,#eaf0ebf0 55%),linear-gradient(#edf2ee 0%,#e4ebe5 100%);overflow:hidden}button,input,select{font:inherit}#root{height:100%}.app{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd1;padding:1rem 1.25rem}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;display:flex}.brand{align-items:center;gap:.9rem;display:flex}.brand-mark{object-fit:contain;width:54px;height:54px;display:block;box-shadow:0 10px 22px #283e3014}.brand-copy h1{color:var(--line);margin:0;font-size:1.32rem}.subtitle{color:var(--muted);margin:.2rem 0 0;font-size:.98rem}.topbar-note{max-width:34rem;color:var(--muted);margin:0;font-size:.9rem;line-height:1.35}.layout{grid-template-columns:320px minmax(0,1fr);gap:12px;min-height:0;padding:12px;display:grid;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow)}.control-panel{flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.section-block{background:#fff;border:1px solid #e3e7e1;border-radius:9px;padding:10px}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:700}.section-header,.panel-header,.viewer-header,.results-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.field-grid{grid-template-columns:1fr;gap:8px;display:grid}.field{color:var(--muted);font-size:.82rem;display:block}.field>span{display:block}.slider-field>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.slider-field output{color:var(--text);font-weight:700}.input-wrap{position:relative}.number-input,.text-input,.select-input{border:1px solid var(--line-mid);width:100%;color:var(--text);background:#fff;border-radius:6px;margin-top:4px;padding:8px 10px}.number-input.with-unit{padding-right:42px}.number-input:focus,.text-input:focus,.select-input:focus,.color-input:focus{border-color:#93b19d;outline:2px solid #2f7d5629}.range-input{accent-color:#4a8d60;width:100%;margin-top:8px}.input-unit{color:var(--muted);pointer-events:none;font-size:.76rem;position:absolute;top:calc(50% + 2px);right:10px;transform:translateY(-50%)}.checkbox-field{min-height:36px;color:var(--line);align-items:center;gap:10px;display:flex}.checkbox-field input{margin:0}.file-actions,.panel-actions,.viewer-actions,.pill-row{flex-wrap:wrap;gap:8px;display:flex}.simulation-actions{margin-top:10px}.simulation-feedback{gap:10px;margin-top:10px;display:grid}.viewer-actions button{width:auto}button{border:1px solid var(--line-mid);width:100%;color:var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:8px 10px;font-weight:600;transition:border-color .12s,background-color .12s,opacity .12s}button:hover{border-color:#95a79b}button:disabled{cursor:not-allowed;opacity:.55}.primary-action{color:var(--primary-ink);background:linear-gradient(#eff8f2 0%,#e0f0e5 100%);border-color:#8fb09a}.ghost{background:#fff}.danger{color:#8f2714}.hidden-file-input{display:none}.file-card,.result-card{background:var(--panel-soft);border:1px solid #e3e7e1;border-radius:8px;padding:10px}.file-card h3,.results-panel h3,.viewer-header h2{color:var(--line);margin:0 0 6px;font-size:.95rem}.metric-detail,.field-note,.section-intro,.scene-loading,.summary-list,.status-banner{color:var(--muted);font-size:.84rem;line-height:1.35}.status-banner{background:#f6faf7;border:1px solid #d8e3dc;border-radius:8px;padding:10px 12px}.progress-shell{background:#f6faf7;border:1px solid #d8e3dc;border-radius:8px;margin-top:10px;padding:10px 12px}.progress-meta{color:var(--line);justify-content:space-between;align-items:center;gap:10px;font-size:.84rem;font-weight:600;display:flex}.progress-track{background:#dce8df;border-radius:999px;width:100%;height:10px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#7eb389 0%,#5f9f70 55%,#4a8d60 100%);height:100%;transition:width .14s}.status-banner.warning{color:var(--warning);background:#fdf8f4;border-color:#e6d3c6}.viewer{border:1px solid var(--line-soft);border-radius:var(--radius);min-width:0;height:100%;min-height:0;box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:12px;display:flex;overflow:hidden}.viewer-header{align-items:center;margin-bottom:10px}.viewer-header h2{margin:0}.viewer-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:12px;min-height:0;display:grid}.plot-pane{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(#dde6dd 0%,#edf3ed 44%,#f7faf7 100%);min-width:0;min-height:0;overflow:hidden}.scene-stage{position:relative}.scene-canvas-shell{width:100%;height:100%;position:relative}.scene-canvas-shell.drawing-reference,.scene-canvas-shell.drawing-reference canvas{cursor:crosshair}.scene-stage canvas{touch-action:none;width:100%;height:100%;display:block}.scene-overlay{pointer-events:none;gap:8px;display:grid;position:absolute;top:12px;left:12px}.scene-chip{min-height:28px;color:var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:.8rem;font-weight:600;display:inline-flex}.scene-chip.accent{color:#8e301f;background:#fff5f1db;border-color:#f26b4f73}.screen-axis-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:92px;height:92px;box-shadow:var(--shadow);pointer-events:none;background:#ffffffd1;border:1px solid #e3e6ec;border-radius:10px;padding:6px;position:absolute;bottom:14px;left:14px}.screen-axis-svg{width:100%;height:100%}.screen-axis-svg text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:700}.swatch{border-radius:999px;flex:none;width:10px;height:10px}.results-panel{background:#fff;border:1px solid #e3e7e1;border-radius:8px;flex-direction:column;gap:10px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.legend-scale{background:linear-gradient(90deg,#cc4fe6 0%,#475fe8 18%,#31a7ef 36%,#35d47f 56%,#c8de43 74%,#f2b83b 88%,#ee6555 100%);border:1px solid #d7e0df;border-radius:999px;width:100%;height:14px;margin-top:10px}.legend-labels{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.78rem;font-weight:600;display:flex}.summary-list{margin:0;padding-left:18px}.summary-list li+li{margin-top:6px}@media (width<=1080px){.layout{grid-template-columns:1fr}.viewer-layout{grid-template-rows:minmax(380px,1fr) minmax(180px,36dvh);grid-template-columns:1fr}}@media (width<=720px){.viewer-header,.results-header,.section-header{flex-direction:column;align-items:stretch}}