:root{--ink:#d8e8f1;--accent:#43d9df;--border:#243345;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;color:var(--ink);background:#0c1320;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,select,input{outline:none}button:focus-visible,select:focus-visible,input:focus-visible,.plan-canvas:focus-visible{outline:3px solid #51dee4;outline-offset:3px}button{transition:background .16s,color .16s,box-shadow .16s}button svg{flex-shrink:0}button:active:not(:disabled){transform:translateY(1px)}.app-shell{display:flex;height:100dvh;min-height:360px}.app-rail{width:76px;flex-shrink:0;background:#090f19;color:#7893a6;display:flex;align-items:center;flex-direction:column;padding:26px 10px 18px;gap:14px;z-index:3}.brand-mark{color:#263545;height:56px;margin-bottom:20px}.rail-button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;width:46px;height:46px;border-radius:12px;color:#7893a6}.rail-button:hover{background:#ffffff08;color:#e0f4f7}.rail-button.active{background:#263545;color:#d6e4ef;box-shadow:0 3px 12px #0003}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.local-mark{font-size:9px;letter-spacing:2px;color:#8da2b6;border:1px solid #a4b7c7;border-radius:4px;padding:4px 5px;margin-bottom:8px}.avatar{width:31px;height:31px;display:grid;place-items:center;color:#263545;border:1px solid #a4b7c7;border-radius:50%;font-size:11px;letter-spacing:.5px;margin-top:8px}.workspace{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{height:90px;flex-shrink:0;background:#111b29;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid var(--border);gap:18px}.project-heading{display:flex;align-items:center;gap:27px;min-width:0}.wordmark{font-size:24px;letter-spacing:-1.1px;font-weight:700;color:#e4f1f7}.wordmark>span{font-size:11px;vertical-align:top;letter-spacing:0;display:inline-block;padding:2px 0 0 3px}.header-divider{height:34px;width:1px;background:#263545;flex-shrink:0}.project-identity{min-width:0;display:flex;flex-direction:column;gap:6px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#8da2b6;white-space:nowrap}.project-name{padding:0;border:0;border-radius:3px;font-weight:600;font-size:14px;color:#d6e7ee;background:transparent;max-width:280px;min-width:100px;width:23vw;text-overflow:ellipsis}.project-name:hover{background:#263545}.header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.save-status{font-size:11px;color:#8da2b6;display:flex;align-items:center;gap:7px;margin-right:12px}.save-status i,.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8da2b6}.save-status.error,.save-status.blocked{color:#e5b47c}.save-status.error i,.save-status.blocked i{background:#d8aa58}.button{min-height:42px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.button.primary{background:var(--accent);color:#111b29;box-shadow:0 2px 4px #42d9df15}.button.primary:hover{background:#78edf0}.button.secondary{background:#111b29;border-color:#263545;color:#d6e4ef}.button.secondary:hover{background:#263545;border-color:#7893a6}.button.compact{min-height:36px;padding:8px 13px}.button.full{width:100%}.editor-body{display:flex;flex:1;min-height:0;position:relative}.drawing-stage{flex:1;min-width:0;display:flex;flex-direction:column}.stage-header{height:89px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);gap:12px;background:#101925}.stage-header h1{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0 0 8px;display:flex;align-items:center;gap:9px}.version-tag{font-size:10px;font-weight:650;letter-spacing:.5px;display:inline-block;color:#a4b7c7;border:1px solid #263545;padding:3px 5px;border-radius:4px}.floor-picker{display:flex;align-items:center;gap:6px;color:#8da2b6}.floor-picker select{font-size:12px;border:0;background:transparent;font-weight:600;color:#a4b7c7;cursor:pointer;padding:0 12px 0 0}.floor-detail{font-size:11px;color:#8da2b6;border-left:1px solid #263545;margin-left:5px;padding-left:10px}.view-controls{display:flex;align-items:center;gap:6px}.view-toggle{border:0;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8da2b6;font-size:12px;padding:8px 10px;min-height:34px}.view-toggle:hover{background:#263545}.view-toggle.on{background:#263545;color:#d6e4ef}.panel-toggle{display:none}.stage-content{flex:1;min-height:0;position:relative;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.plan-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;-webkit-user-select:none;user-select:none}.tool-select .plan-canvas{cursor:default}.tool-draw .plan-canvas{cursor:crosshair}.tool-pan .plan-canvas{cursor:grab}.dragging .plan-canvas{cursor:grabbing}.tool-select .room-shape{cursor:pointer;transition:fill .15s}.tool-select .room-shape:hover{filter:brightness(.98)}.tool-select .wall-hit{cursor:pointer}.tool-select .wall-hit:hover{stroke:#42d9df33}.canvas-toolbar{position:absolute;top:26px;left:24px;display:flex;flex-direction:column;padding:7px;gap:4px;border:1px solid #263545;border-radius:12px;background:#111b29;box-shadow:0 4px 18px #00000008}.tool-button{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:transparent;border:0;color:#a4b7c7;border-radius:7px}.tool-button:hover{background:#263545;color:#d6e4ef}.tool-button.selected{background:#263545;color:var(--accent)}.tool-button.toggled{color:#d6e4ef;background:#263545}.tool-shortcut{position:absolute;bottom:3px;right:4px;font-size:7px;font-weight:650;color:inherit;opacity:.65}.tool-divider{height:1px;width:30px;background:#263545;align-self:center;margin:4px 0}.canvas-scale{position:absolute;bottom:26px;left:28px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#8da2b6;font-size:10px;pointer-events:none;max-width:180px;overflow:hidden}.canvas-scale span{display:block;height:5px;border:1px solid #8da2b6;border-top:0;max-width:170px;min-width:2px}.canvas-scale b{font-weight:500}.camera-readout{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-size:11px;color:#8da2b6;display:flex;align-items:center;gap:14px;pointer-events:none}.camera-readout span{color:#a4b7c7}.zoom-controls{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;background:#111b29;border:1px solid #263545;box-shadow:0 3px 12px #00000008;border-radius:9px;padding:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:#a4b7c7;border-radius:6px;flex-shrink:0}.icon-button:hover{background:#263545;color:#d6e4ef}.zoom-controls>span{height:15px;width:1px;background:#263545}.stage-footer{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;border-top:1px solid #263545;background:#101925;font-size:10px;color:#8da2b6;flex-shrink:0}.stage-footer>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.stage-footer button{display:flex;align-items:center;gap:5px;border:0;background:none;font-size:10px;color:#a4b7c7;white-space:nowrap}.footer-separator{margin:0 3px;color:#7893a6}kbd{font:9px Segoe UI,sans-serif;padding:2px 4px;border:1px solid #263545;border-radius:3px;color:#8da2b6;background:#263545;white-space:nowrap}.inspector{width:308px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:#111b29;min-height:0}.inspector-header{height:62px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263545;flex-shrink:0;font-size:12px;font-weight:600;color:#a4b7c7}.inspector-scroll{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#263545 transparent}.overview-hero{padding:25px 24px 23px;background:linear-gradient(145deg,#263545,#111b29);border-bottom:1px solid #263545}.overview-top{display:flex;align-items:center;justify-content:space-between;color:#8da2b6}.section-label{font-size:10px;letter-spacing:1.4px;font-weight:650;color:#8da2b6;margin:0}.overview-area{font-size:49px;font-weight:450;letter-spacing:-2.7px;margin:8px 0 16px;color:#e0f4f5;font-variant-numeric:tabular-nums}.overview-area>span{font-size:20px;font-weight:400;letter-spacing:-.7px;margin-left:7px;color:#8da2b6}.overview-stats{display:flex;gap:18px;color:#8da2b6;font-size:11px}.overview-stats b{color:#a4b7c7;margin-right:3px;font-weight:600}.rooms-section{padding:24px 18px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 5px 14px}.section-heading h2{font-size:12px;margin:0;font-weight:600;color:#d6e4ef}.section-heading>span{font-size:10px;color:#8da2b6;background:#263545;padding:3px 6px;border-radius:4px}.room-card{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:#111b29;text-align:left;padding:11px 6px;border-radius:9px;min-height:66px;color:#8da2b6}.room-card:hover{background:#263545;border-color:#263545}.room-swatch{display:flex;align-items:center;justify-content:center;width:37px;height:39px;border:1px solid #00000008;border-radius:8px;color:#a4b7c7;flex-shrink:0}.room-card-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.room-card-title b{font-size:12px;font-weight:550;color:#d6e4ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-title small{font-size:10px;color:#8da2b6}.room-card-area{display:flex;flex-direction:column;gap:4px;text-align:right;color:#a4b7c7;font-size:12px;font-variant-numeric:tabular-nums}.room-card-area small{font-size:9px;color:#8da2b6}.add-room{margin-top:16px;border:1px dashed #7893a6;border-radius:7px;width:100%;padding:13px 8px;background:#263545;display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#a4b7c7}.add-room:hover{background:#263545}.getting-started{margin:2px 22px 20px;padding:20px 18px 26px;border-radius:10px;background:#263545;position:relative;overflow:hidden;min-height:185px}.tip-number{font-size:7px;letter-spacing:1.5px;color:#8da2b6;font-weight:600}.getting-started h3{font-size:17px;font-weight:500;letter-spacing:-.5px;line-height:1.4;color:#d6e4ef;margin:13px 0 10px}.getting-started p{font-size:11px;line-height:1.7;color:#8da2b6;max-width:170px;margin:0 0 16px;position:relative;z-index:1}.text-button{border:0;background:none;padding:0;color:#a4b7c7;font-size:11px;display:inline-flex;align-items:center;gap:6px;font-weight:550}.text-button:hover{color:#d6e4ef}.getting-started .text-button{position:relative;z-index:1}.tip-illustration{position:absolute;right:-8px;bottom:-18px;width:96px;height:90px;transform:rotate(-18deg);opacity:.4}.tip-illustration span{position:absolute;display:block;border:1px solid #8da2b6;background:#263545}.tip-illustration span:nth-child(1){inset:0}.tip-illustration span:nth-child(2){top:0;left:0;width:57%;height:56%}.tip-illustration span:nth-child(3){bottom:0;right:0;width:43%;height:44%}.local-info{padding:8px 25px 23px;display:flex;gap:10px;color:#8da2b6}.local-info svg{flex-shrink:0;margin-top:2px}.local-info p{margin:0;font-size:10px;line-height:1.8;color:#8da2b6}.inspector-bottom{padding:16px 23px;border-top:1px solid #263545;flex-shrink:0}.inspector-bottom .button{font-size:12px;min-height:38px}.close-panel{display:none}.property-hero{padding:25px 24px;background:#263545;border-bottom:1px solid #263545}.property-hero.wall-hero{background:#263545}.property-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#263545;color:#a4b7c7;border-radius:12px;margin-bottom:22px}.wall-hero .property-icon{background:#263545;color:#62c5df}.property-hero p{margin:0 0 12px;color:#8da2b6;font-size:9px;letter-spacing:1.3px}.property-hero h2{font-size:19px;font-weight:500;margin:0 0 12px;letter-spacing:-.5px;overflow-wrap:anywhere}.property-hero strong{font-size:38px;font-weight:450;letter-spacing:-1.3px}.property-hero strong small{font-size:18px;color:#8da2b6;letter-spacing:-.5px}.property-body{padding:22px 24px}.property-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:18px 0;border-bottom:1px solid #263545;color:#8da2b6;gap:10px}.property-row b{font-weight:500;color:#a4b7c7}.property-body form{margin:12px 0 6px}.property-body form:first-child{margin-top:0}.property-body .button{font-size:12px}.inspector-note{display:flex;gap:9px;align-items:flex-start;color:#8da2b6;background:#263545;border-radius:7px;padding:13px 11px;margin-top:24px}.inspector-note svg{flex-shrink:0}.inspector-note p{font-size:11px;line-height:1.7;margin:0}.property-body .section-label{margin:25px 0 12px}.linked-room{display:flex;align-items:center;gap:8px;width:100%;padding:12px 0;background:none;border:0;border-bottom:1px solid #263545;font-size:12px;color:#a4b7c7;text-align:left}.linked-room>svg:last-child{margin-left:auto}.linked-room:hover{color:var(--accent)}label{display:block;font-size:12px;color:#a4b7c7;font-weight:500;margin-bottom:17px}label>input,label>select,.input-suffix{display:block;margin-top:8px;width:100%;background:#111b29;border:1px solid #263545;border-radius:7px;color:#d6e4ef;padding:11px 12px;font-size:12px;min-height:41px}label>input::placeholder{color:#7893a6}.input-suffix{display:flex;padding:0;align-items:center}.input-suffix input{border:0;background:none;min-height:40px;width:100%;min-width:0;color:#d6e4ef;padding:10px 12px;border-radius:7px}.input-suffix>span{color:#8da2b6;font-size:12px;padding:0 12px}.input-suffix:focus-within{outline:3px solid #51dee4}.input-suffix input:focus-visible{outline:0}.draw-guide,.resume-draft{position:absolute;left:50%;top:23px;transform:translate(-50%);background:#111b29;border:1px solid #263545;border-radius:11px;padding:10px 11px;box-shadow:0 5px 20px #00000010;display:flex;align-items:center;gap:9px;max-width:calc(100% - 190px);width:max-content}.guide-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#263545;color:var(--accent);border-radius:8px;flex-shrink:0}.draw-guide>div{display:flex;flex-direction:column;gap:5px}.draw-guide strong{font-size:12px;font-weight:600;color:#a4d7e1}.draw-guide>div>span{font-size:10px;color:#8da7bd;white-space:nowrap}.draw-guide .button{font-size:11px;min-height:30px;padding:7px 10px;margin-left:4px}.draw-guide .icon-button{width:27px;height:27px}.resume-draft{font-size:12px;color:#72d6df;padding:12px 16px;cursor:pointer}.feedback{position:absolute;bottom:73px;left:50%;transform:translate(-50%);padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #00000012;z-index:4;width:max-content;max-width:calc(100% - 50px)}.feedback p{margin:0;font-size:12px;line-height:1.6;max-width:460px}.feedback.success{background:#111b29;border:1px solid #263545;color:#a4b7c7}.feedback.error{background:#2b2020;border:1px solid #67473c;color:#e5b19a}.feedback.error>span{border:1px solid #ad7963;font-size:12px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;flex-shrink:0}.recovery-banner{position:absolute;top:20px;left:92px;right:20px;padding:20px;background:#28231d;border:1px solid #736244;border-radius:10px;z-index:5;color:#dac18c;font-size:12px;box-shadow:0 8px 24px #0003}.recovery-banner p{font-size:12px;line-height:1.7}.recovery-banner .button{margin:8px 8px 0 0;font-size:11px}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:80%;max-width:400px}.empty-grid{font-size:55px;color:#7893a6;margin-bottom:18px;font-weight:200}.canvas-empty h2{font-size:20px;font-weight:400;color:#8da2b6;letter-spacing:-.5px;margin:0 0 12px}.canvas-empty p{font-size:12px;line-height:1.9;color:#7893a6;margin:0}.empty-rooms{font-size:12px;color:#8da2b6;line-height:1.7;padding:0 5px}.dialog{border:1px solid #263545;border-radius:16px;padding:28px;max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 24px 100px #0003;background:#111b29}.dialog::backdrop{background:#0000005c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:25px}.dialog-head h2{font-size:24px;font-weight:500;letter-spacing:-.8px;margin:0 0 10px;line-height:1.25}.dialog-head p{font-size:12px;color:#8da2b6;line-height:1.7;margin:0}.dialog-head>.icon-button{margin:-5px -5px 0 0}.form-columns{display:flex;gap:16px}.form-columns>label{flex:1;min-width:0}.form-note{font-size:12px;color:#8da2b6;line-height:1.8;margin:8px 0 22px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog .button{font-size:12px}.help-steps>div{display:flex;gap:14px;margin:22px 0}.help-steps>div>b{background:#263545;color:#8da2b6;font-size:12px;font-weight:600;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.help-steps section h3{font-size:12px;font-weight:600;margin:2px 0 7px;color:#a4b7c7}.help-steps section p{font-size:12px;color:#8da2b6;line-height:1.8;margin:0}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:20px 0;margin:12px 0 22px;border-top:1px solid #263545;border-bottom:1px solid #263545}.shortcut-grid>span{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:11px;color:#8da2b6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;color:#8da2b6}.loading-state h2{font-size:17px;font-weight:400}.loading-ring{width:28px;height:28px;border:2px solid #263545;border-top-color:#a4b7c7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.inspector{width:330px}.app-header,.stage-header{padding:0 35px}.canvas-toolbar{left:32px;top:32px}.overview-hero{padding:30px}.rooms-section{padding:25px}.getting-started{margin:10px 28px 25px}.inspector-header{padding:0 30px}}@media(max-width:1200px){.save-status{display:none}.app-header{padding:0 20px}.project-heading{gap:20px}.inspector{width:280px}.stage-header{padding:0 22px}.desktop-hint{display:none!important}.view-toggle{padding:7px 8px}.draw-guide{max-width:calc(100% - 100px);left:90px;transform:none}.draw-guide>div>span{white-space:normal;max-width:200px;line-height:1.5}}@media(max-width:900px){.app-rail{width:60px;padding:20px 6px;gap:10px}.brand-mark{margin-bottom:8px}.wordmark{font-size:22px}.header-divider{display:none}.project-heading{gap:18px}.eyebrow{display:none}.project-name{width:24vw;font-size:12px}.app-header{height:72px;padding:0 18px}.header-actions{gap:7px}.button.compact{font-size:12px;padding:8px 10px}.stage-header{height:80px}.stage-header h1{font-size:17px}.inspector{position:absolute;top:80px;right:0;bottom:34px;width:300px;z-index:7;box-shadow:-12px 0 50px #00000012;border-top:1px solid #263545;display:none}.inspector.mobile-open{display:flex}.inspector-header{height:52px}.inspector .close-panel{display:flex;margin-left:auto}.inspector-header .text-button{margin-left:10px}.panel-toggle{display:flex}.canvas-toolbar{left:18px;top:22px}.view-toggle span{display:none}.project-name{width:24vw}.camera-readout{bottom:30px}.getting-started{min-height:170px}.getting-started h3{font-size:16px}.stage-footer{padding:0 18px}}@media(max-width:600px){.app-rail{display:none}.wordmark{font-size:22px}.project-heading{gap:12px}.app-header{height:73px;padding:0 16px;gap:8px;flex-wrap:nowrap}.project-identity{gap:4px;max-width:38vw}.project-name{font-size:12px;width:100%;max-width:150px;min-width:0}.project-heading{flex-direction:column;align-items:flex-start;gap:4px;flex:1}.wordmark{line-height:1}.wordmark>span{font-size:7px}.header-actions{gap:6px}.header-actions .button{min-height:35px;min-width:35px;padding:8px 10px}.header-actions .button.secondary span{display:none}.header-actions .button.primary span{font-size:11px}.stage-header{height:76px;padding:0 17px}.stage-header h1{font-size:16px;margin-bottom:8px}.view-controls{gap:3px}.view-toggle{padding:8px}.floor-detail{font-size:10px}.stage-footer{height:30px;font-size:9px;padding:0 14px}.stage-footer button{font-size:9px}.canvas-toolbar{top:auto;bottom:65px;left:50%;transform:translate(-50%);flex-direction:row;padding:6px;gap:3px;max-width:calc(100% - 30px);border-radius:12px;box-shadow:0 5px 22px #00000012}.tool-button{width:40px;height:40px}.tool-divider{height:26px;width:1px;margin:7px 2px}.zoom-controls{bottom:17px;right:15px}.zoom-controls .icon-button{width:30px;height:30px}.canvas-scale{left:18px;bottom:23px}.camera-readout{bottom:30px;font-size:10px;left:44%}.camera-readout>span{display:none}.draw-guide{top:14px;left:14px;right:14px;max-width:none;transform:none;width:auto;gap:6px;padding:9px}.draw-guide>div{flex:1;min-width:0}.draw-guide>div>span{max-width:none;font-size:10px}.draw-guide .guide-icon{width:29px;height:29px}.draw-guide strong{font-size:11px}.draw-guide .button{padding:6px 9px;margin:0}.resume-draft{top:15px;left:50%;transform:translate(-50%);max-width:calc(100% - 30px);white-space:nowrap}.canvas-empty{top:43%;max-width:260px}.canvas-empty h2{font-size:22px;line-height:1.4}.canvas-empty p{font-size:12px}.feedback{bottom:132px;max-width:calc(100% - 28px);padding:12px;gap:8px}.feedback p{font-size:11px}.inspector{inset:auto 10px 10px;width:auto;max-height:66%;border:1px solid #263545;border-radius:16px;box-shadow:0 -10px 60px #00000025;z-index:8;overflow:hidden}.inspector-header{height:49px}.inspector-bottom{padding:12px 22px}.overview-hero{padding:20px 24px}.overview-area{font-size:40px;margin:5px 0 10px}.getting-started{display:none}.rooms-section{padding-top:20px}.property-hero{padding:20px 24px}.property-icon{display:none}.property-hero p{margin-bottom:10px}.property-hero h2{font-size:18px}.property-hero strong{font-size:32px}.property-body{padding-top:18px}.local-info{padding-bottom:18px}.dialog{padding:23px;max-height:calc(100dvh - 25px)}.dialog-head h2{font-size:23px}.dialog-actions{gap:7px}.dialog-actions>.button{padding:10px 12px}.shortcut-grid{gap:12px 15px}.recovery-banner{left:14px;right:14px;font-size:12px;padding:17px}.loading-state h2{font-size:16px}.floor-picker select{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tool-move-room .room-shape{cursor:grab}.tool-move-room .room-shape:active{cursor:grabbing}.tool-wall .plan-canvas{cursor:crosshair}.axis-toolbar{position:absolute;z-index:5;top:91px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;background:#112432ed;border:1px solid #31505e;border-radius:9px;box-shadow:0 8px 24px #0004}.axis-toolbar button{border:0;border-radius:6px;background:transparent;color:#94b3c4;font:inherit;font-size:11px;padding:7px 10px;cursor:pointer;white-space:nowrap}.axis-toolbar button:hover{background:#234454;color:#d8f2f3}.axis-toolbar button.active{background:#22606a;color:#e5ffff;box-shadow:inset 0 0 0 1px #50bfc5}@media(max-width:600px){.axis-toolbar{top:102px;left:54%;max-width:calc(100% - 100px)}.axis-toolbar button{padding:6px;font-size:10px}}body{background:#0c1320}.app-rail{border-right:1px solid #1b2b3a}.brand-mark{color:#68e8e6;filter:drop-shadow(0 0 12px #43d9df20)}.rail-button.active{color:#78eeea;background:#18333e;border:1px solid #30616b;box-shadow:inset 0 0 20px #43d9df09,0 0 16px #43d9df08}.rail-button{color:#7992a5}.rail-button:hover{background:#162635;color:#a6efee}.local-mark{color:#6ccfcf;border-color:#2c565f;background:#10282e}.avatar{background:#152632;color:#a4c1cc;border-color:#2b495c}.wordmark{color:#e8f3f5;font-weight:600;letter-spacing:-1.3px}.wordmark:after{content:"";display:inline-block;width:5px;height:5px;border-radius:1px;background:#43d9df;margin-left:3px;box-shadow:0 0 9px #43d9df66}.project-name{color:#d8e8f1}.project-name:hover{background:#1b2a39}.eyebrow{color:#6d879b}.app-header{background:linear-gradient(105deg,#111b29,#101924);border-bottom-color:#263646}.header-divider{background:#2a3948}.button.primary{color:#09222e;background:#43d9df;border-color:#75e9ed;box-shadow:0 0 18px #43d9df0c}.button.primary:hover{background:#7eedef;box-shadow:0 0 24px #43d9df1a}.button.secondary{background:#142231;border-color:#2a4052;color:#a7c2d1}.button.secondary:hover{background:#1a3041;border-color:#3b6575}.save-status{color:#8aa1b3}.save-status i,.online-dot{background:#58dcb9;box-shadow:0 0 8px #58dcb933}.stage-header{background:#101b28}.stage-header h1{color:#d5e6ef;font-weight:500}.version-tag{color:#63d8df;background:#13313d;border-color:#295463;border-radius:3px}.floor-picker,.floor-picker select{color:#8faabd}.floor-detail{color:#728b9f;border-color:#2b3f50}.view-toggle{color:#7792a5}.view-toggle.on{background:#14323b;color:#73d9d9;border:1px solid #28515a}.view-toggle:hover{background:#1b3543}.canvas-wrap{background:#0d1723}.canvas-wrap:after{content:"";position:absolute;inset:18px;pointer-events:none;background:linear-gradient(#315867,#315867) left top/16px 1px no-repeat,linear-gradient(#315867,#315867) left top/1px 16px no-repeat,linear-gradient(#315867,#315867) right top/16px 1px no-repeat,linear-gradient(#315867,#315867) right top/1px 16px no-repeat,linear-gradient(#315867,#315867) left bottom/16px 1px no-repeat,linear-gradient(#315867,#315867) left bottom/1px 16px no-repeat,linear-gradient(#315867,#315867) right bottom/16px 1px no-repeat,linear-gradient(#315867,#315867) right bottom/1px 16px no-repeat;opacity:.45}.canvas-toolbar,.zoom-controls{background:#142231ef;border-color:#30465a;box-shadow:0 8px 25px #0002;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tool-button{color:#8aa6ba}.tool-button.selected{background:#1a3b48;color:#72f0ed;box-shadow:inset 0 0 0 1px #326774,0 0 14px #43d9df0a}.tool-button:hover{background:#20394b;color:#cae8ef}.tool-button.toggled{color:#75b5c9;background:#172b3a}.tool-divider{background:#304557}.canvas-scale{color:#69869a}.canvas-scale span{border-color:#668f9f}.camera-readout{color:#6d92a7;font-family:Cascadia Code,Consolas,monospace}.camera-readout span{color:#6eafb9}.icon-button{color:#93b1c3}.icon-button:hover{background:#203a4a;color:#7aeeee}.zoom-controls>span{background:#2d4356}.stage-footer{background:#0d1722;border-top-color:#253748;color:#708b9f}.stage-footer button{color:#79a4b5}kbd{background:#142433;border-color:#2c4355;color:#7ca6b9}.inspector{background:#101b29;border-left-color:#283a4c}.inspector-header{color:#a1baca;border-bottom-color:#273747}.inspector-scroll{scrollbar-color:#304c60 transparent}.overview-hero{background:radial-gradient(ellipse at 100% 0,#17364566,transparent 75%),#111f2e;border-bottom-color:#283a49}.overview-top{color:#4d8d9b}.section-label{color:#81a8b7;letter-spacing:1.5px}.overview-area{color:#d8f4f5;font-family:Cascadia Code,Consolas,monospace;font-size:44px;letter-spacing:-2px;text-shadow:0 0 28px #43d9df10}.overview-area>span{font-family:inherit;color:#6daeba;font-size:19px}.overview-stats{color:#819aaf}.overview-stats b{color:#9cc8d4}.section-heading h2{color:#bed3df;font-weight:500}.section-heading>span{color:#7eb7c7;background:#183040}.room-card{background:transparent;color:#69869d}.room-card:hover{background:#162b3b;border-color:#2b4659}.room-swatch{border-color:#3c5a6b;color:#83b9c7;box-shadow:inset 0 0 15px #ffffff04}.room-card-title b{color:#afc6d5}.room-card-title small{color:#728fa5}.room-card-area{color:#b7d7df;font-family:Cascadia Code,Consolas,monospace}.room-card-area small{color:#6f96ab}.add-room{background:#112633;border-color:#2c5865;color:#74c6cd}.add-room:hover{background:#183844;border-color:#4b9da7}.getting-started{background:linear-gradient(135deg,#172c3a,#172439);border:1px solid #2b4358;border-radius:8px}.tip-number{color:#6eb5c1}.getting-started h3{color:#c1dce4;font-weight:400;font-size:18px}.getting-started p{color:#7e9aaf}.text-button{color:#77d4da}.text-button:hover{color:#b5f8f4}.tip-illustration{opacity:.55}.tip-illustration span{border-color:#438c9b;background:#1c4653}.local-info{color:#5e97aa}.local-info p{color:#7897aa}.inspector-bottom{border-top-color:#283a49;background:#0f1926}.property-hero{background:linear-gradient(140deg,#14333e,#152434);border-color:#294655}.property-hero.wall-hero{background:linear-gradient(140deg,#183246,#18243b)}.property-icon{background:#1c4450;color:#6adee0;border:1px solid #305c66}.wall-hero .property-icon{background:#243d5a;color:#7dbacb}.property-hero p{color:#7faab7}.property-hero h2{color:#d6ebf0}.property-hero strong{color:#a5f1ee;font-family:Cascadia Code,Consolas,monospace;font-weight:400}.property-hero strong small{color:#6eacb7}.property-row{border-bottom-color:#293c4c;color:#8ca6ba}.property-row b{color:#c0d7e0}.inspector-note{background:#142b39;color:#7da3b6;border:1px solid #254452}.linked-room{color:#a0c4d2;border-color:#2b4151}.linked-room:hover{color:#6de6e7}label{color:#94b3c4}label>input,label>select,.input-suffix{background:#0c1926;border-color:#2a4457;color:#d0e6ef}.input-suffix input{color:#d0e6ef}label>input::placeholder{color:#59768d}.input-suffix>span{color:#698fa5}.input-suffix:focus-within{outline-color:#48d3dc}.draw-guide,.resume-draft{background:#152b3bea;border-color:#2b566a;box-shadow:0 6px 24px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.guide-icon{background:#1e4350;color:#7deae7}.draw-guide strong{color:#b2e1e6}.draw-guide>div>span{color:#79a0b4}.resume-draft{color:#79dae0}.feedback.success{background:#17313b;border-color:#316361;color:#a1dbcf}.feedback.error{background:#2c2327;border-color:#72503e;color:#e6bb99}.feedback.error>span{border-color:#c28e64}.recovery-banner{background:#292a25;border-color:#6f674b;color:#ddcfac}.canvas-empty h2{color:#81a5b4}.canvas-empty p{color:#608698}.empty-grid{color:#3e8491}.empty-rooms{color:#7796aa}.dialog{background:linear-gradient(130deg,#16293a,#101c2c);border-color:#365267;color:#c9e1ea;box-shadow:0 30px 100px #0008}.dialog::backdrop{background:#030a13b3}.dialog-head h2{color:#dbedf4}.dialog-head p,.form-note{color:#84a6b8}.help-steps>div>b{background:#1c3c49;color:#8cdddd;border:1px solid #315969}.help-steps section h3{color:#b9dbe4}.help-steps section p{color:#86a8b9}.shortcut-grid{border-color:#2d4356}.shortcut-grid>span{color:#90adbf}.loading-state{color:#72bfc9}.loading-ring{border-color:#254552;border-top-color:#56d9df}.room-shape{stroke:#5f9aab;stroke-width:.5px;vector-effect:non-scaling-stroke}.room-label text:first-child{letter-spacing:.3px}.dimension text{font-family:Cascadia Code,Consolas,monospace}.plan-canvas:focus-visible{outline-offset:-4px}.inspector.mobile-open{border-color:#2e495d;box-shadow:-12px 0 50px #0004}.dimension-hint{position:absolute;top:21px;right:21px;color:#678da4;font-size:10px;letter-spacing:.2px;pointer-events:none}@media(max-width:600px){.canvas-wrap:after{inset:12px;opacity:.35}.wordmark{font-size:23px}.app-header{background:#111c2a}.canvas-toolbar{background:#142736ed}.canvas-empty h2{font-weight:350}.inspector.mobile-open{box-shadow:0 -10px 60px #0008}.room-card-title b{font-size:12px}.overview-area{font-size:37px}}.linked-room .wall-list-length{margin-left:auto;color:#86abbc;font:11px Consolas,monospace}.linked-room .wall-list-length+svg{margin-left:4px}.stage-footer .storage-warning{color:#e3b782}.storage-warning .online-dot{background:#d1a15b;box-shadow:none}:root{--grid-dot:#2a3b4c;--grid-line:#233647;--canvas-bg:#0d1723;--room-selected:#163b50;--canvas-accent:#43d9df;--wall:#7d9ba9;--room-label:#d8edf2;--room-label-secondary:#8aa8b7;--dimension-bg:#101e2eee;--dimension-text:#91adbd;--vertex-fill:#162a39;--vertex-stroke:#678a9e;--draft-fill:#43d9df16;--tooltip-bg:#17333f;--tooltip-text:#d8edf2;--room-1:#16313b;--room-2:#2b2e40;--room-3:#1d2a48;--room-4:#163a43;--room-5:#382b3d;--room-6:#253b36}.theme-trigger{border:1px solid #2b4357;min-width:35px;min-height:35px;background:#142332;margin-right:4px}.theme-picker{border:0;margin:0 0 25px;padding:0}.theme-picker legend{padding:0;margin-bottom:12px;font-size:12px;color:#94b3c4}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-option{margin:0;position:relative;cursor:pointer}.theme-option>input{position:absolute;opacity:0;width:1px;height:1px;padding:0;min-height:0;pointer-events:none}.theme-option>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:17px 6px;background:#0d1c2a;border:1px solid #2c4559;border-radius:8px;color:#9bb6c7;font-size:12px;min-height:88px}.theme-option>input:checked+span{background:#173a46;border-color:#57ccd3;color:#9ae9ea;box-shadow:inset 0 0 15px #43d9df08}.theme-option>input:focus-visible+span{outline:3px solid #91dfe6;outline-offset:3px}.theme-description{font-size:11px;line-height:1.6;color:#7e9fb4;margin:12px 0 0}.theme-warning{font-size:11px;line-height:1.7;color:#e3bc8f;margin:10px 0 0}:root[data-theme=light]{color-scheme:light;--ink:#263c50;--accent:#087f94;--border:#d8e4ec;--grid-dot:#c0d2e1;--grid-line:#dce7ef;--canvas-bg:#f5f8fc;--room-selected:#c7e9f2;--canvas-accent:#087f94;--wall:#55778d;--room-label:#203e52;--room-label-secondary:#4f6e80;--dimension-bg:#ffffffed;--dimension-text:#496b81;--vertex-fill:#fff;--vertex-stroke:#608ca3;--draft-fill:#087f9418;--tooltip-bg:#17465b;--tooltip-text:#fff;--room-1:#dceef0;--room-2:#e7e6f3;--room-3:#dee8f7;--room-4:#d7eef1;--room-5:#efe2ed;--room-6:#e1eee5}[data-theme=light] body{background:#f3f7fb;color:#263c50}[data-theme=light] .app-rail{background:#e8f0f7;border-color:#cddde8;color:#4f7188}[data-theme=light] .brand-mark{color:#15788b;filter:none}[data-theme=light] .rail-button{color:#607f95}[data-theme=light] .rail-button:hover{background:#dae7f0;color:#1c6f88}[data-theme=light] .rail-button.active{background:#d3eaf0;border-color:#a1ccd7;color:#176c83;box-shadow:0 3px 15px #286c8610}[data-theme=light] .local-mark{background:#dceef1;border-color:#a7ccd2;color:#237184}[data-theme=light] .avatar{background:#dae7f0;color:#496d86;border-color:#b9cedc}[data-theme=light] .app-header{background:linear-gradient(105deg,#fff,#f7fbfe);border-color:#d7e4ed}[data-theme=light] .wordmark{color:#214557}[data-theme=light] .wordmark:after{background:#1694a6;box-shadow:0 0 8px #1694a626}[data-theme=light] .project-name{color:#2c5066}[data-theme=light] .project-name:hover{background:#edf4f9}[data-theme=light] .header-divider{background:#d7e3ec}[data-theme=light] .eyebrow{color:#67879c}[data-theme=light] .save-status{color:#56798c}[data-theme=light] .save-status.error,[data-theme=light] .save-status.blocked{color:#90652b}[data-theme=light] .save-status i,[data-theme=light] .online-dot{background:#228e77;box-shadow:none}[data-theme=light] .button.primary{background:#087f94;border-color:#08788d;color:#fff;box-shadow:0 3px 10px #087f9415}[data-theme=light] .button.primary:hover{background:#066c80;border-color:#066c80}[data-theme=light] .button.secondary{background:#fff;border-color:#c8dbe8;color:#416b81}[data-theme=light] .button.secondary:hover{background:#eaf3f8;border-color:#a5c4d6}[data-theme=light] .theme-trigger{background:#f1f7fb;border-color:#c9deea;color:#37718c}[data-theme=light] .stage-header{background:#f9fcfe;border-color:#d8e5ee}[data-theme=light] .stage-header h1{color:#2d5066}[data-theme=light] .version-tag{background:#e3f2f5;color:#21768a;border-color:#b3d6df}[data-theme=light] .floor-picker,[data-theme=light] .floor-picker select{color:#557a91}[data-theme=light] .floor-detail{color:#708a9d;border-color:#d4e1e9}[data-theme=light] .view-toggle{color:#617e95}[data-theme=light] .view-toggle.on{background:#e2f1f4;border-color:#b4d8e0;color:#25788c}[data-theme=light] .view-toggle:hover{background:#d9edf3}[data-theme=light] .canvas-wrap{background:var(--canvas-bg)}[data-theme=light] .canvas-wrap:after{filter:brightness(1.7);opacity:.35}[data-theme=light] .canvas-toolbar,[data-theme=light] .zoom-controls{background:#fffffff0;border-color:#c7dae8;box-shadow:0 5px 24px #395c7510}[data-theme=light] .tool-button{color:#63839b}[data-theme=light] .tool-button.selected{color:#117d94;background:#e0f1f6;box-shadow:inset 0 0 0 1px #9acbd8}[data-theme=light] .tool-button.toggled{color:#47798f;background:#edf5fa}[data-theme=light] .tool-button:hover{background:#dfedf5;color:#1b637d}[data-theme=light] .tool-divider,[data-theme=light] .zoom-controls>span{background:#d6e4ee}[data-theme=light] .icon-button{color:#4d7992}[data-theme=light] .icon-button:hover{background:#e1f0f6;color:#0a7188}[data-theme=light] .canvas-scale{color:#5b7c94}[data-theme=light] .canvas-scale span{border-color:#729bb1}[data-theme=light] .camera-readout,[data-theme=light] .dimension-hint{color:#5e8199}[data-theme=light] .camera-readout span{color:#287d94}[data-theme=light] .stage-footer{background:#f9fcfe;border-color:#d8e5ee;color:#567b91}[data-theme=light] .stage-footer button{color:#44778f}[data-theme=light] kbd{background:#edf5fa;color:#527b95;border-color:#c9dce9}[data-theme=light] .footer-separator{color:#b7cbd9}[data-theme=light] .inspector{background:#fff;border-color:#d3e2ed}[data-theme=light] .inspector-header{color:#4d7187;border-color:#dce7ef}[data-theme=light] .inspector-scroll{scrollbar-color:#cadde9 transparent}[data-theme=light] .overview-hero{background:radial-gradient(ellipse at 100% 0,#d5eff680,transparent 75%),#f5faff;border-color:#d9e7ef}[data-theme=light] .overview-top{color:#70a4b6}[data-theme=light] .section-label{color:#527b93}[data-theme=light] .overview-area{color:#244f63;text-shadow:none}[data-theme=light] .overview-area>span{color:#608fa3}[data-theme=light] .overview-stats{color:#6b899e}[data-theme=light] .overview-stats b{color:#3d6e86}[data-theme=light] .section-heading h2{color:#436c83}[data-theme=light] .section-heading>span{background:#e9f3f9;color:#4f839c}[data-theme=light] .room-card{background:transparent;color:#6a8b9f}[data-theme=light] .room-card:hover{background:#f0f7fb;border-color:#d5e6ef}[data-theme=light] .room-swatch{border-color:#b9d2de;color:#50849a;box-shadow:none}[data-theme=light] .room-card-title b{color:#3e647a}[data-theme=light] .room-card-title small{color:#6b889e}[data-theme=light] .room-card-area{color:#3c6a80}[data-theme=light] .room-card-area small{color:#6b8da4}[data-theme=light] .add-room{background:#f3fafc;border-color:#a4cbd9;color:#287b94}[data-theme=light] .add-room:hover{background:#e0f1f7;border-color:#7eb4c7}[data-theme=light] .getting-started{background:linear-gradient(135deg,#edf7fb,#eaf0fa);border-color:#d0e0ec}[data-theme=light] .tip-number{color:#3d829c}[data-theme=light] .getting-started h3{color:#335e75}[data-theme=light] .getting-started p{color:#618298}[data-theme=light] .text-button{color:#167e96}[data-theme=light] .text-button:hover{color:#095c73}[data-theme=light] .tip-illustration span{background:#d1e8f0;border-color:#84b0c3}[data-theme=light] .local-info{color:#6a9aad}[data-theme=light] .local-info p{color:#66859a}[data-theme=light] .inspector-bottom{background:#f8fbfd;border-color:#d8e6ef}[data-theme=light] .property-hero{background:linear-gradient(140deg,#e2f4f7,#f0f7fc);border-color:#c6e1e9}[data-theme=light] .property-hero.wall-hero{background:linear-gradient(140deg,#e4effa,#eef4fd)}[data-theme=light] .property-icon{background:#d3edf1;border-color:#aad4df;color:#2b8398}[data-theme=light] .wall-hero .property-icon{background:#d9e7f7;color:#447d9d}[data-theme=light] .property-hero p{color:#507f94}[data-theme=light] .property-hero h2{color:#315a70}[data-theme=light] .property-hero strong{color:#196b7e}[data-theme=light] .property-hero strong small{color:#538ca1}[data-theme=light] .property-row{color:#67859b;border-color:#dce8f0}[data-theme=light] .property-row b{color:#416d85}[data-theme=light] .inspector-note{background:#f0f8fc;border-color:#cfe4ee;color:#5c8198}[data-theme=light] .linked-room{color:#3d7089;border-color:#d7e7f0}[data-theme=light] .linked-room:hover{color:#09778c}[data-theme=light] .linked-room .wall-list-length{color:#4f7b94}[data-theme=light] label{color:#4d728b}[data-theme=light] label>input,[data-theme=light] label>select,[data-theme=light] .input-suffix{background:#f8fbfe;border-color:#bdd6e6;color:#2c536a}[data-theme=light] .input-suffix input{color:#2c536a}[data-theme=light] label>input::placeholder{color:#7d98ac}[data-theme=light] .input-suffix>span{color:#62889f}[data-theme=light] .draw-guide,[data-theme=light] .resume-draft{background:#fffffff2;border-color:#bfdbe8;box-shadow:0 5px 24px #274f6b12}[data-theme=light] .guide-icon{background:#ddf1f6;color:#19829a}[data-theme=light] .draw-guide strong{color:#376c84}[data-theme=light] .draw-guide>div>span{color:#62849a}[data-theme=light] .resume-draft{color:#297e98}[data-theme=light] .feedback.success{background:#f2fcf9;border-color:#add6cc;color:#34796b}[data-theme=light] .feedback.error{background:#fff7f2;border-color:#dfbea8;color:#905839}[data-theme=light] .feedback.error>span{border-color:#b78966}[data-theme=light] .recovery-banner{background:#fff9ed;border-color:#d4bd8d;color:#816631}[data-theme=light] .canvas-empty h2{color:#537f98}[data-theme=light] .canvas-empty p{color:#6a8ca3}[data-theme=light] .empty-grid{color:#7caebf}[data-theme=light] .empty-rooms{color:#6c899e}[data-theme=light] .dialog{background:linear-gradient(130deg,#fff,#f4f9fd);border-color:#c0d8e7;color:#315c73;box-shadow:0 30px 100px #22445f30}[data-theme=light] .dialog::backdrop{background:#284a6459}[data-theme=light] .dialog-head h2{color:#2c556b}[data-theme=light] .dialog-head p,[data-theme=light] .form-note{color:#5d7e93}[data-theme=light] .help-steps>div>b{background:#e2f2f6;border-color:#bbdce6;color:#3e8399}[data-theme=light] .help-steps section h3{color:#3f6c83}[data-theme=light] .help-steps section p{color:#63879c}[data-theme=light] .shortcut-grid{border-color:#d0e2ed}[data-theme=light] .shortcut-grid>span{color:#547d95}[data-theme=light] .loading-state{color:#327c95}[data-theme=light] .loading-ring{border-color:#c1dfe8;border-top-color:#087f94}[data-theme=light] .room-shape{stroke:#6f9aad}[data-theme=light] .inspector.mobile-open{border-color:#bcd5e5;box-shadow:-12px 0 50px #22485f20}[data-theme=light] .stage-footer .storage-warning{color:#8f622d}[data-theme=light] .theme-picker legend{color:#466d85}[data-theme=light] .theme-option>span{color:#547b92;background:#f1f7fb;border-color:#bfd8e7}[data-theme=light] .theme-option>input:checked+span{background:#dff1f6;border-color:#3e9caf;color:#1c748c;box-shadow:inset 0 0 12px #087f9405}[data-theme=light] .theme-description{color:#62849b}[data-theme=light] .theme-warning{color:#8e652f}@media(max-width:600px){.header-actions .theme-trigger{margin-right:0;min-width:35px}[data-theme=light] .app-header{background:#fafdff}[data-theme=light] .canvas-toolbar{background:#fffffff2}[data-theme=light] .inspector.mobile-open{box-shadow:0 -10px 60px #22445f25}.header-actions{gap:5px}}:root{--resize-surface:#132938;--resize-border:#2b4d60;--resize-text:#9bc1d0;--resize-muted:#82a7bb;--resize-error-bg:#2b2528;--resize-error-border:#745445;--resize-error-text:#e1b895}:root[data-theme=light]{--resize-surface:#eff8fc;--resize-border:#c0deeb;--resize-text:#376d83;--resize-muted:#587f98;--resize-error-bg:#fff8f1;--resize-error-border:#dfc3a9;--resize-error-text:#8b5c39}.length-editor{border:1px solid var(--resize-border);border-radius:9px;padding:16px 13px;background:var(--resize-surface);margin-bottom:17px}.length-editor-heading{display:flex;gap:8px;align-items:center;color:var(--canvas-accent);margin-bottom:18px}.length-editor-heading h3{font-size:12px;font-weight:600;margin:0;color:var(--resize-text)}.length-editor form{margin:0}.length-editor label{font-size:11px;margin-bottom:13px}.length-editor .input-suffix>input{font-family:Cascadia Code,Consolas,monospace;font-size:16px;min-height:45px}.length-editor select{font-size:11px;min-height:38px;padding:9px}.anchor-description,.resize-hint{font-size:10px;color:var(--resize-muted);line-height:1.7;margin:0 0 16px}.resize-hint{margin:13px 0 0}.length-editor .button{font-size:11px;min-height:40px}.resize-error{background:var(--resize-error-bg);border:1px solid var(--resize-error-border);color:var(--resize-error-text);padding:11px 10px;border-radius:7px;margin:13px 0}.resize-error p{font-size:11px;line-height:1.7;margin:0}.resize-error details{margin-top:9px;font-size:9px}.resize-error summary{cursor:pointer;line-height:1.7}.resize-error ul{margin:9px 0 0;padding-left:16px}.resize-error li{line-height:1.9;overflow-wrap:anywhere}.resize-error.unsupported{background:var(--canvas-bg);border-color:var(--resize-border);color:var(--resize-muted)}.resize-summary{margin:17px 0;padding-top:15px;border-top:1px solid var(--resize-border)}.resize-summary-label{font-size:8px;letter-spacing:1px;font-weight:600;color:var(--canvas-accent);line-height:1.7;display:block;margin-bottom:10px}.resize-room-change{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--resize-border)}.resize-room-change b{font-size:11px;font-weight:500;color:var(--resize-text);overflow-wrap:anywhere}.resize-room-change>span{display:flex;align-items:center;gap:7px;font:10px Consolas,monospace;color:var(--resize-muted)}.resize-room-change strong{font-weight:500;color:var(--canvas-accent)}.resize-summary>p{font-size:10px;line-height:1.7;margin:12px 0 0;color:var(--resize-muted)}.history-controls{position:absolute;top:24px;right:24px;display:flex;align-items:center;padding:4px;border:1px solid var(--resize-border);border-radius:9px;background:var(--canvas-bg);box-shadow:0 3px 18px #00000009}.history-controls>span{width:1px;height:16px;background:var(--resize-border)}.history-controls .icon-button{width:33px;height:33px}.history-controls button:disabled{opacity:.26}.preview-badge{position:absolute;top:24px;left:50%;transform:translate(-50%);background:var(--resize-surface);border:1px solid var(--resize-border);border-radius:8px;color:var(--canvas-accent);font-size:11px;padding:11px 14px;display:flex;align-items:center;gap:7px;pointer-events:none;box-shadow:0 3px 16px #0001}.resize-preview{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--canvas-accent) 30%,transparent))}@media(max-width:600px){.history-controls{top:15px;right:15px;padding:3px}.history-controls.is-drawing{display:none}.history-controls .icon-button{width:30px;height:30px}.preview-badge{top:17px;left:15px;transform:none;max-width:calc(100% - 110px);font-size:10px;padding:10px}.length-editor{padding:15px}.length-editor label{font-size:12px}.length-editor .button{min-height:42px}.resize-summary-label{font-size:9px}.resize-error p{font-size:12px}}.dimension-hint{right:115px}:root{--opening-line:#8bc3cf;--account-surface:#132b3a;--account-border:#2b4b60;--account-text:#a6c5d5;--account-muted:#7f9fb4}:root[data-theme=light]{--opening-line:#33778d;--account-surface:#f0f8fc;--account-border:#c6dfeb;--account-text:#3e6a82;--account-muted:#638298}.account-trigger.connected{border-color:var(--canvas-accent);color:var(--canvas-accent)}.account-intro{text-align:center;padding:0 10px 20px}.account-emblem{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid var(--account-border);background:var(--account-surface);border-radius:15px;color:var(--canvas-accent);flex-shrink:0}.account-intro h3{font-size:22px;font-weight:450;letter-spacing:-.6px;margin:17px 0 10px;color:var(--room-label)}.account-intro p{font-size:12px;line-height:1.8;color:var(--account-muted);max-width:310px;margin:auto}.account-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;background:var(--canvas-bg);border:1px solid var(--account-border);border-radius:9px;margin:0 0 23px}.account-tabs button{border:0;background:none;color:var(--account-muted);border-radius:6px;padding:11px;font-size:12px}.account-tabs button.active{background:var(--account-surface);box-shadow:inset 0 0 0 1px var(--account-border);color:var(--canvas-accent)}.account-panel form>label{font-size:12px}.account-panel label>input{min-height:44px}.account-local-note{font-size:10px;line-height:1.8;color:var(--account-muted);margin:17px 0 0}.account-offline,.account-error{background:var(--resize-error-bg);color:var(--resize-error-text);border:1px solid var(--resize-error-border);padding:13px;border-radius:8px;font-size:12px;line-height:1.8;margin:14px 0}.account-offline p,.account-error p{margin:0 0 8px}.account-user{display:flex;gap:12px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--account-border);margin-bottom:23px}.account-user>div{min-width:0;flex:1}.account-user h3{font-size:15px;font-weight:550;color:var(--room-label);margin:0 0 6px;overflow-wrap:anywhere}.account-user p{margin:0;font-size:11px;color:var(--account-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-user .account-emblem{width:43px;height:43px;border-radius:12px}.account-save{padding:18px;background:var(--account-surface);border:1px solid var(--account-border);border-radius:10px}.account-save h3{color:var(--room-label);font-size:19px;font-weight:450;margin:12px 0 9px;overflow-wrap:anywhere}.account-save p{font-size:11px;line-height:1.8;color:var(--account-muted);margin:0 0 13px}.account-save>small{display:block;font-size:10px;line-height:1.7;color:var(--account-muted);margin-bottom:14px;overflow-wrap:anywhere}.account-save-actions{display:flex;flex-wrap:wrap;gap:8px}.account-save-actions .button{font-size:11px;min-height:38px;padding:9px 12px}.account-projects-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 12px;gap:12px}.account-projects-heading h3{font-size:13px;font-weight:550;color:var(--room-label);margin:0}.account-empty{text-align:center;padding:23px 10px;font-size:12px;line-height:1.7;color:var(--account-muted)}.account-project-list{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.account-project-list>button{display:flex;align-items:center;gap:12px;background:var(--canvas-bg);border:1px solid var(--account-border);border-radius:9px;padding:14px 12px;text-align:left;color:var(--account-muted);width:100%}.account-project-list>button:hover{background:var(--account-surface);border-color:var(--canvas-accent)}.account-project-icon{color:var(--canvas-accent);display:flex;flex-shrink:0}.account-project-list>button>span:nth-child(2){display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.account-project-list b{font-size:12px;font-weight:500;color:var(--room-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-project-list small{font-size:10px;color:var(--account-muted)}.account-success{display:flex;gap:8px;align-items:center;color:var(--canvas-accent);font-size:12px;line-height:1.7;padding:12px 0}.account-open-confirm{border:1px solid var(--canvas-accent);border-radius:9px;padding:16px;margin:18px 0;background:var(--account-surface)}.account-open-confirm h3{font-size:15px;font-weight:500;margin:0 0 12px;color:var(--room-label);overflow-wrap:anywhere}.account-open-confirm p{font-size:11px;line-height:1.8;color:var(--account-muted);margin:0 0 15px}.account-open-confirm>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.opening-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opening-form-pair label{min-width:0}.opening-hero-size{font:22px Cascadia Code,Consolas,monospace;color:var(--canvas-accent);letter-spacing:-.8px}.opening-hero-size small{font-size:14px;color:var(--room-label-secondary)}.opening-hero h2{font-size:17px}.opening-back{margin-bottom:23px}.opening-properties form{margin-top:0}.opening-error{font-size:11px;line-height:1.7;padding:12px;background:var(--resize-error-bg);border:1px solid var(--resize-error-border);border-radius:7px;color:var(--resize-error-text)}.opening-removal{border-top:1px solid var(--account-border);padding-top:20px;margin-top:20px}.opening-removal p{font-size:11px;line-height:1.7;color:var(--account-muted)}.opening-removal>div{display:flex;gap:8px}.button.danger{background:var(--resize-error-bg);color:var(--resize-error-text);border-color:var(--resize-error-border)}.danger-text{color:var(--resize-error-text)}.wall-openings{margin:0 0 22px}.wall-openings .section-label{margin:0 0 12px}.opening-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.opening-actions .button{font-size:11px;padding:10px 7px;min-height:40px}.opening-symbol{cursor:pointer}.opening-symbol.selected{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--canvas-accent) 20%,transparent))}.opening-symbol.ghost{opacity:.65;pointer-events:none}@media(max-width:600px){.header-actions .account-trigger span{display:none}.account-trigger{min-width:35px;padding:8px!important}.account-intro{padding-bottom:18px}.account-intro h3{font-size:21px}.account-save{padding:15px}.account-save-actions .button{font-size:10px;min-height:40px}.account-project-list>button{padding:14px 11px}.opening-properties label{font-size:12px}.opening-form-pair{gap:10px}}@media(max-width:480px){.header-actions>.button.primary>span{display:none}.header-actions>.button.primary{min-width:35px;padding:8px 10px}.project-identity{max-width:42vw}}.account-project-row{display:flex;align-items:stretch;background:var(--canvas-bg);border:1px solid var(--account-border);border-radius:9px;overflow:hidden}.account-project-row:hover{background:var(--account-surface);border-color:var(--canvas-accent)}.account-project-open{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:14px 12px;text-align:left;color:var(--account-muted);min-width:0;flex:1}.account-project-open>span:nth-child(2){display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.account-project-delete{align-self:center;margin-right:8px;flex-shrink:0}.account-delete-confirm{border-color:var(--resize-error-border)}.delete-local-project{margin-top:12px;justify-content:center;width:100%}.dialog.usdz-dialog{width:min(1050px,calc(100% - 28px));max-width:1050px;padding:22px;max-height:calc(100dvh - 24px)}.usdz-dialog .dialog-head{margin-bottom:14px}.usdz-preview{display:grid;gap:12px}.usdz-canvas{height:min(65dvh,650px);min-height:330px;position:relative;border:1px solid var(--border,#2b4052);border-radius:13px;overflow:hidden;background:radial-gradient(circle at 50% 36%,#285266,#111d2b 65%,#0b1622)}.usdz-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.usdz-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;background:#101b28d9;color:#b9e6eb;font-size:14px}.usdz-overlay.error{color:#ffd1c5}.usdz-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted,#8da2b6);font-size:11px}.usdz-actions>div{display:flex;gap:8px;flex-wrap:wrap}.usdz-actions .button{min-height:35px;display:inline-flex;align-items:center;text-decoration:none}.usdz-note{margin:0;color:var(--muted,#8da2b6);font-size:11px;line-height:1.5}.model-trigger{gap:7px}@media(max-width:700px){.dialog.usdz-dialog{padding:15px}.usdz-canvas{height:min(55dvh,500px);min-height:260px}.usdz-actions{display:grid}.usdz-actions>div{justify-content:flex-start}.usdz-actions .button{font-size:10px;padding:8px}}@media(max-width:900px){.header-actions .model-trigger span{display:none}.header-actions .model-trigger{min-width:35px;padding:8px 10px}}