@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#233346;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #233346;--muted: #77889a;--line: #e4e9ef;--blue: #2867a9;--blue-dark: #1d568f;--blue-pale: #eff6fd;--paper: #fff;--shadow: 0 14px 40px rgb(34 54 74 / 15%)}*{box-sizing:border-box}.app-error{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#f5f7fa;text-align:center}.app-error h1{margin:0;color:var(--ink);font:700 22px Manrope,sans-serif}.app-error p{max-width:440px;margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.6}body{min-width:0;min-height:100vh;min-height:100dvh;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgb(47 123 191 / 28%);outline-offset:2px}.app-shell{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;min-height:min(560px,100dvh);overflow:hidden}.topbar{z-index:3;display:flex;flex:0 0 calc(64px + env(safe-area-inset-top));align-items:center;gap:25px;padding:env(safe-area-inset-top) max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;flex:0 0 210px;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{display:flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center}.brand-mark img{display:block;width:60px;height:60px;max-width:none;flex:0 0 60px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font:800 17px/1.1 Manrope,sans-serif;letter-spacing:-.5px}.brand-copy small{color:#8c9aaa;font-size:8px;font-weight:700;letter-spacing:1.2px}.project-title{position:relative;display:flex;flex:1;min-width:130px;flex-direction:column;gap:2px}.eyebrow,.dialog-kicker{color:#8998a8;font-size:9px;font-weight:700;letter-spacing:1.1px}.project-title input{width:min(100%,360px);padding:0;color:var(--ink);border:0;outline:0;background:transparent;font:700 14px Manrope,sans-serif}.project-title input:focus{box-shadow:0 1px 0 var(--blue)}.job-context{position:absolute;top:8px;left:min(375px,100%);max-width:250px;overflow:hidden;color:#647a8f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:8px}.top-divider,.action-divider{width:1px;height:22px;margin:0 2px;background:var(--line)}.icon-button,.zoom-button,.fit-button{display:grid;width:33px;height:33px;place-items:center;color:#657789;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer}.icon-button:hover,.zoom-button:hover,.fit-button:hover{color:var(--blue);border-color:var(--line);background:#f7f9fb}.icon-button:disabled{opacity:.35;cursor:default}.button{display:inline-flex;height:36px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.button-outline{color:#42566b;border-color:#dce4ec;background:#fff}.button-outline:hover{border-color:#b7c8d8;background:#f7f9fb}.button-primary{color:#fff;background:var(--blue);box-shadow:0 2px 4px #2667a92e}.button-primary:hover{background:var(--blue-dark)}.export-wrap{position:relative}.chevron{color:#8594a2;font-size:14px}.export-menu{position:absolute;z-index:5;top:43px;right:0;width:190px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.export-menu button{display:flex;width:100%;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:5px;background:#fff;text-align:left;font-size:12px;cursor:pointer}.export-menu button:hover{color:var(--blue);background:var(--blue-pale)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.workspace{display:flex;flex:1;min-height:0}.tool-rail{z-index:2;display:flex;width:78px;flex:0 0 78px;flex-direction:column;align-items:center;overflow-y:auto;background:#fff;border-right:1px solid var(--line)}.tool-caption{margin:17px 0 8px;color:#9aa8b5;font-size:8px;font-weight:700;letter-spacing:1px}.tool-group{display:flex;flex-direction:column;align-items:center;gap:3px}.tool-button{display:flex;width:63px;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px 2px;color:#708194;border:0;border-radius:7px;background:#fff;font-size:9px;cursor:pointer}.tool-button:hover{color:#325f8b;background:#f5f8fb}.tool-button.active{color:var(--blue);background:var(--blue-pale);font-weight:700}.rail-bottom{width:100%;margin-top:auto;padding:10px 0 12px;border-top:1px solid #eef1f4}.help-tool{color:#a77a31}.drawing-area{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;background:#f7f9fc}.canvas-toolbar{z-index:1;display:flex;height:47px;flex:0 0 47px;align-items:center;justify-content:space-between;overflow-x:auto;padding:0 15px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{display:flex;align-items:center;gap:8px;color:#8795a4;font-size:11px}.breadcrumb strong{color:#34495e;font-weight:600}.crumb-separator{color:#c1cad3}.canvas-actions{display:flex;align-items:center;gap:9px}.toggle-control{display:inline-flex;align-items:center;gap:6px;color:#66788a;font-size:10px;cursor:pointer;white-space:nowrap}.toggle-control input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:25px;height:14px;border-radius:9px;background:#cbd4dd;transition:background .15s}.toggle-track:after{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #7f8e9b54;content:"";transition:transform .15s}.toggle-control input:checked+.toggle-track{background:#3a78ae}.toggle-control input:checked+.toggle-track:after{transform:translate(11px)}.toggle-control input:focus-visible+.toggle-track{outline:3px solid #a9c8e4}.action-divider{height:19px;margin:0}.zoom-button{width:25px;height:25px;border-color:#e3e8ed;background:#fff}.zoom-level{min-width:36px;color:#607387;text-align:center;font-size:10px;font-variant-numeric:tabular-nums}.fit-button{width:27px;height:27px}.plan-canvas{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff;cursor:crosshair;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.plan-canvas.cursor-select{cursor:default}.plan-canvas.cursor-pan{cursor:grab}.plan-canvas canvas{display:block}.canvas-empty{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.empty-grid-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:4px;color:#6a92b6;border:1px solid #e6edf3;border-radius:13px;background:#ffffffeb;box-shadow:0 4px 14px #34516b0d;font-size:29px}.canvas-empty strong{font:700 15px Manrope,sans-serif}.canvas-empty>span{color:#7a8a9b;font-size:11px;line-height:1.7}.canvas-empty .button{margin-top:7px;pointer-events:auto}.drawing-hint{position:absolute;top:14px;left:50%;padding:5px 9px;transform:translate(-50%);color:#fff;border-radius:5px;background:#263f56;font-size:10px;pointer-events:none}.statusbar{z-index:1;display:flex;height:29px;flex:0 0 auto;align-items:center;gap:17px;padding:0 13px env(safe-area-inset-bottom);color:#8190a0;border-top:1px solid var(--line);background:#fff;font-size:9px}.status-indicator{display:flex;min-width:132px;align-items:center;gap:6px}.status-indicator i,.save-dot{width:6px;height:6px;border-radius:50%;background:#55b285}.status-coordinates{color:#6d8194;font-variant-numeric:tabular-nums}.status-help{margin-left:auto}.status-copyright{margin-left:auto;white-space:nowrap}.status-help+.status-copyright{margin-left:0}.status-dot{margin:0 4px}kbd{display:inline-block;padding:1px 4px;color:#64778a;border:1px solid #e0e6ec;border-radius:3px;background:#f9fafb;font:9px DM Sans,sans-serif}.inspector{z-index:2;display:flex;width:275px;flex:0 0 275px;flex-direction:column;background:#fff;border-left:1px solid var(--line)}.inspector-heading{display:flex;height:72px;flex:0 0 72px;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #edf0f3}.inspector-heading h2{margin:4px 0 0;font:700 16px Manrope,sans-serif;letter-spacing:-.25px}.inspector-mark{display:grid;width:32px;height:32px;place-items:center;color:#6f879c;border:1px solid #e5ebf0;border-radius:7px;font-size:20px}.inspector-scroll{flex:1;min-height:0;overflow:auto}.property-section{padding:18px 19px;border-bottom:1px solid #edf0f3}.property-section h3{margin:0 0 14px;color:#7d8d9d;font-size:9px;font-weight:700;letter-spacing:.95px}.field-label{display:block;margin-bottom:7px;color:#53677b;font-size:10px}.scale-input{display:flex;height:34px;overflow:hidden;border:1px solid #dfe6ed;border-radius:5px}.scale-input:focus-within{border-color:#6ea0cc;box-shadow:0 0 0 2px #dcecf9}.scale-input input{width:100%;min-width:0;padding:0 9px;color:#2b4054;border:0;outline:0;font-size:12px;font-weight:600}.scale-input input[aria-invalid=true]{color:#a63e36}.scale-input>span{display:flex;align-items:center;padding:0 10px;color:#718193;border-left:1px solid #e4e9ee;background:#f7f9fb;font-size:10px}.field-help{margin:7px 0 0;color:#98a5b1;font-size:9px;line-height:1.6}.selection-section{min-height:135px}.selection-empty{display:flex;min-height:68px;align-items:center;gap:10px;padding:11px;color:#8b9aaa;border:1px dashed #e2e8ee;border-radius:6px;font-size:10px;line-height:1.5}.selection-icon{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;color:#5884aa;border-radius:6px;background:var(--blue-pale);font-size:16px}.selection-properties{display:flex;flex-direction:column;gap:11px}.dimension-property{display:flex;flex-direction:column;gap:4px}.dimension-help,.dimension-error{padding-left:2px;color:#8998a7;font-size:9px;line-height:1.4}.dimension-error{color:#b95850}.value-input input[aria-invalid=true]{color:#a63e36}.selected-type{display:flex;align-items:center;justify-content:space-between;color:#40596f;font-size:11px;font-weight:700;text-transform:capitalize}.selected-dot{width:13px;height:13px;border:1px solid rgb(40 54 69 / 15%);border-radius:4px}.property-row{display:flex;min-height:30px;align-items:center;justify-content:space-between;gap:7px;margin:0;color:#718294;font-size:10px}.value-input{display:flex;width:130px;height:30px;overflow:hidden;border:1px solid #e0e6ec;border-radius:4px}.value-input input{width:100%;min-width:0;padding:0 7px;color:#344b60;border:0;outline:0;background:#fff;font-size:10px}.value-input>span{display:flex;align-items:center;padding:0 7px;color:#718193;border-left:1px solid #e4e9ee;background:#f7f9fb;font-size:9px}.text-input{width:130px;height:30px;padding:0 7px;color:#344b60;border:1px solid #e0e6ec;border-radius:4px;font-size:10px}.color-input{width:40px;height:26px;padding:2px;border:1px solid #e0e6ec;border-radius:4px;background:#fff}.check-row{display:flex;align-items:center;gap:7px;color:#718294;font-size:10px}.check-row input{accent-color:var(--blue)}.delete-selection{display:flex;height:31px;align-items:center;justify-content:center;gap:7px;color:#b95850;border:1px solid #f0d7d4;border-radius:5px;background:#fff9f8;font-size:10px;cursor:pointer}.delete-selection:hover{background:#fff0ee}.quick-guide{padding-bottom:15px}.guide-row{display:flex;align-items:center;gap:9px;margin:8px 0;color:#687b8f;font-size:10px}.guide-row kbd{min-width:22px;text-align:center}.guide-tip{padding-top:6px;border-top:1px solid #eef1f4}.inspector-footer{display:flex;height:37px;flex:0 0 37px;align-items:center;gap:7px;padding:0 19px;color:#8c9aa8;border-top:1px solid #edf0f3;font-size:9px}.save-dot{width:5px;height:5px}.dialog-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:16px;background:#1626356b}.connect-dialog{position:relative;width:min(460px,calc(100vw - 32px));padding:27px;border:1px solid #e4eaf0;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.dialog-close{position:absolute;top:13px;right:13px;display:grid;width:30px;height:30px;place-items:center;color:#7c8b99;border:0;border-radius:5px;background:transparent;cursor:pointer}.dialog-close:hover{background:#f2f5f8}.connect-dialog h2{margin:8px 0 9px;font:700 20px Manrope,sans-serif}.connect-dialog p,.connect-dialog ol{color:#617488;font-size:12px;line-height:1.65}.connect-dialog ol{padding-left:20px}.connect-dialog li{padding:2px 0}.dialog-note{margin:15px 0;padding:11px;color:#718194;border-radius:6px;background:#f5f8fb;font-size:10px;line-height:1.65}.dialog-note code{padding:1px 3px;color:#355a78;border-radius:3px;background:#fff}.toast{position:fixed;z-index:20;bottom:47px;left:50%;padding:9px 14px;transform:translate(-50%);color:#3b586e;border:1px solid #d9e5ee;border-radius:7px;background:#fff;box-shadow:var(--shadow);font-size:11px}@media(max-width:1050px){.brand{flex-basis:175px}.topbar{gap:15px;padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}.inspector{width:245px;flex-basis:245px}.tool-rail{width:68px;flex-basis:68px}.canvas-actions{gap:6px}}@media(max-width:850px){.brand{flex-basis:150px}.top-actions{gap:4px}.breadcrumb{display:none}.canvas-toolbar{justify-content:flex-start;padding:0 8px}.inspector{width:225px;flex-basis:225px}.job-context{display:none}}@media(max-width:760px){.topbar{gap:10px;padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}.brand{flex-basis:42px}.brand-copy{display:none}.project-title{min-width:90px}.top-actions .button{height:40px;padding:0 9px}.top-actions .button-primary{font-size:0}.top-actions .button-primary svg{width:20px;height:20px}.tool-rail{width:60px;flex-basis:60px}.tool-button{width:52px;min-height:52px}.inspector{width:205px;flex-basis:205px}.canvas-toolbar{min-height:52px;height:auto;flex-basis:auto}.canvas-actions{min-height:52px;gap:7px}.zoom-button,.fit-button{width:44px;height:44px;flex:0 0 44px}.toggle-control{min-height:44px;gap:5px}.toggle-control>span:last-child{font-size:9px}.statusbar{gap:8px;padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}.status-indicator{min-width:0}.status-help{display:none}.property-section,.inspector-heading{padding-right:13px;padding-left:13px}.value-input,.text-input{width:118px;min-height:40px}.value-input input,.text-input{font-size:16px}.value-input>span{font-size:11px}.delete-selection{min-height:44px}}@media(pointer:coarse){.icon-button,.button,.tool-button,.zoom-button,.fit-button,.dialog-close,.delete-selection{min-height:44px}.icon-button,.zoom-button,.fit-button,.dialog-close{min-width:44px}.toggle-control,.check-row,.export-menu button{min-height:44px}.scale-input{height:44px}.scale-input input,.value-input input,.text-input{font-size:16px}.value-input,.text-input{height:44px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263039;--ink: #263039;--muted: #74818a;--line: #e5e9ea;--blue: #087d8b;--blue-dark: #086b77;--blue-pale: #e4f5f6;--shadow: 0 18px 55px rgb(19 31 38 / 16%)}.topbar{flex-basis:calc(76px + env(safe-area-inset-top));gap:26px;background:#20282d;border-color:#303a40}.brand{flex-basis:210px;gap:11px;color:#f8fbfb}.brand-mark{width:48px;height:48px;flex-basis:48px;border:1px solid #465259;border-radius:13px;background:#29343a}.brand-mark img{width:70px;height:70px;flex-basis:70px}.brand-copy{gap:3px}.brand-copy strong{font:750 17px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.16em}.brand-copy small{color:#91a6ad;font-size:8px;letter-spacing:.16em}.project-title{gap:5px}.project-title .eyebrow{color:#91a3a9}.project-title input{color:#f4f8f8;font:600 14px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.project-title input:focus{box-shadow:0 1px #52d5e0}.topbar .icon-button{color:#c4d0d2}.topbar .icon-button:hover{color:#fff;border-color:#49575d;background:#344047}.topbar .top-divider{background:#465158}.button{height:38px;border-radius:10px;font-size:12px;font-weight:650}.button-outline{color:#e2ebeb;border-color:#526067;background:#303c42}.button-outline:hover{color:#fff;border-color:#6a7b81;background:#3b484e}.button-primary{color:#102d30;background:#68dce5;box-shadow:none}.button-primary:hover{color:#102d30;background:#8de7ed}.export-menu{top:47px;padding:6px;border-radius:13px}.export-menu button{border-radius:8px}.workspace{background:#f4f6f6}.tool-rail{width:82px;flex-basis:82px;background:#f9fafa}.tool-caption,.eyebrow{color:#829096;letter-spacing:.12em}.tool-caption{margin:20px 0 12px}.tool-group{gap:5px}.tool-button{width:66px;min-height:55px;gap:5px;border-radius:11px;color:#67757c;background:transparent;font-size:10px}.tool-button:hover{color:#22535a;background:#edf3f3}.tool-button.active{color:#096e7a;background:#def2f3;box-shadow:inset 0 0 0 1px #c7e9eb}.drawing-area{background:#f4f6f6}.canvas-toolbar{height:57px;flex-basis:57px;padding:0 20px;background:#fff}.breadcrumb{color:#8b999d;font-size:12px}.breadcrumb strong{color:#36464b}.canvas-actions{gap:10px}.toggle-control{color:#56686d;font-size:11px}.toggle-track{background:#d4dddd}.toggle-control input:checked+.toggle-track{background:#1697a5}.zoom-button,.fit-button{border-radius:8px}.plan-canvas{background:#fff}.statusbar{height:34px;gap:18px;color:#819095;font-size:10px}.status-indicator i,.save-dot{background:#35a994}kbd{border-color:#e1e8e8;border-radius:5px;background:#f8fafa;font-family:inherit}.inspector{width:282px;flex-basis:282px;background:#fbfcfc}.inspector-heading{height:80px;flex-basis:80px;padding:0 22px;border-color:#e9eded}.inspector-heading h2{margin-top:6px;font:700 17px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.025em}.inspector-mark{color:#168b97;border-color:#dbe8e8;border-radius:10px;background:#f1f9f9}.property-section{padding:22px;border-color:#e9eded}.property-section h3{color:#718287;font-size:10px;letter-spacing:.1em}.field-label,.property-row{color:#52646a;font-size:11px}.scale-input,.value-input,.text-input{border-color:#dce5e5;border-radius:8px;background:#fff}.scale-input{height:39px}.scale-input:focus-within,.value-input:focus-within,.text-input:focus{border-color:#68bfc7;box-shadow:0 0 0 3px #d8f1f2}.scale-input>span,.value-input>span{background:#f5f8f8;border-color:#e3eaea}.field-help,.dimension-help{color:#78898d;font-size:10px;line-height:1.55}.selection-empty{padding:13px;color:#77898d;border-color:#dbe6e6;border-radius:10px;background:#fff;font-size:11px}.selection-icon{color:#117e89;border-radius:8px}.guide-row{color:#607277;font-size:11px}.guide-row kbd{padding:3px 5px}.inspector-footer{padding:0 22px;color:#718488;border-color:#e9eded;font-size:10px}.toast,.connect-dialog{border-radius:14px}.toast-warning{z-index:40;bottom:max(48px,env(safe-area-inset-bottom));display:flex;align-items:flex-start;gap:12px;width:min(440px,calc(100vw - 32px));padding:16px;color:#4d2900;border:2px solid #c96c00;background:#fff5df;box-shadow:0 8px 30px #0005;font-size:14px;line-height:1.45}.toast-warning-icon{display:grid;flex:0 0 28px;height:28px;place-items:center;color:#fff;border-radius:50%;background:#a84f00;font-weight:800}.toast-warning strong,.toast-warning div span{display:block}.toast-warning strong{margin-bottom:3px;font-size:15px}.toast-warning button{flex:0 0 36px;height:36px;margin:-6px -6px -6px auto;color:#4d2900;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:24px;line-height:1}.toast-warning button:hover,.toast-warning button:focus-visible{background:#f7dfb3}button:focus-visible,input:focus-visible{outline-color:#65cbd2}@media(max-width:1050px){.brand{flex-basis:175px}.tool-rail{width:68px;flex-basis:68px}.tool-button{width:59px}.inspector{width:245px;flex-basis:245px}}@media(max-width:850px){.brand{flex-basis:150px}.inspector{width:225px;flex-basis:225px}}@media(max-width:760px){.topbar{flex-basis:calc(64px + env(safe-area-inset-top));gap:10px}.brand{flex-basis:42px}.brand-mark{width:40px;height:40px;flex-basis:40px;border-radius:10px}.brand-mark img{width:60px;height:60px;flex-basis:60px}.tool-rail{width:60px;flex-basis:60px}.tool-button{width:52px}.inspector{width:205px;flex-basis:205px}.property-section{padding:18px 13px}.inspector-heading{padding:0 13px}.canvas-toolbar{min-height:52px;height:auto;flex-basis:auto;padding:0 8px}}.topbar{background:#0b1920;border-bottom-color:#253943}.brand{gap:12px}.brand-mark{background:#142d37;border-color:#294650}.brand-mark img{width:37px;height:31px;flex-basis:37px}.brand-copy strong{font-size:18px;font-weight:750;letter-spacing:.14em}.brand-copy small{color:#4dd5e3;font-size:8px;letter-spacing:.19em}.project-title{padding-left:22px;border-left:1px solid #2c414a}.project-title .eyebrow{color:#86a0aa}.topbar .button-outline{color:#e2eff1;background:#172a33;border-color:#36505a}.topbar .button-outline:hover{background:#233d47}.topbar .button-primary{background:#4dd5e3}.topbar .button-primary:hover{background:#79e4ec}.tool-rail{background:#10232c;border-right-color:#263e47}.tool-caption{color:#74909a}.tool-button{color:#a9bdc4}.tool-button:hover{color:#e9fbfb;background:#1a3640}.tool-button.active{color:#68e1ea;background:#1c414a;box-shadow:inset 2px 0 #4dd5e3}.canvas-toolbar{background:#fbfcfc;border-bottom-color:#e4ebeb}.breadcrumb strong{color:#283c43}.canvas-actions{gap:9px}.toggle-control{font-size:11px;font-weight:500}.zoom-button,.plan-canvas{background:#fff}.canvas-empty{width:min(360px,calc(100% - 32px));gap:0;padding:30px 26px 28px;border:1px solid #e4eded;border-radius:20px;background:#fffffff5;box-shadow:0 18px 60px #1e3a431a,0 2px 8px #1e3a430a}.empty-grid-icon{width:50px;height:50px;margin:0 0 21px;color:#1596a4;border-color:#d9eff0;border-radius:15px;background:#eaf8f8;box-shadow:none;font-size:29px}.empty-eyebrow{color:#188d99!important;font-size:9px!important;font-weight:700;letter-spacing:.16em}.canvas-empty strong{margin:9px 0 8px;color:#182e35;font:700 22px/1.15 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.035em}.canvas-empty>span:not(.empty-eyebrow){color:#6a7e84;font-size:12px;line-height:1.65}.canvas-empty .button{height:40px;margin-top:21px;padding:0 17px;color:#0b3439;border:0;border-radius:10px;background:#4dd5e3;font-size:12px}.canvas-empty .button:hover{background:#78e4ec}.inspector{background:#f9fbfb}.inspector-heading{border-bottom-color:#e5eded}.inspector-heading h2{font-size:18px}.property-section h3{color:#70868b}.selection-empty{border-style:solid;background:#f1f7f7}.statusbar{background:#fbfcfc}@media(max-width:1050px){.brand-mark img{width:37px;height:31px;flex-basis:37px}}@media(max-width:760px){.brand-mark img{width:30px;height:25px;flex-basis:30px}.project-title{padding-left:0;border-left:0}.canvas-empty{padding:20px 12px}.canvas-empty strong{font-size:18px}}.layers-toggle{margin:14px 0}.layers-panel{z-index:2;display:flex;flex:0 0 210px;min-width:0;flex-direction:column;background:#f9fbfb;border-right:1px solid #e2ebeb}.layers-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 15px 12px}.layers-heading h2{display:flex;align-items:center;gap:8px;margin:5px 0 0;color:#263a40;font-size:17px;letter-spacing:-.02em}.layers-heading h2 span{padding:2px 6px;border-radius:7px;color:#71878b;background:#eaf1f1;font-size:10px}.layers-close,.layers-actions button{display:grid;place-items:center;width:31px;height:31px;color:#677d81;border:0;border-radius:8px;background:transparent;cursor:pointer}.layers-close:hover,.layers-actions button:hover:not(:disabled){color:#0c7884;background:#e2f3f4}.layers-actions{display:flex;gap:3px;padding:0 12px 12px;border-bottom:1px solid #e6eeee}.layers-actions button:disabled{opacity:.3;cursor:default}.layers-list{flex:1;min-height:0;overflow-y:auto;padding:9px}.layers-empty{padding:12px 6px;color:#72878c;font-size:11px;line-height:1.55}.layer-row{display:flex;width:100%;align-items:center;gap:10px;padding:9px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}.layer-row:hover{background:#edf5f5}.layer-row.selected{border-color:#b6e2e4;background:#e2f4f5}.layer-swatch{width:9px;height:9px;flex:0 0 9px;border-radius:50%;box-shadow:0 0 0 3px #fff}.layer-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.layer-copy strong,.layer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-copy strong{color:#2c4147;font-size:11px;font-weight:650}.layer-copy small{color:#7a8c90;font-size:10px}.layers-footer{margin:0;padding:12px 15px;color:#84969a;border-top:1px solid #e6eeee;font-size:10px;line-height:1.5}[data-theme=dark]{--ink: #e2eff1;--muted: #9aafb4;--line: #2a4149;--blue: #61dce5;--blue-dark: #95e9ed;--blue-pale: #1b424a;color:#e0edef;background:#101e24}[data-theme=dark] .canvas-toolbar,[data-theme=dark] .statusbar,[data-theme=dark] .inspector,[data-theme=dark] .layers-panel{background:#15272e;border-color:#2a4149}[data-theme=dark] .drawing-area,[data-theme=dark] .plan-canvas{background:#111f26}[data-theme=dark] .breadcrumb,[data-theme=dark] .toggle-control,[data-theme=dark] .zoom-level,[data-theme=dark] .statusbar,[data-theme=dark] .field-label,[data-theme=dark] .property-row,[data-theme=dark] .guide-row{color:#acc0c4}[data-theme=dark] .breadcrumb strong,[data-theme=dark] .layers-heading h2,[data-theme=dark] .layer-copy strong,[data-theme=dark] .inspector-heading h2{color:#e4f0f1}[data-theme=dark] .property-section,[data-theme=dark] .inspector-heading,[data-theme=dark] .inspector-footer,[data-theme=dark] .layers-actions,[data-theme=dark] .layers-footer{border-color:#2a4149}[data-theme=dark] .inspector-mark,[data-theme=dark] .selection-empty,[data-theme=dark] .scale-input>span,[data-theme=dark] .value-input>span{color:#aac2c6;background:#1e353d;border-color:#36515a}[data-theme=dark] .scale-input,[data-theme=dark] .value-input,[data-theme=dark] .text-input,[data-theme=dark] .scale-input input,[data-theme=dark] .value-input input{color:#e3f0f1;background:#102128;border-color:#36515a}[data-theme=dark] .field-help,[data-theme=dark] .dimension-help,[data-theme=dark] .layer-copy small,[data-theme=dark] .layers-empty,[data-theme=dark] .layers-footer{color:#9cb0b4}[data-theme=dark] .layer-row:hover,[data-theme=dark] .layers-actions button:hover:not(:disabled),[data-theme=dark] .layers-close:hover{background:#203e46}[data-theme=dark] .layer-row.selected{background:#1c414a;border-color:#38727b}[data-theme=dark] .layer-swatch{box-shadow:0 0 0 3px #9ab2b7}[data-theme=dark] .layers-heading h2 span,[data-theme=dark] kbd{color:#b3c9cb;background:#253c43;border-color:#39515a}[data-theme=dark] .zoom-button,[data-theme=dark] .fit-button{color:#c4d9db;background:#1c323a;border-color:#34505a}[data-theme=dark] .canvas-empty{background:#182b33f7;border-color:#35505a;box-shadow:0 18px 60px #0000003d}[data-theme=dark] .canvas-empty strong{color:#eef8f8}[data-theme=dark] .canvas-empty>span:not(.empty-eyebrow){color:#adc2c6}[data-theme=dark] .empty-grid-icon{background:#1d424b;border-color:#34616a;color:#6bdfe8}[data-theme=dark] .selected-type{color:#d5e7e9}@media(max-width:1050px){.layers-panel{flex-basis:180px}}@media(max-width:850px){.layers-panel{position:absolute;top:calc(76px + env(safe-area-inset-top));bottom:0;left:68px;width:210px;box-shadow:12px 0 35px #0000001f}}@media(max-width:760px){.layers-panel{top:calc(64px + env(safe-area-inset-top));left:60px}.layers-actions button,.layers-close{min-width:40px;min-height:40px}}.workspace:has(.layers-panel) .breadcrumb{display:none}.workspace:has(.layers-panel) .canvas-toolbar{justify-content:flex-end}.canvas-toolbar{scrollbar-width:thin}[data-theme=dark] .layers-actions button,[data-theme=dark] .layers-close{color:#aec3c7}[data-theme=dark] .layers-actions button:disabled{color:#71898f}@media(max-width:850px){.workspace:has(.layers-panel) .canvas-toolbar{justify-content:flex-start}}.tool-rail{z-index:5}.tool-slot{display:block}.shapes-menu{position:fixed;z-index:20;width:204px;max-height:calc(100dvh - 16px);overflow-y:auto;padding:7px;border:1px solid #d9e7e8;border-radius:14px;background:#fff;box-shadow:0 16px 45px #08182038}.shapes-heading{display:flex;height:34px;align-items:center;justify-content:space-between;padding:0 8px;color:#748c91;font-size:10px;font-weight:700;letter-spacing:.12em}.shapes-heading button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:7px;color:inherit;background:transparent;cursor:pointer}.shape-option{display:flex;width:100%;min-height:39px;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:8px;color:#365058;background:transparent;text-align:left;font-size:12px;cursor:pointer}.shape-option:hover,.shape-option.selected{color:#087b88;background:#e4f5f5}.shape-option span{flex:1}.shape-option kbd{min-width:21px;padding:3px;text-align:center}[data-theme=dark] .shapes-menu{border-color:#3a555d;background:#193039}[data-theme=dark] .shape-option{color:#d0e4e6}[data-theme=dark] .shape-option:hover,[data-theme=dark] .shape-option.selected{color:#75e4ed;background:#254a52}@media(pointer:coarse){.shape-option{min-height:44px}}[data-theme=dark] .export-menu{background:#193039;border-color:#3a555d}[data-theme=dark] .export-menu button{color:#e1eff0;background:transparent}[data-theme=dark] .export-menu button:hover,[data-theme=dark] .export-menu button:focus-visible{color:#86edf2;background:#254a52}[data-theme=dark] .connect-dialog{color:#e1eff0;background:#193039;border-color:#3a555d}[data-theme=dark] .connect-dialog h2{color:#edf8f8}[data-theme=dark] .connect-dialog p,[data-theme=dark] .connect-dialog ol{color:#c3d5d8}[data-theme=dark] .dialog-note{color:#c3d5d8;background:#243e46}.canvas-note-input{position:absolute;z-index:3;width:min(240px,100%);height:38px;padding:0 10px;color:#1d3840;border:1px solid #1597a5;border-radius:8px;background:#fff;box-shadow:0 5px 20px #122e362e;font:500 14px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.canvas-note-input:focus{outline:3px solid rgb(77 213 227 / 30%);outline-offset:1px}[data-theme=dark] .canvas-note-input{color:#edf8f8;background:#193039;border-color:#5ad6df}.canvas-note-input{resize:none;overflow:hidden;padding:3px;line-height:1.2;font-family:monospace;white-space:pre-wrap;overflow-wrap:anywhere}.guide-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:0;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.guide-toggle svg{transition:transform .15s;transform:rotate(-90deg)}.guide-toggle svg.expanded{transform:rotate(0)}.guide-toggle:hover{color:#168b97}.guide-row kbd{flex:0 0 auto;white-space:nowrap}@media(pointer:coarse){.guide-toggle{min-height:44px}}.workspace{position:relative}.panel-toggle{margin:0 0 12px}.inspector-close{display:grid;width:36px;height:36px;place-items:center;border:1px solid #dce8e8;border-radius:10px;color:#527178;background:#f1f8f8;cursor:pointer}.inspector-close:hover{background:#e0f3f4}.canvas-action-button{display:inline-flex;min-width:30px;height:32px;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;padding:0 7px;color:#526c72;border:1px solid #dfe9e9;border-radius:8px;background:#fff;font-size:11px;white-space:nowrap;cursor:pointer}.canvas-action-button.active{color:#086d78;border-color:#9dd9dd;background:#ddf4f5}.canvas-action-button:disabled{opacity:.35;cursor:default}[data-theme=dark] .canvas-action-button,[data-theme=dark] .inspector-close{color:#c3dadd;border-color:#34515a;background:#1d353d}[data-theme=dark] .canvas-action-button.active{color:#8cecf2;border-color:#4c9da5;background:#1d4a52}.reset-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.reset-cancel{color:#344c52;border-color:#d4e2e2;background:#fff}.reset-confirm{color:#fff;background:#b83232}.reset-confirm:hover{background:#932929}[data-theme=dark] .reset-cancel{color:#e1eff0;border-color:#41616a;background:#243f48}.canvas-toolbar{overscroll-behavior-x:contain}.canvas-actions{flex:0 0 auto}@media(max-width:850px){.tool-rail .tool-caption{order:0}.tool-rail .layers-toggle{order:1;margin:0 0 3px}.tool-rail .panel-toggle{order:2;margin:0 0 8px}.tool-rail .tool-group{order:3}.inspector{position:absolute;z-index:4;top:0;right:0;bottom:0;width:min(330px,calc(100% - 68px));box-shadow:-12px 0 35px #0000002e}.layers-panel{top:0;bottom:0;left:68px;z-index:4}.canvas-toolbar{touch-action:pan-x;-webkit-overflow-scrolling:touch}.canvas-action-button,.zoom-button,.fit-button,.inspector-close{min-width:44px;min-height:44px}}@media(max-width:760px){.layers-panel{left:60px}.inspector{width:min(330px,calc(100% - 60px))}}@media(max-width:600px){.topbar{flex:0 0 auto;flex-wrap:wrap;gap:4px 10px;min-height:108px;padding-top:env(safe-area-inset-top);padding-bottom:5px}.brand{flex:0 0 40px}.project-title{flex:1 1 calc(100% - 52px)}.project-title input{font-size:16px}.top-actions{width:100%;justify-content:space-between;gap:2px}.top-actions .button,.top-actions .icon-button{width:44px;height:44px;min-width:44px;padding:0;font-size:0}.top-actions .button svg,.top-actions .icon-button svg{width:19px;height:19px}.top-actions .chevron,.top-actions .top-divider{display:none}.export-wrap{flex:0 0 44px}.export-menu{top:48px;right:-44px}.canvas-toolbar{justify-content:flex-start}.canvas-actions{gap:6px}.statusbar{font-size:9px}.status-coordinates,.status-copyright{display:none}.reset-actions .button{min-height:44px}}@media(pointer:coarse){.canvas-action-button,.inspector-close{min-width:44px;min-height:44px}.layer-row,.shape-option{min-height:44px}}.canvas-note-editor{position:absolute;z-index:3}.canvas-note-editor .canvas-note-input{position:static;display:block;width:100%}.canvas-note-actions{display:flex;justify-content:flex-end}.canvas-note-actions button{min-width:64px;min-height:40px;margin-top:3px;padding:0 12px;border:0;border-radius:8px;color:#0b3439;background:#4dd5e3;font-size:13px;font-weight:650;cursor:pointer}@media(pointer:coarse){.canvas-note-actions button{min-height:44px}}@media(min-width:601px)and (max-width:850px){.top-actions .button{width:40px;min-width:40px;padding:0;font-size:0}.top-actions .button svg{width:19px;height:19px}.top-actions .chevron{display:none}.export-wrap{flex:0 0 40px}}@media(pointer:coarse){.project-title input,.scale-input input,.value-input input,.text-input{font-size:16px}}@media(pointer:coarse)and (min-width:601px)and (max-width:850px){.top-actions .button,.top-actions .icon-button{width:44px;min-width:44px;height:44px}}.tool-rail{scrollbar-width:thin;scrollbar-color:#496a72 transparent}.tool-rail::-webkit-scrollbar{width:4px}.tool-rail::-webkit-scrollbar-thumb{border-radius:4px;background:#496a72}@media(max-width:1200px){.job-context,.breadcrumb{display:none}.canvas-toolbar{justify-content:flex-start}}@media(max-width:1200px){.workspace:has(.layers-panel) .canvas-toolbar{justify-content:flex-start}}