:root{color-scheme:dark;--bg-0:#0d1114;--bg-1:#131a1d;--bg-2:#192225;--bg-3:#212b2f;--bg:var(--bg-0);--topbar:var(--bg-1);--panel:var(--bg-2);--panel-2:var(--bg-3);--line:rgba(255,255,255,0.11);--line-strong:rgba(255,255,255,0.2);--text:#f4f7f5;--muted:#9aa7a1;--faint:#6f7b78;--accent:#39b7ff;--heat:#ff6b38;--flow:#47d7ff;--fengshui:#f4c84a;--cyan:#19c2ff;--green:#28d7a7;--gold:#ffd166;--red:#ff5f46;--radius-sm:5px;--radius-md:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--shadow:0 20px 60px rgba(0,0,0,0.32)}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:6px;background:#202727;color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--cyan)}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#101515;color:var(--text)}textarea{min-height:96px;resize:vertical}.studio-shell{display:grid;grid-template-rows:52px minmax(0,1fr) 152px;width:100vw;height:100vh;background:var(--bg-0)}.studio-topbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);height:52px;padding:0 var(--space-3);border-bottom:1px solid var(--line);background:var(--topbar)}.brand-block{display:flex;align-items:center;gap:12px;min-width:0}.brand-block strong{color:var(--cyan)}.brand-block span{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.layer-strip,.mini-action-row,.mode-strip,.segmented,.tool-row{display:flex;gap:6px;flex-wrap:wrap}.aux-layer-toggle,.file-button,.layer-strip button,.mode-strip button,.segmented button,.tool-row button{min-height:30px;padding:5px 10px;font-size:13px}.aux-layer-toggle.active,.layer-strip button.active,.mode-strip button.active,.segmented button.active{border-color:var(--cyan);background:rgba(25,194,255,.16);color:#dff7ff}.analysis-switch button,.aux-layer-toggle{display:inline-flex;align-items:center;gap:7px}.analysis-switch button.current{box-shadow:inset 0 -2px 0 var(--accent)}.analysis-switch svg,.aux-layer-toggle svg,.tool-rail svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}.status-pill{justify-self:end;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}.studio-body{display:grid;grid-template-columns:54px minmax(0,1fr) 360px;min-height:0}.tool-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;border-right:1px solid var(--line);background:#111616}.tool-rail button{width:38px;height:38px;padding:0;display:grid;place-items:center;font-weight:700}.tool-rail button.active{border-color:var(--cyan);background:rgba(25,194,255,.16)}.main-stage{position:relative;min-width:0;min-height:0}.viewport-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#0f1720}.three-canvas{width:100%!important;height:100%!important;display:block}.viewport-hud{position:absolute;z-index:5;display:flex;gap:8px;border:1px solid var(--line);border-radius:8px;background:rgba(14,17,17,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);font-size:13px}.viewport-hud strong{color:var(--text)}.viewport-hud.top-left{top:14px;left:14px;flex-direction:column;padding:10px 12px}.viewport-hud.bottom-left{bottom:14px;left:14px;padding:8px 10px}.floating-delete{position:absolute;right:14px;bottom:14px;z-index:6;padding:8px 12px}.drawing-overlay{position:absolute;inset:0;z-index:4;pointer-events:none}.drawing-overlay.active{cursor:crosshair;pointer-events:auto}.drawing-svg{width:100%;height:100%}.draft-line{stroke:var(--gold);stroke-width:.12;stroke-dasharray:.22 .12;stroke-linecap:round}.inspector{min-height:0;overflow:auto;border-left:1px solid var(--line);background:var(--panel)}.inspector-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;border-bottom:1px solid var(--line);background:var(--line)}.inspector-tabs button{min-height:38px;border:0;border-radius:0;background:#171d1d;color:var(--muted);font-size:13px;text-align:center}.inspector-tabs button.active{background:var(--panel);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.inspector-section{display:grid;grid-gap:12px;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.dock-title,.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.dock-title strong,.section-title h2,.section-title h3{margin:0;font-size:15px}.dock-title span,.muted,.section-title span,.status-line{color:var(--muted);font-size:13px}.field-grid{display:grid;grid-gap:8px;gap:8px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:12px}.field input,.field textarea{padding:8px;font-size:13px}.room-list{display:flex;gap:6px;flex-wrap:wrap}.mapping-card,.room-pill,.wall-pill{padding:7px 9px;font-size:13px}.mapping-card.active,.room-pill.active,.wall-pill.active{border-color:var(--cyan);background:rgba(25,194,255,.14)}.property-block{display:grid;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.mini-action-row button{min-width:36px;min-height:30px;padding:5px 8px}.danger-button{border-color:rgba(255,95,70,.4);color:#ffb0a3}.full-width{width:100%;min-height:32px}.device-editor-list,.opening-editor-list,.sensor-editor-list,.template-grid,.wall-list{display:grid;grid-gap:8px;gap:8px}.sensor-editor-row{display:grid;grid-template-columns:1.6fr .7fr .7fr .9fr auto;grid-gap:6px;gap:6px;align-items:end}.opening-editor-row{display:grid;grid-template-columns:.75fr 1.4fr .65fr .75fr auto;grid-gap:6px;gap:6px;align-items:end}.device-editor-row{display:grid;grid-template-columns:1.3fr .9fr repeat(5,.68fr) auto;grid-gap:6px;gap:6px;align-items:end}.wide-field{min-width:0}.mapping-card,.wall-pill{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:#202727;color:var(--text);cursor:pointer}.file-button input{display:none}.template-card{display:grid;grid-gap:4px;gap:4px;padding:9px;text-align:left}.template-card p{margin:0;color:var(--muted);font-size:12px}.template-card.active{border-color:var(--green);background:rgba(40,215,167,.12)}.analysis-dock{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:1px;gap:1px;min-height:0;border-top:1px solid var(--line);background:var(--line)}.dock-main{min-width:0;min-height:0}.dock-panel{min-width:0;height:100%;overflow:auto;padding:12px 14px;background:#151a1a}.analysis-controls{display:grid;align-content:center;grid-gap:10px;gap:10px;min-width:0;padding:12px 14px;background:#141b1d}.range-field,.toggle-field{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px}.toggle-field{grid-template-columns:auto 1fr;align-items:center}.toggle-field input{width:16px;height:16px}.range-field input{accent-color:var(--accent)}.legend-bar{height:12px;border:1px solid var(--line);border-radius:999px}.heat-legend{background:linear-gradient(90deg,#1537c9,#00a6ff,#20d6a3,#f4e64a,#ff8b22,#e8202a)}.flow-legend{background:linear-gradient(90deg,#1a4f75,#27b7d8,#a8fff0,#f7d45a)}.legend-readout{display:grid;grid-template-columns:repeat(3,1fr);color:var(--muted);font-size:12px}.legend-readout span:nth-child(2){text-align:center}.legend-readout span:last-child{text-align:right}.legend-note{color:var(--muted);font-size:12px;line-height:1.4}.dock-metrics,.flow-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.dock-note{margin:10px 0 0;color:#b9c8c2;font-size:12px;line-height:1.5}.fengshui-findings,.flow-room-list,.heat-room-list{display:grid;grid-gap:7px;gap:7px;margin-top:10px}.flow-room-row,.heat-room-row{display:grid;grid-template-columns:minmax(70px,.9fr) minmax(120px,2fr) auto auto;align-items:center;grid-gap:8px;gap:8px;color:var(--muted);font-size:12px}.flow-room-row strong,.heat-room-row strong{color:var(--text);font-size:12px;white-space:nowrap}.flow-room-row small{color:var(--faint);white-space:nowrap}.flow-room-track,.heat-room-track{height:8px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}.flow-room-track i,.heat-room-track i{display:block;height:100%;border-radius:inherit}.flow-room-track i{background:linear-gradient(90deg,#1a80a8,#47d7ff,#d7fff7)}.compass-reading{display:grid;grid-gap:4px;gap:4px;margin-top:8px}.compass-reading p{margin:0;color:#cbd8d2;font-size:12px;line-height:1.45}.dock-metrics span,.flow-strip span,.selected-summary{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-size:12px}.heat-strip{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:3px;gap:3px;margin-top:12px}.heat-strip span{height:18px;border-radius:3px}.compact-bagua-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:10px}.compact-bagua-grid button{display:grid;grid-gap:3px;gap:3px;min-height:48px;padding:7px;text-align:left}.compact-bagua-grid button.active{border-color:var(--gold);background:rgba(255,209,102,.13)}.compact-bagua-grid span{color:var(--muted);font-size:11px}.compact-bagua-grid small{color:var(--faint);font-size:10px}.fengshui-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.fengshui-focus,.fengshui-summary-grid div,.finding-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04)}.fengshui-summary-grid div{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:8px}.eyebrow,.fengshui-summary-grid span{color:var(--faint);font-size:11px}.fengshui-summary-grid strong{color:var(--text);font-size:12px;line-height:1.35}.fengshui-focus{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(160px,.9fr);grid-gap:12px;gap:12px;margin-top:10px;padding:10px}.fengshui-focus strong{display:block;margin-top:3px;color:var(--gold)}.fengshui-focus p,.finding-card p{margin:4px 0 0;color:#cbd8d2;font-size:12px;line-height:1.45}.fengshui-room-stack{display:flex;align-content:flex-start;gap:6px;flex-wrap:wrap}.fengshui-room-stack .eyebrow{flex-basis:100%}.fengshui-room-stack button{min-height:26px;padding:4px 8px;color:#fff3c4;font-size:12px}.finding-card{display:grid;grid-gap:4px;gap:4px;padding:8px 10px}.finding-card>span{justify-self:start;padding:2px 6px;border-radius:999px;color:#101515;font-size:11px;font-weight:700}.finding-card strong{font-size:13px}.finding-card.tone-attention>span{background:var(--gold)}.finding-card.tone-supportive>span{background:var(--green)}.finding-card.tone-neutral>span{background:#9aa7a1}.bagua-label,.compass-core,.compass-label,.metric-chip,.scene-label{border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(10,14,14,.78);box-shadow:var(--shadow);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bagua-label,.compass-core,.scene-label{display:grid;grid-gap:2px;gap:2px;padding:6px 8px;text-align:center;font-size:12px}.bagua-label span,.compass-core span,.scene-label span{color:var(--muted);font-size:11px}.bagua-label.active,.compass-label.active,.scene-label.active{border-color:var(--cyan)}.compass-label,.metric-chip{padding:4px 7px;font-size:12px}@media (max-width:1180px){.studio-shell{grid-template-rows:48px minmax(0,1fr) 220px}.studio-body{grid-template-columns:48px minmax(0,1fr)}.inspector{position:absolute;right:0;top:48px;bottom:220px;width:min(360px,88vw);z-index:10;box-shadow:var(--shadow)}.fengshui-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.studio-shell{grid-template-rows:88px minmax(0,1fr) 260px}.studio-topbar{grid-template-columns:1fr;height:88px;gap:6px;align-content:center}.layer-strip,.status-pill{display:none}.analysis-dock{grid-template-columns:1fr}.analysis-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}.flow-room-row,.heat-room-row{grid-template-columns:minmax(58px,.8fr) minmax(80px,1fr) auto}.flow-room-row small{display:none}.fengshui-focus,.fengshui-summary-grid{grid-template-columns:1fr}.inspector{display:none}}