*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;color:#1d3049;background:#f3f6fa;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:white;border:1px solid #d7e1ed;color:#203d60;padding:10px 13px;border-radius:10px;font-weight:650;transition:background .15s}button:hover{background:#edf4ff;border-color:#a9c9f6}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.primary{background:#1768f5;color:white;border-color:#1768f5}.secondary{color:#1768f5;background:#eaf2ff;border-color:#cadfff}a{color:#1768f5;text-underline-offset:3px}a:hover{color:#0950c9}:focus-visible{outline:3px solid #88b8ff;outline-offset:3px}.header{padding:18px 3vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e3eaf3}.brand{text-decoration:none;font-size:25px;font-weight:850;letter-spacing:-1px}.brand span{display:block;font-size:8px;letter-spacing:1.5px;color:#7d8fa4}.header nav{display:flex;gap:24px}.header nav a{font-size:13px;text-decoration:none}main{max-width:1800px;margin:auto;padding:0 24px}.hero{display:flex;justify-content:space-between;align-items:center;padding:32px 0 22px;gap:20px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:800;color:#1768f5;margin:0 0 8px}h1{font-size:clamp(27px,3vw,41px);letter-spacing:-1.1px;line-height:1.12;margin:0 0 12px}h2{font-size:24px;line-height:1.2;letter-spacing:-.5px}h3{font-size:16px}.hero p:last-child{color:#6d8097;margin:0}.project-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e0e8f1;border-radius:15px}.project-title{display:flex!important;align-items:center;gap:8px;margin:0!important}.project-title input{width:210px}.project-toolbar>.button-row{margin-left:auto}.button-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.status{min-height:23px;color:#6e8199;font-size:12px;margin:10px 2px}.status.active{color:#1358b6}.workspace{display:grid;grid-template-columns:255px minmax(0,1fr) 260px;gap:14px;align-items:start}.library,.inspector-column,.canvas-column{min-width:0;display:grid;gap:12px}.panel,.canvas-card{background:#fff;border:1px solid #dee6ef;border-radius:15px;overflow:hidden}.panel>summary{font-size:13px;font-weight:750;display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:15px}.panel>summary::after{content:"⌄";margin-left:auto;color:#8192a8}.panel[open]>summary{border-bottom:1px solid #ebeff5}.panel>summary>span{color:#7f9fc7;background:#eef4fb;padding:3px 6px;border-radius:5px;font-size:10px}.panel-body{padding:14px}label{display:block;font-size:11px;color:#667d97;margin-bottom:11px;font-weight:650}input:not([type=checkbox]):not([type=color]),select{width:100%;min-width:0;border:1px solid #d6e1ed;background:#fff;border-radius:8px;padding:9px;color:#243c59;min-height:39px}input[type=color]{width:100%;height:38px;border:1px solid #d6e1ed;border-radius:8px;background:white;padding:4px}label>input,label>select{margin-top:5px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.check{display:flex;align-items:center;gap:6px;margin:9px 0;font-size:11px}.check input{accent-color:#1768f5;width:15px;height:15px;margin:0}.hint{color:#8291a5;font-size:10px;line-height:1.6}.empty{padding:12px 0;color:#8b9aad;line-height:1.8}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset-grid button{text-align:left;padding:10px;font-size:10px;min-height:64px;background:#f7faff}.preset-grid button small{display:block;color:#7c91aa;font-size:8px;font-weight:400;margin-top:4px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:600px;overflow:auto;overscroll-behavior:contain;padding:2px}.module-card{display:flex;flex-direction:column;align-items:flex-start;padding:10px;text-align:left;min-height:141px}.module-card strong{font-size:10px;margin-top:9px}.module-card small{font-size:8px;color:#8a9bb0;margin:5px 0}.module-card>span:last-child{color:#1768f5;font-size:9px;margin-top:auto}.cabinet-symbol{height:40px;width:40px;background:linear-gradient(110deg,#f6f5ef,#dad8ce);border:1px solid #9eabb8;box-shadow:4px -3px 0 #bfcbd6;display:flex;position:relative}.cabinet-symbol i{border-right:1px solid #9eabb8;flex:1}.cabinet-symbol i::after{content:"";width:3px;height:9px;background:#566678;position:absolute;top:15px;margin-left:8px}.cabinet-symbol.wall{height:29px;margin-top:11px}.cabinet-symbol.tall{width:28px}.cabinet-symbol.island{width:44px;height:32px;margin-top:8px}.canvas-card{position:relative}.viewbar{padding:12px;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e3eaf3;flex-wrap:wrap}.segmented{display:flex;padding:3px;background:#eef3fa;border-radius:10px}.segmented button{padding:7px 10px;border:0;background:none;font-size:11px}.segmented button[aria-pressed=true]{background:#fff;color:#1768f5;box-shadow:0 1px 5px #12284a14}.viewbar>.button-row button{font-size:10px;padding:8px}#views{display:grid;grid-template-columns:1fr;min-width:0}#views[data-view=split]{grid-template-columns:1fr 1.25fr}.plan-wrap,.scene-wrap{min-width:0;background:#fafcfe}.plan-wrap{border-right:1px solid #e1e8f1}.view-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:10px;min-height:50px}.view-caption small{font-size:9px;color:#8b9eb3}.view-caption .check{font-size:9px;margin:0}#plan{height:470px;padding:10px;touch-action:none;user-select:none}#plan svg{width:100%;height:100%;display:block}#plan [data-id]{cursor:grab}#plan-caption{padding:0 12px;min-height:29px}#scene{height:470px;min-width:0;overflow:hidden;position:relative;background:#eaf0f6}#scene canvas{width:100%;height:100%;display:block;touch-action:none}#scene>.loading{padding:25px;text-align:center;color:#8b9eb3}#scene canvas+.loading{display:none}.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px;color:#8b9caf;min-height:49px}.scene-footer small{font-size:8px}.scene-footer button{font-size:9px;padding:6px}#views[data-view=plan] .scene-wrap,#views[data-view="3d"] .plan-wrap{display:none}#views[data-view=plan],#views[data-view="3d"]{grid-template-columns:1fr}#views:not([data-view=split]) #scene,#views:not([data-view=split]) #plan{height:570px}.metrics{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e1e8f1;gap:8px}.metrics small{display:block;font-size:9px;color:#8998ab}.metrics strong{display:block;margin-top:4px;font-size:24px;line-height:1.1}.checks{padding:18px}.checks h2{font-size:16px;margin:0 0 12px}.issue{display:block;text-align:left;font-size:11px;border:0;border-left:3px solid #e6a747;border-radius:4px;padding:10px;background:#fff7e9;width:100%;margin:6px 0}.issue.error{border-color:#d35a51;background:#fff0ec}.success{font-size:11px;color:#34816b;background:#edf8f3;padding:10px;border-radius:7px}.notice{padding:13px;color:#985224;background:#fff3e8;border:1px solid #f3d3b4;border-radius:8px;font-size:12px}.color-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.finish-palette{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0 16px}.finish-palette span{height:17px;width:17px;border-radius:50%;border:1px solid #78879b2b}.danger{color:#b74b42}.estimate{background:#fff;border:1px solid #dee6ef;border-radius:17px;padding:26px;margin-top:25px}.section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.section-heading h2{margin:7px 0}.section-heading p{color:#7e8da1;max-width:650px;font-size:12px}.total{text-align:right;min-width:200px}.total small{color:#8695a8;font-size:11px}.total strong{display:block;font-size:32px;letter-spacing:-1px;color:#1768f5}.table-scroll{position:relative;overflow:auto;max-height:520px;margin:18px 0;border:1px solid #e2e9f1;border-radius:10px;overscroll-behavior:contain}table{border-collapse:separate;border-spacing:0;width:100%;min-width:670px;font-size:12px}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid #edf1f7}thead th{position:sticky;top:0;z-index:1;background:#f1f6fc;color:#69819e;font-size:10px}tbody th{font-weight:600}td input{max-width:130px;min-width:90px}.parts-details summary{font-weight:750;cursor:pointer;padding:10px 0}.parts-details p{font-size:12px;color:#7d8da0}.editorial{max-width:1120px;margin:65px auto 50px}.editorial h2{margin-top:35px}.editorial p{color:#63768d;line-height:1.8}.text-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}.editorial details{padding:18px 0;border-bottom:1px solid #dce5ef}.editorial summary{font-weight:650;cursor:pointer}.related{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related a{background:#fff;border:1px solid #dce5ef;padding:18px;border-radius:12px;text-decoration:none;font-weight:650}footer{display:flex;justify-content:space-between;padding:24px 3vw;border-top:1px solid #dce5ef;color:#8192a6;font-size:12px}dialog{border:1px solid #d8e4f4;border-radius:20px;padding:30px;max-width:480px;width:calc(100% - 30px);box-shadow:0 25px 100px #132d5733}dialog::backdrop{background:#11274566}dialog p{color:#718299}#tour-close{float:right;padding:4px 10px;font-size:20px}#print-content{display:none}.sr-only,.skip:not(:focus){position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(0,1fr) 275px}#plan,#scene{height:510px}}
@media(max-width:1250px){.workspace{grid-template-columns:220px minmax(0,1fr)}.inspector-column{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:start}#views[data-view=split]{grid-template-columns:1fr}.plan-wrap{border-right:0;border-bottom:1px solid #dce5ef}#views[data-view=split] #plan{height:280px}#views[data-view=split] #scene{height:340px}.view-caption{min-height:39px}}
@media(max-width:760px){main{padding:0 12px}.header{padding:14px 15px}.brand{font-size:21px}.header nav{gap:10px}.header nav a{font-size:10px}.header nav a:first-child{display:none}.hero{padding:24px 4px 18px;display:block}.hero p:last-child{font-size:12px}.hero button{margin-top:15px;width:100%}.eyebrow{font-size:9px}.project-toolbar{padding:12px;gap:9px}.project-title{width:100%}.project-title input{flex:1;min-width:0;width:100px}.project-toolbar>.button-row{margin:0;gap:6px}.project-toolbar button{padding:9px;font-size:11px}.project-toolbar .hint{font-size:9px}.workspace{display:flex;flex-direction:column}.canvas-column{order:0;width:100%}.library{order:2;width:100%}.inspector-column{order:1;width:100%;display:grid;grid-template-columns:1fr}.library .catalog{grid-template-columns:repeat(3,1fr);max-height:380px}.preset-grid{grid-template-columns:repeat(2,1fr)}.preset-grid button{font-size:12px}.preset-grid button small{font-size:10px}.fields{grid-template-columns:1fr 1fr}.viewbar{padding:9px}.viewbar .button-row{margin-left:auto}.view-caption .check{font-size:8px}#views[data-view=split] #plan{height:255px}#views[data-view=split] #scene{height:350px}#views:not([data-view=split]) #plan,#views:not([data-view=split]) #scene{height:420px}.metrics{padding:14px}.metrics strong{font-size:23px}.metrics small{font-size:8px}.checks{padding:14px}.panel>summary{padding:15px;font-size:14px}.panel-body{padding:15px}label{font-size:12px}input:not([type=checkbox]):not([type=color]),select{font-size:16px;min-height:43px}.estimate{padding:18px;margin-top:20px}.section-heading{display:block}.total{text-align:left;margin:14px 0}.section-heading h2{font-size:25px}.estimate>.button-row a{font-size:11px}.editorial{margin:38px 4px}.editorial h2{font-size:23px}.text-grid,.related{grid-template-columns:1fr}.text-grid{gap:0}.editorial p{font-size:13px}footer{gap:16px;flex-direction:column}.scene-footer button{min-height:34px}.catalog .module-card{min-height:140px}.table-scroll{max-height:430px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{@page{size:A4;margin:14mm}body{background:white;font-size:10pt}body>*:not(#print-content){display:none!important}#print-content{display:block;color:#182536}#print-content h1{font-size:24pt}#print-content h2{font-size:16pt;break-after:avoid}#print-content svg{width:100%;max-height:230mm;break-inside:avoid}#print-content img{width:100%;max-height:160mm;object-fit:contain;break-inside:avoid}#print-content table{min-width:0;font-size:8pt;table-layout:auto}#print-content th,#print-content td{padding:5px}#print-content thead{display:table-header-group}#print-content thead th{position:static}#print-content tr{break-inside:avoid}}

/* Keep sitewide feedback accessible below the editor, never over the drawing surface. */
body #smetroomTelegramWidget{position:static!important;width:min(286px,calc(100% - 24px));margin:20px auto;right:auto;bottom:auto}