:root{color:#17201a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;min-height:100svh}.tablet-frame{color:#202728;background:radial-gradient(circle at 50% -30%,#40697d59,#0000 42%),#101010;place-items:center;min-height:100svh;padding:4px;display:grid}.planner-screen{aspect-ratio:933/645;background:#f0f5f7;border:5px solid #0e1111;border-radius:10px;grid-template-rows:40px 1fr 190px;grid-template-columns:158px 1fr;width:min(100vw - 8px,144.6svh - 11.568px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff52,0 18px 34px #00000073}.topbar{color:#eaf3f6;background:linear-gradient(#2e789d,#1e5879);border-bottom:1px solid #103f59;grid-column:1/-1;grid-template-columns:48px 1fr auto;align-items:center;height:40px;display:grid}.topbar h1{text-align:center;letter-spacing:0;text-shadow:0 1px 1px #0006;margin:0;font-size:clamp(11px,1.55vw,16px);font-weight:700}.phone-title{display:none}button{font:inherit}.icon-btn,.ghost-icon,.ghost-btn,.primary-btn,.danger-btn{cursor:pointer;touch-action:manipulation;border:0;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.menu-btn{z-index:3;color:#e9f6f9;background:#ffffff0f;width:40px;height:40px;position:relative}.top-actions{align-items:center;gap:8px;padding-right:9px;display:flex}.ghost-icon{color:#c8d9df;background:0 0;width:28px;height:28px}.ghost-btn{color:#dcecf1;background:#ffffff14;border:1px solid #dbeff633;height:28px;padding:0 8px;font-size:10px;font-weight:900}.ghost-icon:disabled{opacity:.28}.ghost-btn:disabled{opacity:.42;cursor:default}.primary-btn{color:#f0fbfd;white-space:nowrap;background:linear-gradient(#3b99c0,#27769d);border:1px solid #0a4761b8;gap:6px;height:30px;padding:0 11px;font-size:clamp(10px,1.25vw,13px);font-weight:800;box-shadow:inset 0 1px #ffffff38,0 1px 2px #00000029}.top-save{width:126px}.module-rail{background:linear-gradient(90deg,#f5fafb,#e7eff2);border-right:1px solid #c9d3d6;grid-row:2/4}.module-rail h2{color:#1e2526;letter-spacing:0;border-bottom:1px solid #d8e2e5;height:36px;margin:0;padding:11px 10px 0;font-size:clamp(10px,1.25vw,13px);font-weight:900}.rail-wall-picker{color:#576368;gap:4px;padding:8px 10px 0;font-size:10px;font-weight:900;display:grid}.rail-wall-picker select{color:#1e292c;background:#fff;border:1px solid #c9d5d8;border-radius:3px;min-width:0;height:30px;padding:0 6px;font-size:11px;font-weight:800}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 7px;padding:8px 10px;display:grid}.module-card{color:#1f2d31;cursor:pointer;background:linear-gradient(#fff,#f4f7f7);border:1px solid #d3dee1;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:67px;display:flex;box-shadow:0 1px 2px #374e541c}.module-card svg{color:#72858c;flex:none;width:32px;height:32px}.module-card span{color:#20282b;text-align:center;max-width:58px;font-size:clamp(9px,1.05vw,11px);font-weight:800;line-height:1.05}.module-card:active,.module-card:focus-visible{outline-offset:-2px;outline:2px solid #2b86ad}.work-area{background:linear-gradient(90deg,#ffffffc7,#0000 10% 88%,#ffffffa3),#eaede8;border-bottom:1px solid #c9d3d6;min-width:0;position:relative;overflow:hidden}.closet-svg{width:100%;height:100%;display:block}.room-canvas{width:100%;height:100%;position:relative}.room-readout{pointer-events:none;gap:7px;display:flex;position:absolute;bottom:10px;right:12px}.room-readout span{color:#202729;background:#f8fbfad1;border:1px solid #2b3a3a2e;border-radius:3px;padding:5px 8px;font-size:10px;font-weight:900;box-shadow:0 1px 4px #0000001f}.placement-strip{background:#f8fbfae0;border:1px solid #283c4133;border-radius:4px;grid-template-rows:22px 1fr;gap:6px;height:72px;padding:7px 8px;display:grid;position:absolute;bottom:12px;left:18px;right:18px;box-shadow:0 5px 16px #19262a24}.placement-wall-tabs{gap:5px;min-width:0;display:flex;overflow-x:auto}.wall-chip{color:#526268;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #c5d3d7;border-radius:3px;flex:none;max-width:132px;height:22px;padding:0 8px;font-size:9px;font-weight:900;overflow:hidden}.wall-chip.active{color:#172b33;background:#dff2f8;border-color:#1f7ea6}.placement-wall{background:repeating-linear-gradient(90deg,#465e651f,#465e651f 1px,#0000 1px 28px),#e5ecee;border-radius:3px;height:100%;position:relative}.placement-piece{color:#213034;cursor:grab;touch-action:none;background:linear-gradient(#fff,#edf4f5);border:1px solid #9eb3bb;border-radius:3px;align-content:center;gap:1px;min-width:42px;display:grid;position:absolute;top:3px;bottom:3px;overflow:hidden;box-shadow:0 1px 2px #2e404629}.placement-piece.active{background:linear-gradient(#e9f8fc,#d5edf5);border-color:#1f7ea6}.placement-piece:active{cursor:grabbing}.placement-piece span,.placement-piece small{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 5px;overflow:hidden}.placement-piece span{font-size:10px;font-weight:900}.placement-piece small{color:#617277;font-size:9px;font-weight:800}.empty-space-note{z-index:2;color:#1f2b2e;text-align:center;pointer-events:none;background:#f9fcfbd6;border:1px solid #34494c2e;border-radius:4px;gap:5px;min-width:188px;padding:12px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #1b272a1f}.empty-space-note strong{font-size:12px;font-weight:900}.empty-space-note span{font-size:11px;font-weight:700}.section{cursor:pointer}.section:hover rect:first-child{stroke:#2b86ad}.dim-text{fill:#252a2b;font-size:12px;font-weight:800}.compact-dim{font-size:9px}.bottom-panel{background:#f3f8fa;grid-column:2;min-width:0}.tabs-row{background:linear-gradient(#fafdfd,#eaf1f3);border-bottom:1px solid #d6e1e4;justify-content:space-between;align-items:stretch;height:39px;display:flex;overflow:auto hidden}.tabs{flex:none;align-items:stretch;padding-left:13px;display:flex}.tab{color:#667276;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;min-width:84px;height:39px;font-size:clamp(10px,1.25vw,13px);font-weight:900}.tab.active{color:#172023;border-bottom-color:#2a87ac}.bottom-actions{flex:none;align-items:center;gap:7px;padding-right:8px;display:flex}.cut-table-wrap{background:#fdfefe;height:calc(100% - 39px);overflow:hidden}.module-manager{background:#f8fbfc;grid-template-columns:minmax(160px,.9fr) minmax(340px,2fr);gap:10px;height:calc(100% - 39px);padding:10px;display:grid;overflow:hidden}.wall-manager{background:#f8fbfc;grid-template-columns:minmax(180px,.9fr) minmax(420px,2fr);gap:10px;height:calc(100% - 39px);padding:10px;display:grid;overflow:hidden}.wall-list{align-content:start;gap:6px;min-width:0;display:grid;overflow:auto}.wall-row{color:#223033;text-align:left;background:#fff;border:1px solid #d5e0e3;border-radius:4px;grid-template-columns:minmax(0,1fr) 86px 62px;align-items:center;gap:7px;min-width:0;height:31px;padding:0 8px;display:grid}.wall-row.active{background:#eaf7fb;border-color:#2a87ac}.wall-row strong,.wall-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wall-row strong{font-size:11px;font-weight:900}.wall-row span{color:#617277;font-size:10px;font-weight:800}.wall-detail{grid-template-columns:repeat(4,minmax(82px,1fr)) auto;align-content:start;gap:8px;min-width:0;display:grid;overflow:auto}.wall-add-row{grid-column:1/-1;gap:7px;min-width:0;display:flex;overflow-x:auto}.wall-detail label{color:#576368;gap:4px;font-size:10px;font-weight:900;display:grid}.wall-detail input,.wall-detail select{color:#1e292c;background:#fff;border:1px solid #c9d5d8;border-radius:3px;min-width:0;height:30px;padding:0 7px;font-weight:800}.wall-detail input:disabled,.wall-detail select:disabled{opacity:.62}.empty-manager{color:#576368;align-items:center;font-size:12px;font-weight:800;display:flex}.module-list{align-content:start;gap:6px;min-width:0;display:grid;overflow:auto}.module-row{color:#223033;text-align:left;background:#fff;border:1px solid #d5e0e3;border-radius:4px;grid-template-columns:minmax(0,1fr) 56px 86px;align-items:center;gap:7px;min-width:0;height:31px;padding:0 8px;display:grid}.module-row.active{background:#eaf7fb;border-color:#2a87ac}.module-row strong,.module-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.module-row strong{font-size:11px;font-weight:900}.module-row span{color:#617277;font-size:10px;font-weight:800}.module-detail{grid-template-columns:repeat(5,minmax(72px,1fr)) auto auto;align-content:start;gap:8px;min-width:0;display:grid;overflow:auto}.module-detail label{color:#576368;gap:4px;font-size:10px;font-weight:900;display:grid}.module-detail input,.module-detail select{color:#1e292c;background:#fff;border:1px solid #c9d5d8;border-radius:3px;min-width:0;height:30px;padding:0 7px;font-weight:800}.module-detail label:first-child{grid-column:span 2}.compact-action{align-self:end;height:30px;padding:0 9px;font-size:10px}.cut-table{border-collapse:collapse;table-layout:fixed;color:#202729;width:100%;font-size:clamp(9px,1.15vw,12px)}.cut-table th,.cut-table td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #dce5e8;border-right:1px solid #dbe3e6;height:25px;padding:0 8px;overflow:hidden}.cut-table th{color:#253033;text-align:left;background:linear-gradient(#f8fbfc,#eaf1f3);font-weight:900}.cut-table th:first-child,.cut-table td:first-child{text-align:center;width:28px}.cut-table th:nth-child(2){width:112px}.cut-table th:nth-child(3){width:126px}.cut-table th:nth-child(4),.cut-table th:nth-child(5){width:96px}.cut-table th:nth-child(6){text-align:center;width:70px}.cut-table td:nth-child(6){text-align:center}.cut-table th:nth-child(7){text-align:center;width:160px}.cut-table td:nth-child(7){text-align:center}.cut-table th:nth-child(8){width:108px}.edge-chips{align-items:center;gap:11px;display:inline-flex}.edge-chip{color:#fff;background:#858d8e;border-radius:2px;place-items:center;width:13px;height:13px;font-size:9px;font-weight:900;line-height:1;display:inline-grid}.edge-chip.active{background:#2b8ab1}.opening-editor,.live-strip{align-items:center;gap:12px;min-height:150px;padding:18px 16px;display:flex}.opening-editor{flex-wrap:wrap;align-content:center}.opening-editor label{color:#576368;gap:4px;font-size:10px;font-weight:900;display:grid}.opening-editor input,.opening-editor select{color:#1e292c;background:#fff;border:1px solid #c9d5d8;border-radius:3px;min-width:90px;height:32px;padding:0 8px;font-weight:800}.opening-editor select{min-width:180px}.empty-editor{justify-content:flex-start}.editor-message{color:#576368;align-self:end;padding:9px 11px;font-size:11px;font-weight:800}.danger-btn{color:#fff;background:#9d3a31;align-self:end;gap:6px;height:32px;padding:0 11px;font-size:11px;font-weight:900}.danger-btn:disabled{opacity:.45}.top-delete{white-space:nowrap;align-self:center;height:30px;padding:0 9px;font-size:10px}.top-edit{color:#203037;background:#e8f2f5;border-color:#bdd4dc;align-self:center;height:30px;padding:0 11px}.live-strip{color:#1f2b2f;font-size:13px;font-weight:800}.live-strip span{background:#fff;border:1px solid #d5e0e3;border-radius:4px;padding:8px 11px}@media (aspect-ratio<=1){.tablet-frame{align-items:start;padding:0}.planner-screen{aspect-ratio:auto;border-width:0;border-radius:0;grid-template-rows:40px auto minmax(330px,1fr) minmax(192px,auto);grid-template-columns:1fr;width:100vw;min-height:100svh}.topbar{grid-column:1;grid-template-columns:40px minmax(0,1fr) auto;position:relative}.topbar h1{display:none}.phone-title{z-index:4;color:#eaf3f6;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 1px #0006;white-space:nowrap;height:40px;padding:0 6px;font-size:13px;font-weight:900;line-height:40px;display:block;position:absolute;top:0;left:46px;right:54px;overflow:hidden}.menu-btn:after{content:"Planner";color:#eaf3f6;text-align:left;text-shadow:0 1px 1px #0006;pointer-events:none;width:230px;height:40px;font-size:13px;font-weight:900;line-height:40px;position:absolute;top:0;left:48px}.top-actions{z-index:3;grid-area:1/3;gap:4px;padding-right:5px;position:relative}.top-actions .ghost-btn,.top-actions .ghost-icon{display:none}.top-save{width:42px;padding:0;font-size:0}.module-rail{border-bottom:1px solid #c9d3d6;border-right:0;grid-row:2}.module-rail h2{height:22px;padding:6px 8px 0}.rail-wall-picker{grid-template-columns:42px minmax(0,1fr);align-items:center;padding:6px 8px 0}.module-grid{grid-template-columns:none;grid-auto-columns:82px;grid-auto-flow:column;padding:6px 8px 7px;overflow-x:auto}.module-card{height:54px}.module-card svg{width:25px;height:25px}.work-area{grid-row:3}.room-readout{flex-wrap:wrap;justify-content:end;max-width:180px;bottom:88px;right:8px}.placement-strip{height:68px;bottom:8px;left:8px;right:8px}.bottom-panel{grid-area:4/1;min-height:192px}.tabs-row{height:38px}.tabs{padding-left:5px}.bottom-actions .primary-btn{white-space:normal;max-width:112px;line-height:1.05}.bottom-actions{gap:4px}.top-delete{white-space:normal;max-width:92px;line-height:1.05}.top-edit{padding:0 9px}.module-manager{grid-template-rows:76px 1fr;grid-template-columns:1fr;gap:7px;padding:7px}.module-list{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;overflow:auto hidden}.module-detail{grid-template-columns:repeat(2,minmax(78px,1fr));align-content:start}.module-detail label:first-child{grid-column:span 2}.wall-manager{grid-template-rows:76px 1fr;grid-template-columns:1fr;gap:7px;padding:7px}.wall-list{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;overflow:auto hidden}.wall-detail{grid-template-columns:repeat(2,minmax(78px,1fr))}.tab{min-width:62px}.opening-editor,.live-strip{align-items:flex-start;min-height:154px;padding:8px;overflow-y:auto}.opening-editor{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;display:grid}.opening-editor label{min-width:0}.opening-editor input,.opening-editor select{width:100%;min-width:0}.opening-editor .editor-message,.opening-editor .danger-btn{grid-column:1/-1}}