body{min-width:760px}.wb{color:#334840;background:#f6f8f5;flex-direction:column;height:calc(100dvh - 55px);min-height:550px;font-size:13px;display:flex}.wb button{color:#355748;cursor:pointer;font:inherit;background:#fff;border:1px solid #d8e0d9;border-radius:6px;padding:7px 10px}.wb button:hover{background:#eaf4ef}.wb button:disabled{opacity:.45;cursor:default}.wb button.active,.wb-tabs .active{color:#fff;background:#236d55;border-color:#236d55}.wb-header{background:#fff;border-bottom:1px solid #dbe2da;align-items:center;gap:10px;min-height:62px;padding:12px 18px;display:flex}.wb-header>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.wb-save{color:#628370;margin-left:auto;font-size:11px}.wb-body{flex:1;grid-template-columns:230px minmax(300px,1fr) 245px;min-height:0;display:grid}.wb-library,.wb-inspector{background:#fff;border-right:1px solid #dbe2da;padding:14px;overflow:auto}.wb-inspector{border-left:1px solid #dbe2da;border-right:0}.wb-tabs{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px;display:grid}.wb-library>button{text-align:left;width:calc(100% - 8px);margin:4px}.wb h3{margin:20px 0 8px;font-size:14px}.wb h2{margin:5px 0 15px;font-size:17px}.wb p{color:#738074;font-size:12px;line-height:1.8}.wb input:not([type=checkbox]),.wb select,.wb textarea{color:#314a3b;box-sizing:border-box;background:#fafcf9;border:1px solid #d5dfd5;border-radius:5px;width:100%;margin-top:5px;padding:8px}.wb input[type=color]{height:35px;padding:2px}.wb label{margin:11px 0;font-size:12px;display:block}.wb fieldset{border:0;min-width:0;margin:0;padding:0}.wb fieldset>button{margin:4px}.wb-catalog{grid-template-columns:1fr 1fr;gap:7px;display:grid}.wb-catalog button{background:#fafbf8;flex-direction:column;align-items:center;gap:4px;padding:7px 3px;font-size:12px;display:flex}.wb-catalog svg{width:85px;height:55px}.wb-catalog small{color:#78857c;font-size:10px}.wb-stage{flex-direction:column;min-width:0;min-height:0;display:flex}.wb-tools{background:#fff;border-bottom:1px solid #dbe2da;flex-wrap:wrap;gap:5px;padding:9px 12px;display:flex}.wb-tools button{padding:6px 9px;font-size:12px}.wb-canvas{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;width:100%;min-height:0}.wb-canvas [data-object]{cursor:move}.wb-canvas text{-webkit-user-select:none;user-select:none}.wb-footer{color:#708475;background:#fff;border-top:1px solid #dbe2da;flex-wrap:wrap;align-items:center;gap:10px;min-height:42px;padding:8px 12px;font-size:11px;display:flex}.wb-footer span:first-child{color:#99702e}.wb-actions{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.wb-actions button{font-size:12px}.wb-help{border-top:1px solid #ddd;padding-top:12px}.wb-warning{background:#fff1d8;border-radius:6px;padding:9px}.wb-check{align-items:center;gap:8px;display:flex!important}.wb-object-list{gap:5px;display:grid}.wb-object-list button{text-align:left;font-size:12px}.wb-export{position:relative}.wb-export summary{cursor:pointer;color:#fff;background:#236d55;border-radius:5px;padding:8px}.wb-export[open]{z-index:20}.wb-export[open]>button,.wb-export[open]>label{background:#fff;width:150px;margin:0;padding:9px;display:block}.wb-export[open]>button:first-of-type{margin-top:4px}.wb-export[open]{position:absolute;top:66px;right:12px;box-shadow:0 8px 20px #0002}.furniture-symbol rect,.furniture-symbol path,.furniture-symbol ellipse,.furniture-symbol circle{stroke:currentColor;fill:none;stroke-width:1px}.furniture-symbol>rect:first-child{fill-opacity:.65}.wb-canvas .door-gap{stroke:#fff}.wb-canvas .door-hit{fill:#0000}.wb-canvas .door-leaf,.wb-canvas .door-arc{stroke:#927449;stroke-width:2px;fill:none}.wb-canvas [aria-label^=调整],.wb-canvas [aria-label^=墙端点],.wb-canvas [aria-label^=区域]{cursor:nwse-resize}.wb-canvas .wb-rotate-handle{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M25%2012a10%2010%200%201%200%200%208M25%205v7h-7%22%20stroke%3D%22white%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M25%2012a10%2010%200%201%200%200%208M25%205v7h-7%22%20stroke%3D%22%23236d55%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 16 16,crosshair}@media (width<=1000px){.wb-body{grid-template-columns:185px minmax(280px,1fr) 210px}.wb-header>span:nth-child(2){display:none}.wb-library,.wb-inspector{padding:10px}.wb-catalog svg{width:66px}.wb-header{gap:5px;padding:10px}.wb-tools{padding:6px}.wb-tools button{font-size:11px}}@media print{body{min-width:0}.project-launcher,.wb-header,.wb-library,.wb-inspector,.wb-tools,.wb-footer,.project-backdrop{display:none!important}.wb{height:95vh}.wb-body{height:100%;display:block}.wb-stage{height:100%}.wb-canvas{width:100%;height:100%}.wb-canvas [data-edit-ui]{display:none}}html body{min-width:0}.wb{width:100%}.wb-header{min-width:0}.wb-header strong{white-space:nowrap}.wb-header>.wb-save{min-width:60px}.wb-header button{white-space:nowrap}.wb-body{overflow:hidden}.wb-library,.wb-inspector{min-width:0}.wb-canvas .furniture-symbol>rect:first-child{pointer-events:all;fill:#e6eee9}@media (width<=760px){.wb-body{grid-template-columns:140px minmax(200px,1fr)}.wb-inspector{z-index:10;width:200px;max-height:60vh;position:absolute;top:200px;right:0;box-shadow:0 4px 18px #0002}.wb-inspector:has(.wb-help):not(:has(fieldset)){display:none}.wb-header strong{font-size:12px}.wb-header .wb-save{display:none}.wb-catalog{grid-template-columns:1fr}}.cad-layers{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.cad-layers .wb-check{margin:4px 0}.project-dialog [role=alert]{color:#b44325;font-weight:600}.wb-close-inspector{display:none}@media (width<=600px){.project-launcher{flex-wrap:wrap;gap:8px;padding:8px 10px}.project-launcher>span{flex-basis:100%;order:2}.project-launcher button{padding:8px}.wb{height:auto;min-height:calc(100dvh - 90px)}.wb-header{flex-wrap:wrap;gap:6px;position:relative}.wb-header strong{flex-basis:100%}.wb-export{margin-left:auto}.wb-export[open]{top:42px;right:10px}.wb-body{flex:none;grid-template-columns:110px minmax(0,1fr);height:calc(100dvh - 175px);min-height:480px}.wb-library{padding:6px}.wb-tabs{grid-template-columns:1fr;gap:4px}.wb-tabs button{white-space:normal;overflow-wrap:anywhere}.wb-catalog svg{width:65px}.wb-catalog button{overflow-wrap:anywhere;min-width:0}.wb-tools{gap:4px}.wb-tools button{padding:6px}.wb-inspector{box-sizing:border-box;width:min(245px,100vw - 30px);top:185px}.wb-close-inspector{margin:0 0 8px auto;display:block}.project-dialog{box-sizing:border-box;width:94vw;padding:18px}.project-row{flex-wrap:wrap}.cad-layers{grid-template-columns:repeat(2,minmax(0,1fr))}}.wb-canvas:not([data-tool=select]):not([data-tool=pan]):not([data-tool=base]),.wb-canvas:not([data-tool=select]):not([data-tool=pan]):not([data-tool=base]) [data-object]{cursor:crosshair}.wb-canvas[data-tool=pan],.wb-canvas[data-tool=base]{cursor:grab}.wb-demo-intro{color:#456655;background:#eef5ee;border-bottom:1px solid #d6e3d7;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;display:flex}.wb-demo-intro strong{font-size:15px}.wb-demo-intro span{font-size:12px}.site{color:#203e35;background:#faf9f5;min-height:100vh;font-family:Inter,system-ui,sans-serif}.site a{color:inherit;text-decoration:none}.site-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:28px 32px;display:flex}.wordmark{letter-spacing:-1px;font-size:26px;font-weight:750}.wordmark span{color:#d5794d;margin-left:10px}.site-nav nav{align-items:center;gap:28px;display:flex}.site select{color:inherit;background:0 0;border:1px solid #cbd6cc;border-radius:8px;padding:8px}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;max-width:1200px;margin:35px auto 70px;padding:25px 32px;display:grid}.eyebrow{letter-spacing:2px;color:#758b70;font-size:12px;font-weight:700}.hero h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(42px,5vw,70px);line-height:1.06}.hero-copy{color:#596b60;max-width:410px;font-size:19px;line-height:1.65}.primary-link{background:#215e48;border-radius:8px;margin-top:16px;padding:17px 25px;font-weight:650;display:inline-block;color:#fff!important}.fine{color:#768477;margin-top:18px;font-size:12px}.plan-preview{background:#edeade;border:1px solid #deddd1;border-radius:18px;padding:22px;display:block;transform:rotate(-1deg);box-shadow:0 16px 42px #203e3510}.plan-preview svg{border-radius:8px;width:100%;display:block}.plan-preview span{text-align:center;padding:16px 0 0;font-size:13px;display:block}.feature-row{border-top:1px solid #dbe0d4;grid-template-columns:repeat(3,1fr);gap:52px;max-width:1136px;margin:auto;padding:36px 0 60px;display:grid}.feature-row article>span{color:#c0865c;font-size:13px}.feature-row h2{font-size:22px}.feature-row p,.site-article p{color:#627367;line-height:1.8}.cloud-strip{box-sizing:border-box;background:#edf1e8;border-radius:14px;max-width:1136px;margin:20px auto 60px;padding:36px}.cloud-strip h2{margin:0 0 14px;font-size:30px}.cloud-strip a{font-weight:700}.site footer{border-top:1px solid #dbe0d4;gap:28px;max-width:1200px;margin:auto;padding:25px 32px;font-size:13px;display:flex}.site footer span{color:#788578;margin-left:auto}.site-article{max-width:780px;min-height:60vh;margin:60px auto;padding:0 25px 70px}.site-article h1{font-size:42px}.site-article section{margin:32px 0}.project-actions{flex-wrap:wrap;gap:8px;display:flex}.file-button{color:#215e48;border:1px solid #c5d9cc;border-radius:7px;padding:8px;display:inline-block}.file-button input{max-width:230px;margin-top:6px;display:block}.launch-notice{color:#fff;z-index:60;background:#23473d;border-radius:9px;max-width:80vw;padding:15px 22px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.launch-notice button{margin-left:16px}.mobile-editor-note{display:none}.project-launcher a{color:#215e48;font-weight:700;text-decoration:none}.plan-preview .door-leaf,.plan-preview .door-arc{fill:none;stroke:#876e4b;stroke-width:2px}.plan-preview .door-gap{stroke:#faf9f3}.plan-preview .door-hit{fill:#0000}@media (width<=900px){.hero{grid-template-columns:1fr;gap:30px;margin-top:5px}.hero h1{letter-spacing:-1.5px}.site-nav nav{gap:12px}.site-nav nav>a:first-child{display:none}.feature-row{grid-template-columns:1fr;gap:15px;margin:0 28px}.cloud-strip{margin:15px 25px 40px}.site footer{flex-wrap:wrap;gap:16px}.site footer span{margin-left:0}.desktop-editor{display:none}.mobile-editor-note{padding:35px;line-height:1.8;display:block}.project-launcher{flex-wrap:wrap}.project-dialog{max-height:85vh;overflow:auto}}:root{color:#28383a;font-synthesis:none;background:#f7faf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:1080px;margin:0}.app-shell{flex-direction:column;height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #dce7e1;justify-content:space-between;align-items:center;height:68px;padding:0 24px 0 20px;display:flex}.brand,.top-actions,.sample-picker,.canvas-footer,.field-row,.inspector-actions{align-items:center;gap:14px;display:flex}.brand strong{letter-spacing:-.02em;font-size:17px}.brand-mark{color:#fff;background:#1f6a59;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.divider{background:#dce7e1;width:1px;height:22px}.project-name,.top-actions button,.sample-picker button,.canvas-toolbar button,.canvas-footer button,.inspector-head button{color:#506367;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.project-name{font-size:14px}.top-actions button:disabled{opacity:.3;cursor:default}.zoom{color:#617276;text-align:center;min-width:40px;font-size:13px}.scale-status{border-left:1px solid #dce7e1;margin-left:3px;padding-left:18px}.status-dot{background:#efaa41;border-radius:50%;width:8px;height:8px}.export{border-radius:7px;margin-left:8px;padding:10px 14px;font-weight:700;color:#fff!important;background:#1f6a59!important}.workspace{flex:1;grid-template-columns:82px minmax(600px,1fr) 310px;min-height:0;display:grid}.rail{background:#fbfdfb;border-right:1px solid #dce7e1;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;display:flex}.rail-tool{color:#647678;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:60px;height:64px;font-size:11px;display:flex}.rail-tool.active{color:#165a49;background:#e3f1ea;font-weight:700}.rail-spacer{flex:1}.canvas-area{padding:22px 26px 18px;overflow:auto}.canvas-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.eyebrow{color:#829192;text-transform:uppercase;letter-spacing:.11em;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.canvas-head h1,.inspector h2{letter-spacing:-.04em;color:#243436;margin:0;font-size:21px}.sample-picker button{background:#fff;border:1px solid #d5e2dc;border-radius:7px;padding:8px 11px;font-size:12px}.sample-picker .ghost{background:0 0;border-color:#0000}.canvas-wrap{background:#fff;border:1px solid #dce7e1;border-radius:11px;overflow:hidden;box-shadow:0 8px 30px #274d420f}.canvas-toolbar{color:#738183;border-bottom:1px solid #e4ece8;align-items:center;gap:15px;height:44px;padding:0 13px;font-size:12px;display:flex}.canvas-toolbar button{border-radius:5px;padding:6px 8px}.canvas-toolbar button.selected{color:#19634f;background:#e4f2eb;font-weight:700}.legend{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:18px;height:4px;display:inline-block}.legend-wall{background:#d74e4e}.legend-opening{background:0 0;border:2px dashed #e8a33c;height:8px!important}.drawing{background:#fafcfb;width:100%;position:relative}.drawing img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.drawing svg{width:100%;height:100%;position:absolute;inset:0}.wall-line{stroke:#ca4545;stroke-width:4px;opacity:.74}.opening-box{fill:#23a96a21;stroke:#20a169;stroke-width:3px;stroke-dasharray:9 6;cursor:pointer}.opening-box.review{fill:#e8a33c21;stroke:#e5a13b}.opening-box.selected-opening{stroke:#1c6d59;stroke-width:5px;fill:#1c6d5938}.canvas-footer{color:#788789;height:43px;margin-top:12px;padding:0 3px;font-size:12px}.canvas-footer span:first-child{color:#28785e}.canvas-footer button{color:#1e6653;margin-left:auto;font-weight:700}.inspector{background:#fff;border-left:1px solid #dce7e1;padding:26px 22px;overflow:auto}.inspector-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.notice{color:#8d5e1b;background:#fff8eb;border:1px solid #f3d39d;border-radius:8px;gap:10px;margin-bottom:20px;padding:13px;display:flex}.notice>span{color:#fff;background:#efaa41;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:800;display:grid}.notice strong{font-size:13px}.notice p{color:#9d8052;margin:3px 0 0;font-size:11px;line-height:1.45}.inspector label{color:#66777a;margin:15px 0;font-size:11px;font-weight:700;display:block}.inspector input,.inspector select,.inspector textarea{color:#2d4041;width:100%;font:inherit;background:#fbfdfc;border:1px solid #d7e2dd;border-radius:6px;margin-top:7px;padding:10px;font-size:13px}.inspector textarea{resize:vertical;height:78px}.field-row{align-items:stretch;gap:9px}.field-row label{flex:1}.inspector-actions{border-top:1px solid #e1eae5;justify-content:flex-end;margin-top:24px;padding-top:18px}.inspector-actions button{color:#596a6d;cursor:pointer;background:#fff;border:1px solid #d2dfda;border-radius:6px;align-items:center;gap:6px;padding:9px 11px;font-size:12px;display:inline-flex}.inspector-actions .primary{color:#fff;background:#1f6a59;border-color:#1f6a59;font-weight:700}.empty-inspector{text-align:center;color:#77888a;padding-top:70px}.empty-icon{color:#216b58;background:#eaf4ef;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid}.empty-inspector h2{color:#324547;margin:0 0 8px;font-size:17px}.empty-inspector p{max-width:220px;margin:0 auto;font-size:12px;line-height:1.6}.tip{text-align:left;border:1px solid #dce9e2;border-radius:7px;margin-top:34px;padding:12px;font-size:11px;line-height:1.6}.tip strong{color:#246b58;margin-bottom:3px;display:block}.tip span{color:#77888a}.toast{color:#fff;background:#203e39;border-radius:7px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #00000029}.loading{color:#56716a;place-items:center;height:100vh;font-size:14px;display:grid}.project-launcher{color:#66736d;background:#fff;border-bottom:1px solid #e6e4df;align-items:center;gap:16px;padding:8px 24px;font-size:12px;display:flex}.project-launcher button,.project-dialog button{color:#215e48;cursor:pointer;background:#eff6f1;border:1px solid #cfdbd5;border-radius:8px;padding:9px 14px}.project-backdrop{z-index:100;background:#20352b66;place-items:center;display:grid;position:fixed;inset:0}.project-dialog{background:#fff;border-radius:18px;width:min(640px,94vw);max-height:88vh;padding:28px;overflow:auto;box-shadow:0 20px 80px #0003}.project-dialog p{color:#66736d;font-size:14px;line-height:1.7}.project-dialog button:disabled{opacity:.5;cursor:wait}.project-dialog>button{margin:12px 8px 0 0}.upload-pending{background:#f3f6f1;border-radius:10px;margin:16px 0;padding:16px}.project-list{gap:8px;max-height:230px;display:grid;overflow:auto}.project-list button{text-align:left;justify-content:space-between;gap:12px;display:flex}.project-dialog [role=alert]{color:#b44325}.project-row{border-bottom:1px solid #e3e9e2;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.project-row>button:first-child{flex:1;min-width:180px}.project-row>span{flex:1}.project-row button{font-size:12px}.inspector{max-height:calc(100vh - 68px);overflow-y:auto}.direct-drawing{touch-action:none;background:#fff;position:relative}.direct-drawing svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.reference-image{opacity:.4;pointer-events:none}.draft-wall{stroke:#354a46;stroke-linecap:square;cursor:move;pointer-events:stroke}.draft-wall.active{stroke:#1973cf}.draft-opening{stroke:#9c6836;stroke-width:2px;fill:#fff4dd;cursor:move;pointer-events:all}.draft-opening.window{stroke:#338b9c;fill:#e6f7fa}.draft-opening.active{stroke:#1973cf;stroke-width:4px;fill:#d7eafa}.toast button{color:#fff;cursor:pointer;background:0 0;border:0}.door-symbol{cursor:move;color:#354a46}.door-symbol.active{color:#1973cf}.door-gap{stroke:#fff;fill:none;pointer-events:none}.door-hit{fill:#0000;stroke:none;pointer-events:all}.door-leaf,.door-arc{fill:none;stroke:currentColor;stroke-width:2px;pointer-events:none}.door-arc{stroke-width:1.5px}.door-hinge{fill:currentColor;pointer-events:none}.door-controls p{color:#647678;font-size:12px}.door-controls button{cursor:pointer;background:#fff;border:1px solid #d5e2dc;border-radius:6px;margin:3px;padding:8px}