:root{--bg: #0f1419;--panel: #151c24;--line: #2a3542;--text: #d7dee6;--muted: #8a97a5;--accent: #ffd166;--danger: #ef476f;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font)}#layout{display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr 110px;height:100%}#panel{grid-row:1 / span 2;background:var(--panel);border-right:1px solid var(--line);padding:14px 16px;overflow-y:auto}#panel h1{font-size:18px;letter-spacing:.02em;margin:0 0 12px}#panel h1 .tag{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);padding:2px 6px;border-radius:3px;margin-left:8px;vertical-align:middle}#panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 8px}#panel h2 small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px}#panel section{margin-bottom:8px}#panel label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}#panel input[type=number],#panel select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:5px 6px;font:12px var(--mono)}#panel input[type=range]{width:100%}#panel .hint{display:block;color:var(--muted);font-size:10px;margin-top:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.checkrow label{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:12px}#tools{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-bottom:8px}#tools label{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:12px}#tabs{display:flex;gap:4px;margin:0 0 12px}#tabs a{flex:1;text-align:center;padding:6px 0;font:600 11px var(--font);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:4px}#tabs a.active{color:#1a1400;background:var(--accent);border-color:var(--accent)}#regions,#regions3d{list-style:none;padding:0;margin:8px 0 0;font:11px var(--mono)}#regions li,#regions3d li{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;border-left:3px solid var(--line);margin-bottom:3px;background:var(--bg)}#regions li.fixed,#regions3d li.fixed{border-color:#2ec4b6}#regions li.load,#regions3d li.load{border-color:var(--danger)}#regions li.solid,#regions3d li.solid{border-color:#4cc9f0}#regions li.void,#regions3d li.void{border-color:#9aa5b1}#regions button.del,#regions3d button.del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}#regionForm3d #rf-add{width:100%;margin-top:6px}#actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}button{background:var(--line);color:var(--text);border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font:600 12px var(--font)}button.primary{background:var(--accent);color:#1a1400}button:disabled{opacity:.45;cursor:default}#view{position:relative;overflow:hidden}#view canvas{display:block;touch-action:none}#status{grid-column:2;display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:8px 14px;background:var(--panel)}#statusline,#statusline3d{flex:1;font:12px var(--mono);color:var(--text)}#statusline.error,#statusline3d.error{color:var(--danger)}#chart,#chart3d{border:1px solid var(--line);border-radius:4px}#materialInfo3d{font-size:10px;line-height:1.5;color:var(--muted);margin:2px 0 8px}#materialInfo3d a{color:var(--accent)}#legend3d{margin-bottom:8px}#legend3d .legend-bar{height:8px;border-radius:3px;background:linear-gradient(90deg,#00f,#0ff,#0f0,#ff0,red)}#legend3d .legend-ticks{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);margin-top:3px}#report3d{font-size:11px}#report3d .hint.error{color:var(--danger)}#report3d h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 8px}#report3d h2 small{text-transform:none;letter-spacing:0;color:var(--text);font-weight:400}#report3d .report-rows{list-style:none;margin:0;padding:0}#report3d .report-rows li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid var(--line)}#report3d .report-rows li span{color:var(--muted)}#report3d .report-rows b{font-weight:600;text-align:right}#report3d b.sf-red{color:var(--danger)}#report3d b.sf-yellow{color:#ffd166}#report3d b.sf-green{color:#2ec4b6}#projectActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}#projectActions button,#projectActions .file-btn{flex:1;min-width:90px}.file-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--line);color:var(--text);border-radius:4px;padding:8px 12px;cursor:pointer;font:600 12px var(--font);text-align:center}.file-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}#view[data-colored="1"]{outline:1px solid var(--accent);outline-offset:-1px}