:root{color-scheme:light;--bg:#f4f3ee;--panel:#fdfdfb;--ink:#25332e;--muted:#5f6b65;--line:#d9ded6;--green:#285347;--green-soft:#e5eee8;--danger:#a64230;--focus:#247b64;--header:72px;--left:260px;--right:294px;--footer:40px;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:8px 12px;cursor:pointer;transition:background .15s,color .15s}button:hover{background:var(--green-soft)}button:active{background:#d2e3d8}button:disabled{opacity:.42;cursor:default}button[aria-pressed=true],.primary{background:var(--green);color:#fff;border-color:var(--green)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:var(--green);text-decoration:none}input:not([type=checkbox]):not([type=range]),select{display:block;width:100%;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:10px 9px;min-height:44px;margin-top:6px}input[type=range]{width:100%;accent-color:var(--green);min-height:28px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--green)}label{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 8px}header{height:var(--header);position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.mark{background:var(--green);color:#fff;border-radius:9px;width:42px;height:42px;display:grid;place-items:center;font-size:18px;letter-spacing:-1px}.brand strong{font-size:16px;font-weight:600;display:block}.brand small{font-size:11px;display:block;color:var(--muted);margin-top:3px}.mode-tabs{display:flex;border:1px solid var(--line);padding:3px;border-radius:9px;gap:3px}.mode-tabs button{border:0;min-height:38px}.header-actions{display:flex;gap:12px;align-items:center}.header-actions a,.header-actions button{font-size:12px}#mobile-panel{display:none}#viewport{position:fixed;inset:var(--header) var(--right) var(--footer) var(--left);overflow:hidden;outline-offset:-4px}#canvas-host,#canvas-host canvas{width:100%;height:100%;display:block;touch-action:none}#canvas-host{background:#e7e8e2}aside{position:fixed;top:var(--header);bottom:var(--footer);z-index:20;background:var(--panel);overflow:auto;overscroll-behavior:contain;padding:16px}#left-panel{left:0;width:var(--left);border-right:1px solid var(--line);display:flex;flex-direction:column}#right-panel{right:0;width:var(--right);border-left:1px solid var(--line)}.panel-tabs{display:flex;gap:6px;margin-bottom:8px}.panel-tabs button{flex:1;font-size:13px}.list-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:14px 0 6px}.list-heading button{border:0;padding:6px;min-height:38px;font-size:11px}.item-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;border-radius:4px;padding:10px 8px;min-height:52px;margin-bottom:3px}.item-button strong{display:block;font-size:12px;font-weight:500;line-height:1.6}.item-button small{display:block;font-size:10px;color:var(--muted)}.item-button.active{background:var(--green-soft);border-left:3px solid var(--green);padding-left:5px}.item-button .item-icon{width:28px;min-width:28px;color:var(--green)}.item-button .hidden-marker{font-size:10px;white-space:nowrap;color:var(--muted)}.list-category{font-size:11px;color:var(--muted);margin:16px 8px 6px}.component-list{display:grid;gap:8px}.component-list button{text-align:left;padding:13px}.component-list strong{display:block;font-size:13px;font-weight:500}.component-list span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.bottom-note{margin-top:auto;padding-top:20px;font-size:11px;color:var(--muted)}.bottom-note p{line-height:1.6;margin:6px 0}.status-dot{display:inline-block;width:6px;height:6px;background:#4c8767;border-radius:50%}#right-panel section{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}#right-panel section:last-child{border:0}h2{font-size:16px;font-weight:600;margin:8px 0;line-height:1.6}h3{font-size:12px;font-weight:600;letter-spacing:.04em;margin:0 0 12px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head small{font-size:11px;color:var(--muted)}.section-head button{border:0;min-width:38px;min-height:38px}#selected-note,.hint{font-size:11px;color:var(--muted);line-height:1.8}.numeric-row,.two-buttons,.rotate-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two-buttons button,.rotate-row button{font-size:12px}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:12px}.nudge-pad{display:grid;grid-template-columns:repeat(3,44px);justify-content:center;gap:6px;margin:12px 0}.nudge-pad button:first-child{grid-column:2}.nudge-pad button:nth-child(2){grid-column:1}.nudge-pad button{font-size:18px}#restore-item,#restore-all{width:100%;font-size:12px;margin-top:8px}.danger{color:var(--danger);width:100%;margin:8px 0}.toolbar-group{display:flex;align-items:center;gap:6px}#toolbar{position:fixed;z-index:22;bottom:calc(var(--footer) + 14px);left:calc(var(--left) + 16px);right:calc(var(--right) + 16px);display:flex;justify-content:space-between;gap:10px;pointer-events:none}#toolbar .toolbar-group{pointer-events:auto;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 16px #162d1810}#toolbar button{font-size:12px;min-height:38px;padding:7px 10px}#toolbar label{margin:0 4px;display:flex;align-items:center;gap:5px;font-size:11px}#toolbar select{width:78px;min-height:38px;margin:0;padding:5px;font-size:11px}footer{position:fixed;inset:auto 0 0;height:var(--footer);background:var(--panel);z-index:30;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;color:var(--muted)}footer button{font-size:11px;border:0;min-height:36px}#warnings{position:fixed;right:calc(var(--right) + 10px);bottom:calc(var(--footer) + 74px);max-width:360px;max-height:40vh;overflow:auto;z-index:35;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 32px #142b2426}#warning-list p{font-size:12px;line-height:1.7;border-bottom:1px solid var(--line);padding-bottom:8px}.warning-active{color:var(--danger)}#selection-label{position:absolute;pointer-events:none;z-index:8;transform:translate(-50%,-100%);padding:5px 9px;background:#253b31e8;color:#fff;border-radius:4px;font-size:11px;max-width:220px;text-align:center}#toast{position:fixed;z-index:80;bottom:94px;left:50%;transform:translate(-50%,8px);padding:12px 20px;border-radius:8px;background:#243c31;color:#fff;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translate(-50%)}#loading{position:absolute;inset:0;background:var(--bg);z-index:25;display:grid;place-items:center}#loading img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.22;filter:blur(2px)}.load-card{position:relative;max-width:440px;padding:32px;background:#fdfdfbe6;border:1px solid var(--line);border-radius:12px}.load-card small{font-size:10px;letter-spacing:.2em;color:var(--muted)}h1{font-size:24px;font-weight:500;line-height:1.6;margin:20px 0 12px}.load-card p{font-size:12px;color:var(--muted)}progress{width:100%;height:5px;accent-color:var(--green)}#loading.loaded{display:none}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:580px;width:calc(100% - 32px);max-height:84vh;color:var(--ink);background:var(--panel)}dialog::backdrop{background:#1b2a2677}.close{float:right}dialog dt{font-weight:600;font-size:13px;margin-top:16px}dialog dd{margin:6px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}dialog p,dialog a{font-size:12px;line-height:1.8}output{float:right}body.preview #fields{pointer-events:none;opacity:.5}body.preview #tool-move{display:none}body.preview #component-panel,body.preview #furniture-panel{opacity:.7}body.preview [data-add]{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1250px){:root{--left:220px;--right:260px}header{gap:10px;padding:12px 16px}.header-actions a,#toolbar label{display:none}}@media(max-width:900px){:root{--left:0px;--right:0px;--header:68px;--footer:36px}header{padding:10px 12px}.brand{gap:8px}.brand strong{font-size:13px}.brand small{font-size:9px}.mark{width:32px;height:32px;font-size:14px}.mode-tabs{padding:2px}.mode-tabs button{font-size:11px;padding:6px 8px;min-height:38px}.header-actions{gap:4px}.header-actions #help{display:none}#mobile-panel{display:block;font-size:11px;min-height:40px}aside{display:none}body.panels #left-panel{display:block;inset:auto 0 var(--footer);width:46%;height:48vh;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:10px;z-index:45}body.panels #right-panel{display:block;inset:auto 0 var(--footer) auto;width:54%;height:48vh;border-top:1px solid var(--line);padding:12px;z-index:45}body.panels #toolbar{bottom:calc(48vh + var(--footer) + 8px)}body.panels #viewport{bottom:calc(48vh + var(--footer))}#toolbar{left:10px;right:10px;bottom:calc(var(--footer) + 10px);gap:4px}#toolbar .toolbar-group{padding:3px;gap:3px}#toolbar button{font-size:11px;padding:7px 9px;min-height:44px}footer{padding:0 10px;font-size:10px}#gesture-hint{max-width:68%;line-height:1.4}#warnings{right:10px;left:10px;bottom:110px;max-width:none;z-index:60}.panel-tabs{gap:3px}.panel-tabs button{font-size:11px;padding:7px}.item-button strong{font-size:11px}.item-button small{font-size:9px}.item-button .item-icon{width:20px;min-width:20px}.bottom-note{display:none}.load-card{margin:12px;padding:24px}h1{font-size:20px}#right-panel .two-buttons button,#right-panel .rotate-row button{font-size:11px;padding:7px 4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#compare-labels{position:absolute;inset:16px 0 auto;z-index:10;display:grid;grid-template-columns:1fr 1fr;pointer-events:none;text-align:center}#compare-labels span{justify-self:center;padding:8px 18px;background:#fdfdfbe8;border:1px solid var(--line);border-radius:5px;font-size:12px}#compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#a4b6a8;z-index:8;pointer-events:none}body.compare #inspector{opacity:.5;pointer-events:none}body.compare #tool-move{display:none}body.compare [data-add]{pointer-events:none}@media(max-width:560px){.brand small{display:none}.brand strong{max-width:65px;white-space:normal;line-height:1.4;font-size:11px}.mode-tabs button{font-size:10px;padding:6px}.header-actions button{padding:6px 8px}header{gap:5px}}@media(max-width:900px){.mode-tabs button,#mobile-panel{min-height:44px}#deselect{min-width:44px;min-height:44px}}body.compare #component-panel,body.preview #component-panel,body.compare #original-walls,body.preview #original-walls{pointer-events:none}#duplicate{width:100%;margin:8px 0;font-size:12px}body.walking #left-panel,body.walking #right-panel,body.walking #toolbar,body.walking #mobile-panel{display:none!important}body.walking #viewport{left:0;right:0;bottom:var(--footer)}body.walking #warning-toggle{visibility:hidden}#walk-hud{position:absolute;inset:0;z-index:12;pointer-events:none}.walk-start{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;background:#fdfdfbe8;padding:6px 12px;border:1px solid var(--line);border-radius:8px;pointer-events:auto}.walk-start label{margin:0;white-space:nowrap}.walk-start select{width:180px;margin:0}.walk-start button{font-size:12px;white-space:nowrap}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;text-shadow:0 1px 4px #16251c}#door-actions{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto;max-width:80%}#door-actions button{min-height:48px;background:#285347ed;color:#fff;border-color:#90b1a2;box-shadow:0 3px 12px #132d232b}#door-actions span{padding:10px 16px;background:#25332edb;color:#fff;border-radius:6px;font-size:12px;white-space:nowrap}#walk-pad{position:absolute;left:20px;bottom:22px;display:grid;grid-template-columns:repeat(3,52px);gap:6px;pointer-events:auto}#walk-pad button{height:52px;font-size:23px;background:#fdfdfbe8;touch-action:none;-webkit-user-select:none;user-select:none}#walk-pad button:first-child{grid-column:2}#walk-pad button:nth-child(2){grid-column:1}.walk-hint{position:absolute;left:20px;bottom:0;font-size:11px;background:#fdfdfbd9;padding:4px 8px;border-radius:4px}.mode-tabs button{min-height:44px}@media(max-width:900px){header .brand span:nth-child(2){display:none}.mode-tabs button{font-size:11px;padding:6px 8px}#walk-pad{left:12px;bottom:18px;grid-template-columns:repeat(3,46px);gap:5px}#walk-pad button{height:46px}.walk-start{top:10px;left:10px;right:10px;gap:6px;padding:6px 8px}.walk-start select{flex:1;min-width:0;width:auto}.walk-start label{font-size:11px}.walk-start button{font-size:11px;padding:6px 8px}#door-actions{left:auto;right:12px;bottom:30px;transform:none;max-width:calc(100% - 178px);flex-direction:column}#door-actions span{white-space:normal;line-height:1.5;padding:10px;font-size:11px}#door-actions button{font-size:11px;padding:8px}.walk-hint{display:none}}@media(max-width:380px){.mark{display:none}.mode-tabs button{font-size:10px;padding:6px}.header-actions button{padding:6px}}