:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e5edf8;background:#101722;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 60% 28%,#1d2b42 0,#101722 55%,#0a0f18)}#viewport,#viewport canvas,.label-layer{position:absolute;inset:0;width:100%;height:100%}#viewport canvas{display:block}.label-layer{z-index:2;pointer-events:none}.label-layer.hidden{display:none}.titlebar,.control-panel,.data-panel,.selection-detail,.legend,.notice{position:absolute;z-index:4}.titlebar{top:24px;left:28px;display:flex;align-items:flex-start;gap:18px;pointer-events:none}.titlebar h1{margin:2px 0 3px;font-size:clamp(24px,3vw,40px);line-height:1;letter-spacing:-.035em}.eyebrow,.subtitle{margin:0;color:#94a3b8}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.subtitle{margin-top:8px;font-size:12px}.page-nav{display:flex;gap:7px;margin-top:11px;pointer-events:auto}.page-nav a{padding:7px 10px;border:1px solid rgb(148 163 184 / 22%);border-radius:8px;color:#9fb0c5;background:#0f172ac7;font-size:11px;font-weight:650;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-nav a:hover,.page-nav a[aria-current=page]{border-color:#38bdf89e;color:#e0f2fe;background:#0e749057}.source-badge{margin-top:3px;padding:6px 9px;border:1px solid rgb(34 197 94 / 45%);border-radius:999px;color:#86efac;background:#14532d6b;font-size:11px;white-space:nowrap}.control-panel{top:24px;right:24px;width:230px;padding:16px;border:1px solid rgb(148 163 184 / 18%);border-radius:16px;background:#0f172ad1;box-shadow:0 16px 45px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-heading{margin-bottom:11px;color:#f8fafc;font-size:13px;font-weight:750}.toggle{display:flex;align-items:center;gap:8px;min-height:30px;color:#cbd5e1;font-size:12px}.toggle input{accent-color:#38bdf8}.range-label{display:flex;justify-content:space-between;margin-top:12px;color:#94a3b8;font-size:11px}#concrete-opacity{width:100%;accent-color:#60a5fa}.dense-rule{margin:8px 0 0;color:#fdba74;font-size:10px;line-height:1.4}.cross-rule{margin:4px 0 0;color:#d8b4fe;font-size:10px;line-height:1.4}.view-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.view-buttons button{padding:7px 0;border:1px solid rgb(148 163 184 / 20%);border-radius:8px;color:#aab8ca;background:#1e293bb8;cursor:pointer}.view-buttons button:hover,.view-buttons button.active{border-color:#38bdf8a6;color:#e0f2fe;background:#0e749052}.data-panel{left:24px;bottom:94px;display:grid;width:min(520px,calc(100vw - 48px));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beam-card{display:grid;gap:4px;padding:13px 14px;border:1px solid rgb(148 163 184 / 18%);border-radius:14px;color:#dbe7f5;text-align:left;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.beam-card:hover,.beam-card.selected{border-color:#38bdf89e;box-shadow:inset 0 0 0 1px #38bdf824}.beam-card strong{font-size:19px}.beam-card small{color:#91a0b5;font-size:10px}.beam-name{color:#7dd3fc;font-size:12px;font-weight:750}.selection-detail{right:24px;bottom:82px;display:grid;width:min(380px,calc(100vw - 48px));gap:5px;padding:13px 15px;border-left:3px solid #38bdf8;color:#cbd5e1;background:#0f172ac2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selection-detail strong{color:#f8fafc;font-size:12px}.selection-detail span,.selection-detail em{font-size:10px;line-height:1.5}.selection-detail em{color:#fbbf24;font-style:normal}.legend{right:24px;top:388px;display:grid;gap:8px;color:#9caec4;font-size:10px}.legend span{display:flex;align-items:center;gap:7px}.swatch{width:9px;height:9px;border-radius:50%}.swatch.concrete{background:#cbd5e1;opacity:.6}.swatch.top{background:#fbbf24}.swatch.support-top{background:#f472b6}.swatch.tie-point{background:#e2e8f0}.swatch.bottom{background:#ef4444}.swatch.waist{background:#38bdf8}.swatch.stirrup{background:#22c55e}.swatch.inserted{background:#f97316}.swatch.dense{background:#fb923c}.swatch.cross-dense{background:#c084fc}.notice{right:24px;bottom:24px;color:#7d8ea5;font-size:10px;pointer-events:none}.model-label{padding:5px 8px;border:1px solid rgb(148 163 184 / 25%);border-radius:8px;color:#e5eef9;background:#0f172adb;box-shadow:0 6px 18px #00000040;font-size:11px;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%)}.a-label{border-color:#fbbf247a}.b-label{border-color:#7dd3fc7a}.node-label{border-color:#ffffff61;color:#fff;background:#1e293beb;font-weight:750}.dimension-label{padding:3px 6px;border:0;color:#b9c6d8;background:#0f172aad;box-shadow:none;font-size:10px}.dense-zone-label{border-color:#fb923cad;color:#ffedd5;background:#7c2d12db;font-size:10px;font-weight:750}.support-bar-label{border-color:#f472b6ad;color:#fce7f3;background:#500724db;font-size:10px;font-weight:750}.tie-label{border-color:#e2e8f0ad;color:#f8fafc;background:#1e293be5;font-size:10px;font-weight:750}.waist-layout-label{border-color:#38bdf8ad;color:#e0f2fe;background:#0c4a6edb;font-size:10px;font-weight:750}@media(max-width:760px){.titlebar{top:16px;left:16px}.source-badge,.subtitle,.legend{display:none}.page-nav{margin-top:8px}.control-panel{top:14px;right:14px;width:170px;padding:11px}.data-panel{left:14px;bottom:68px;width:calc(100vw - 28px)}.beam-card{padding:10px}.beam-card small:nth-of-type(2),.selection-detail{display:none}.notice{right:14px;bottom:18px;left:14px;text-align:center}}