:root{--blue:#1769f5;--navy:#143252;--muted:#627c98;--line:#dce7f3;--paper:#fff;--bg:#f1f7fc;--header:66px;font-family:Inter,Arial,sans-serif;color:var(--navy);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.5}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:42px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;line-height:1.25}button:hover{background:#f4f8ff;border-color:#9ebfed}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #80aaff;outline-offset:3px}button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 5px 12px #1769f514}a{color:#1761ce;text-underline-offset:3px}img{max-width:100%;height:auto}[hidden]{display:none!important}.site-header{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(22px,calc((100% - 1460px)/2));background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}.site-header img{width:146px;height:32px;object-fit:contain}.site-header nav{display:flex;gap:25px;align-items:center;min-width:0}.site-header a{font-size:13px;text-decoration:none;font-weight:600;white-space:nowrap}.site-header .header-cta{border:1px solid #c4d6ed;border-radius:9px;padding:9px 14px}main{max-width:1504px;margin:0 auto;padding:22px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:16px}.breadcrumbs a{color:var(--muted)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 23px}.title-row h1{font-size:34px;letter-spacing:-1px;line-height:1.15;margin:4px 0 7px}.title-row p{margin:0;color:var(--muted);font-size:17px}.title-row p.eyebrow,.eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1.1px;color:#56789e}.title-row>button{white-space:nowrap}.ri{width:26px;height:26px;flex:0 0 26px;display:inline-block;background-image:url('./icons-30.webp');background-size:600% 500%;background-position:var(--ix) var(--iy);background-repeat:no-repeat;mix-blend-mode:multiply;vertical-align:middle}.primary .ri{mix-blend-mode:normal;border-radius:5px;background-color:#fff}.ri.large{width:100px;height:84px;flex:0 0 100px;background-size:600% 500%;aspect-ratio:1}.wizard-nav{display:grid;grid-template-columns:repeat(6,1fr);background:white;border:1px solid var(--line);border-radius:12px;padding:6px;margin-bottom:12px;gap:3px}.wizard-nav button{border:0;background:transparent;justify-content:flex-start;padding:8px 14px;min-height:48px;font-size:14px;gap:12px;color:#647d98}.wizard-nav button span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#577398;background:#edf4fb;flex:0 0 30px}.wizard-nav [aria-current=step]{color:var(--blue);background:#f0f6ff}.wizard-nav [aria-current=step] span{background:var(--blue);color:#fff;box-shadow:0 3px 7px #1769f522}.wizard-nav .completed span{background:#dceaff;color:#1769f5}.project-tools{display:flex;align-items:center;gap:9px;margin:0 0 14px;min-width:0}.project-tools>label{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.project-tools input{font-weight:600;border:1px solid transparent;border-radius:6px;background:transparent;max-width:180px;min-width:0;padding:5px 7px}.project-tools input:hover,.project-tools input:focus{border-color:var(--line);background:white}#save-status{font-size:11px;color:#6b819a;flex:1}.project-tools button{background:transparent;min-height:34px;padding:4px 8px;font-size:11px}.project-tools .ri{width:20px;height:20px;flex-basis:20px}.workspace-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:16px;align-items:start}.inspector{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title h2{font-size:19px;margin:0;letter-spacing:-.3px;line-height:1.3}.panel-title small{font-size:11px;color:var(--muted)}.panel-title button{width:34px;min-height:34px;padding:3px;border:0}.step-description{font-size:12px;color:var(--muted);margin:12px 0 16px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-grid button{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px;position:relative;padding:8px 10px 10px;border-radius:10px;min-width:0;text-align:left}.choice-grid .ri{align-self:center;width:100%;height:auto;max-width:118px;aspect-ratio:1;flex:0 0 auto}.choice-grid button b{font-size:12px;line-height:1.28;overflow-wrap:anywhere}.choice-grid button small{font-size:10px;font-weight:400;color:var(--muted)}.choice-grid [aria-pressed=true]{border:2px solid var(--blue);padding:7px 9px 9px;background:#f6faff}.choice-grid [aria-pressed=true]:after{content:'';position:absolute;right:8px;top:8px;width:9px;height:9px;background:var(--blue);border:3px solid #e3eeff;box-sizing:content-box;border-radius:50%}.hint{display:flex;align-items:flex-start;gap:9px;background:#edf5ff;border:1px solid #dfedff;border-radius:10px;padding:11px;margin:15px 0 0;font-size:12px;color:#47698e}.hint p{margin:0}.hint .ri{width:30px;height:30px;flex-basis:30px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px;margin-bottom:12px;min-width:0}.field-grid .field{margin-bottom:0}.field-grid{margin-bottom:14px}.input-unit{display:flex;border:1px solid #cddceb;border-radius:8px;background:#fff;align-items:center;overflow:hidden;min-width:0}.input-unit input{border:0;min-width:0;width:100%;padding:10px 8px;font-size:15px;height:44px;background:transparent;border-radius:8px}.input-unit>span{padding-right:9px;color:var(--muted);font-size:12px;font-weight:400}.input-unit:focus-within{outline:2px solid #7caafa;outline-offset:1px}.input-unit input:focus{outline:none}.field-error{color:#b54c25;font-size:11px;font-weight:400;line-height:1.3}.field-error:empty{display:none}.field:has([aria-invalid=true]) .input-unit{border-color:#db794d;background:#fff9f5}select{width:100%;max-width:100%;border:1px solid #cddceb;border-radius:8px;background:#fff;padding:11px 8px;min-height:44px;font-size:13px}.inspector h3{font-size:13px;margin:18px 0 10px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatches button{width:36px;min-height:36px;background:var(--swatch);padding:0;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #d4e0ec}.swatches [aria-pressed=true]{box-shadow:0 0 0 2px var(--blue)}.muted{font-size:12px;color:var(--muted)}.check-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #edf1f6;cursor:pointer;font-size:12px}.check-row>span:not(.ri){flex:1}.check-row b{display:block;font-size:13px}.check-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.check-row input{width:19px;height:19px;flex:0 0 19px;accent-color:var(--blue)}details{border:1px solid var(--line);border-radius:10px;margin-top:16px;background:#fff;overflow:hidden}summary{padding:13px;font-size:13px;font-weight:600;cursor:pointer}details>p,details>.field-grid,details>a,details>div:not(.preset-list){margin:0 13px 14px}details>p{font-size:12px;color:var(--muted)}.preset-list{display:grid;padding:0 10px 10px;gap:8px}.preset-list button{justify-content:flex-start}.visual-column{min-width:0;position:sticky;top:14px}.viewer{border:1px solid #d7e5f3;background:#edf5fd;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 5px 24px #1f456107}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 0;background:linear-gradient(#edf5fd,#edf5fd00);position:absolute;z-index:2;left:0;right:0;top:0;pointer-events:none}.view-toolbar>*{pointer-events:auto}.view-toolbar nav,.mode-toolbar nav{display:flex;gap:5px}.view-toolbar button,.mode-toolbar button{font-size:11px;min-height:38px;padding:6px 9px;background:#ffffffde;border-color:#d9e6f4;white-space:nowrap}.view-toolbar .ri{width:19px;height:19px;flex-basis:19px}.view-toolbar [aria-pressed=true],.mode-toolbar [aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}[aria-pressed=true]>.ri{mix-blend-mode:normal;background-color:#fff;border-radius:4px}.choice-grid [aria-pressed=true]>.ri{background-color:transparent;mix-blend-mode:multiply}.scene-wrap{height:520px;position:relative;background:#eaf2fa}#roof-scene,#roof-plan{width:100%;height:100%;position:relative}#roof-scene canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}#roof-plan{padding-top:55px;background:#fff}#roof-plan svg{width:100%;height:100%}.zoom-tools{position:absolute;right:12px;top:70px;display:grid;gap:4px}.zoom-tools button{font-size:10px;width:50px;min-height:43px;flex-direction:column;padding:3px;gap:0;background:#fffffff0}.zoom-tools .ri{height:20px;width:20px;flex-basis:20px}.model-badge{position:absolute;bottom:13px;left:14px;font-size:11px;color:#46668a;background:#ffffffd9;border:1px solid #e1ebf4;border-radius:6px;padding:5px 9px;max-width:calc(100% - 28px)}.mode-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px;background:#fafdff;border-top:1px solid var(--line)}.mode-toolbar nav button{min-height:39px;font-size:12px;padding:7px 14px}.mode-toolbar .ri{width:22px;height:22px;flex-basis:22px}.viewer-help{font-size:10px;color:var(--muted);margin:0;padding:0 13px 10px;background:#fafdff}#collapse-model{display:none}#scene-loading{position:absolute;top:45%;width:100%;text-align:center;font-size:13px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.metrics article{display:flex;gap:10px;align-items:center;padding:15px 12px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.metrics .ri{width:34px;height:34px;flex-basis:34px}.metrics small{display:block;font-size:10px;color:var(--muted);line-height:1.4}.metrics b{font-size:21px;letter-spacing:-.5px;white-space:nowrap}.model-note{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 3px}.model-note button{border:0;background:transparent;padding:0;min-height:30px;font-size:11px;color:#1761ce}.wizard-bottom{position:sticky;bottom:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:13px;padding:12px 18px;margin-top:18px;box-shadow:0 8px 30px #25496c12;gap:16px}.bottom-total{display:flex;align-items:center;gap:12px}.bottom-total>.ri{width:40px;height:40px;flex-basis:40px}.bottom-total small{font-size:11px;color:var(--muted);display:block}.bottom-total b{font-size:24px;color:var(--blue);line-height:1.2}.bottom-actions{display:flex;gap:8px}.bottom-actions button{padding:12px 20px;min-width:115px}.bottom-actions .primary{min-width:180px}.next>.ri{transform:scaleX(-1)}.mobile-progress{display:none}.estimate-section,#roof-checks,.editorial{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2,#roof-checks h2,.editorial h2{font-size:23px;margin:5px 0 10px;letter-spacing:-.4px}.section-heading p,.editorial p,.editorial li{font-size:14px;color:#566d86}.section-heading p{margin:0}.export-grid{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.export-grid button{flex:1;min-width:100px}.wide{width:100%}.review{margin:0}.review div{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.review dt{color:var(--muted)}.review dd{margin:0;text-align:right;font-weight:700}.table-scroll{overflow:auto;max-height:640px;border:1px solid var(--line);border-radius:10px;margin-top:16px;overscroll-behavior-x:contain}.table-scroll table{border-collapse:separate;border-spacing:0;width:100%;min-width:730px;font-size:12px}.table-scroll thead th{position:sticky;top:0;z-index:2;background:#eaf2fe;color:#37597d;font-size:11px;border-bottom:1px solid #cbdcef;text-align:left;padding:13px 12px;white-space:nowrap}.table-scroll td{border-bottom:1px solid #e6edf5;padding:10px 12px;vertical-align:top}.table-scroll td:first-child{width:45%;min-width:280px}.table-scroll td:nth-child(2){width:55px}.table-scroll td:nth-child(3){white-space:nowrap;text-align:right}.table-scroll td:last-child{text-align:right;font-weight:700;white-space:nowrap}.table-scroll td b{font-weight:600}.table-scroll small{display:block;font-size:10px;color:var(--muted);margin-top:3px;max-width:550px}.table-scroll input{width:96px;max-width:100%;font-size:12px;text-align:right;border:1px solid var(--line);border-radius:6px;padding:7px;min-height:36px}.group-row th{text-align:left;background:#f5f8fc;padding:11px 12px;font-size:12px}.estimate-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.estimate-totals>div{padding:14px;border-radius:10px;background:#f1f6ff}.estimate-totals small{display:block;color:var(--muted);font-size:12px}.estimate-totals strong{font-size:20px;color:var(--blue)}#warnings{padding-left:20px;font-size:13px;color:#6b614e}#warnings li{padding:5px 0}.notice{border:1px solid #cddff4;background:#eaf4ff;border-radius:10px;padding:12px;font-size:13px}.notice.error{background:#fff2e8;border-color:#f1bb99;color:#9b4722}.editorial img{border-radius:10px}.editorial h3{font-size:17px}.editorial section{margin:24px 0}.editorial .rc-roof-card{display:block}.editorial .rc-card-grid,.guide-grid,.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-grid article,.node-grid article{padding:16px;border:1px solid var(--line);border-radius:12px}.node-grid .ri{width:66px;height:66px;flex-basis:66px}.node-grid h3{margin:6px 0}.node-grid p{margin:5px 0;font-size:12px}.editorial .rc-metric-cards,.editorial .rc-material-cards{display:flex;gap:14px;flex-wrap:wrap}.editorial details p{padding:0 3px}.site-footer{max-width:1450px;margin:auto;padding:25px;font-size:12px;color:var(--muted);display:flex;gap:20px;flex-wrap:wrap}dialog{width:min(450px,calc(100% - 28px));border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 25px 100px #18385633;color:var(--navy)}dialog::backdrop{background:#14325266;backdrop-filter:blur(3px)}dialog h2{font-size:25px;margin:9px 0}dialog p{font-size:14px;color:#607993;line-height:1.6}dialog>small{color:var(--blue);font-weight:600}.tour-illustration{text-align:center}.tour-illustration .ri{width:84px;height:84px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);max-width:min(540px,calc(100% - 24px));padding:14px 19px;background:#173859;color:#fff;border-radius:12px;box-shadow:0 8px 30px #15345433;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:2147483647}#toast.show{opacity:1;transform:translate(-50%,0)}.viewer:fullscreen,.viewer.expanded{width:100vw;height:100dvh;border-radius:0}.viewer:fullscreen .scene-wrap,.viewer.expanded .scene-wrap{height:calc(100dvh - 92px)}.viewer.expanded{position:fixed;inset:0;z-index:2147483646}.viewer:fullscreen .fullscreen{background:#dceaff}body[data-roof-v3] #smetroomTelegramWidget{position:static!important;inset:auto!important;transform:none!important;margin:24px auto!important;max-width:calc(100% - 32px)!important;z-index:auto!important}body[data-roof-v3] #smetroomTelegramWidget *{max-width:100%}body[data-roof-v3] #smetroomTelegramWidget [style*="position: fixed"]{position:static!important}#roof-types,#workspace,#roof-method,#roof-estimate{scroll-margin-top:16px}
@media(min-width:1550px){.scene-wrap{height:580px}.workspace-grid{grid-template-columns:370px 1fr}.choice-grid .ri{max-width:123px}}
@media(max-width:1150px){.workspace-grid{grid-template-columns:310px minmax(0,1fr)}.wizard-nav button{padding:8px;gap:7px;font-size:12px}.view-toolbar .fullscreen{font-size:0;gap:0;padding:7px}.scene-wrap{height:465px}.view-toolbar nav{gap:3px}.view-toolbar button{padding:6px;font-size:10px}.view-toolbar .ri{display:none}.metrics article{padding:11px 8px;gap:6px}.metrics .ri{width:24px;height:24px;flex-basis:24px}.metrics b{font-size:18px}.site-header nav{gap:13px}.mode-toolbar nav button{padding:6px 10px}.next-label{display:none}.project-tools>label{max-width:230px}.project-tools input{max-width:160px}}
@media(max-width:850px){main{padding:16px}.site-header{padding:0 16px;height:60px;gap:10px}.site-header nav{display:none}.site-header .header-cta{font-size:11px;padding:8px}.site-header img{width:126px}.title-row h1{font-size:29px}.title-row p{font-size:14px}.title-row p.eyebrow{font-size:10px}.title-row{margin-bottom:15px;align-items:flex-start}.title-row>button{font-size:11px;padding:7px}.wizard-nav{display:flex;overflow-x:auto;scrollbar-width:thin;gap:4px;padding:5px}.wizard-nav button{flex-shrink:0;font-size:12px;min-height:42px;padding:5px 10px}.wizard-nav button span{width:24px;height:24px;flex-basis:24px}.mobile-progress{display:block;font-size:11px;color:#527799;margin:8px 0}.project-tools{flex-wrap:wrap;margin-bottom:12px;gap:7px}.project-tools>label{max-width:none;flex:1;min-width:190px}.project-tools input{max-width:160px}.project-tools #save-status{order:5;flex-basis:100%;font-size:10px}.project-tools button{font-size:10px}.workspace-grid{display:flex;flex-direction:column;gap:15px}.visual-column{order:-1;position:static;width:100%}.inspector{width:100%;padding:17px}.scene-wrap{height:370px}.view-toolbar button{font-size:11px;padding:7px 11px}.view-toolbar .ri{display:inline-block}.view-toolbar{padding:9px 9px 0}.mode-toolbar{padding:8px}.mode-toolbar nav button{font-size:12px;padding:7px 13px}.metrics{gap:8px;margin-top:8px}.metrics b{font-size:20px}.metrics article{padding:10px}.metrics small{font-size:10px}.model-note{font-size:10px;padding:6px 2px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid .ri{max-width:130px}.choice-grid button b{font-size:13px}.choice-grid button small{font-size:11px}.choice-grid button{padding:10px}.choice-grid [aria-pressed=true]{padding:9px}.field-grid{gap:14px}.field{font-size:13px}.check-row{font-size:13px;padding:14px 0}.check-row b{font-size:14px}.field input{font-size:16px}.project-tools input{font-size:14px}#collapse-model{display:inline-flex;font-size:10px;padding:6px;border:0;background:transparent;color:#567597}.viewer.collapsed .scene-wrap,.viewer.collapsed .view-toolbar,.viewer.collapsed .viewer-help{display:none}.viewer.collapsed .mode-toolbar{border:0}.wizard-bottom{bottom:8px;padding:10px 13px;margin-top:15px}.bottom-total b{font-size:21px}.bottom-total>.ri{width:30px;height:30px;flex-basis:30px}.bottom-actions button{padding:10px 13px;min-width:90px}.bottom-actions .primary{min-width:100px}.estimate-section,#roof-checks,.editorial{padding:20px;margin-top:22px}.editorial .rc-card-grid,.guide-grid,.node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2,#roof-checks h2,.editorial h2{font-size:21px}.section-heading{align-items:flex-start}.viewer-help{font-size:10px;padding-bottom:8px}}
@media(max-width:520px){main{padding:12px}.breadcrumbs{font-size:10px;margin-bottom:12px}.title-row h1{font-size:26px;letter-spacing:-.8px}.title-row p{font-size:12px}.title-row p.eyebrow{font-size:9px}.title-row>button{font-size:0;gap:0;padding:5px;min-height:34px;min-width:34px}.title-row>button .ri{width:25px;height:25px}.project-tools>label{min-width:155px;font-size:11px}.project-tools input{max-width:140px;font-size:12px}.project-tools button{padding:4px 6px}.project-tools #reset{font-size:10px}#project-open .ri,#project-save .ri{display:none}.scene-wrap{height:300px}.view-toolbar{padding:7px}.view-toolbar nav{gap:3px}.view-toolbar button{font-size:10px;padding:7px 9px;min-height:35px}.view-toolbar .ri{display:none}.view-toolbar .fullscreen{display:none}.zoom-tools{right:8px;top:50px;gap:3px}.zoom-tools button{width:38px;min-height:33px;font-size:9px}.zoom-tools .ri{display:none}.mode-toolbar{flex-wrap:wrap;gap:3px}.mode-toolbar nav{gap:4px;flex:1}.mode-toolbar nav button{font-size:11px;min-height:37px;padding:6px 8px;gap:5px}.mode-toolbar .ri{width:20px;height:20px;flex-basis:20px}#collapse-model{font-size:9px;min-height:32px}.viewer-help{font-size:9px}.metrics{grid-template-columns:1fr 1fr;gap:7px}.metrics article{padding:10px 8px}.metrics article:last-child{display:none}.metrics .ri{width:30px;height:30px;flex-basis:30px}.metrics b{font-size:21px}.metrics small{font-size:10px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid .ri{max-width:126px}.choice-grid button b{font-size:12px}.choice-grid button small{font-size:10px}.inspector{padding:15px}.panel-title h2{font-size:20px}.step-description{font-size:12px}.field-grid{gap:12px}.swatches{gap:12px}.swatches button{width:36px;min-height:36px}.wizard-bottom{padding:10px;gap:8px;bottom:6px;border-radius:11px;margin-top:13px}.bottom-total{gap:0;min-width:0}.bottom-total>.ri{display:none}.bottom-total small{font-size:9px;white-space:nowrap}.bottom-total b{font-size:19px;white-space:nowrap}.bottom-actions{gap:5px}.bottom-actions button{min-width:65px;padding:10px 11px;min-height:43px;font-size:11px;gap:0}.bottom-actions .ri{display:none}.bottom-actions .primary{min-width:80px}.estimate-section,#roof-checks,.editorial{padding:16px;margin-top:18px}.section-heading{display:block}.section-heading button{margin-top:12px}.estimate-totals{gap:7px}.estimate-totals>div{padding:8px}.estimate-totals strong{font-size:14px}.estimate-totals small{font-size:10px}.export-grid{gap:7px}.export-grid button{font-size:11px;min-width:130px}.table-scroll{max-height:520px}.node-grid,.guide-grid,.editorial .rc-card-grid{grid-template-columns:1fr}.model-note{font-size:9px}.model-note button{font-size:9px}.site-header .header-cta{display:none}.site-header{padding:0 12px}.site-header img{width:125px}.site-footer{padding:20px 14px;font-size:11px}.wizard-nav button{padding:5px 8px}.table-scroll td:first-child{width:280px}#toast{bottom:95px;font-size:12px}.editorial p,.editorial li{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.breadcrumbs,.project-tools,.wizard-nav,.inspector,.wizard-bottom,.export-grid,.editorial,.site-footer,#smetroomTelegramWidget,.zoom-tools,.view-toolbar,.mode-toolbar,#tour-dialog,#toast{display:none!important}.workspace-grid{display:block}.visual-column{position:static}.scene-wrap{height:360px}.table-scroll{max-height:none;overflow:visible}.table-scroll table{min-width:0;font-size:9px}.table-scroll th{position:static!important}.table-scroll tr{break-inside:avoid}#estimate-content{display:block!important}main{padding:0}.estimate-section{border:0;padding:0}.table-scroll td small{display:none}}
/* Paged roof layout, synchronized sheet inspector and document exports. */
#roof-plan{overflow:auto;overscroll-behavior:contain}
#roof-plan svg{display:block;max-width:none}
.sheet-label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sheet-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-height:25px;padding:3px 6px;border-radius:5px;background:#fffffff0;border:1px solid #9fbce0;color:#153454;font:600 10px Arial,sans-serif;box-shadow:0 1px 4px #14325220;white-space:nowrap}
.sheet-label.selected{background:#ffdb93;border-color:#bf8726;z-index:1}
#sheet-tools{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:12px}
.sheet-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;font-size:12px}
.sheet-toolbar>label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:140px}
.sheet-toolbar>label:has(input){flex-direction:row;align-items:center;min-width:100px;min-height:44px;flex:0 1 auto}
.sheet-toolbar input{accent-color:var(--blue);width:18px;height:18px}
#sheet-summary,#sheet-hint,#register-summary{font-size:12px;color:var(--muted)}
.sheet-card{border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.sheet-card h3{font-size:19px;margin:6px 0}.sheet-card p{font-size:12px;color:var(--muted)}
.sheet-card .cut-preview svg{width:100%;height:auto;border:1px solid var(--line);border-radius:10px}
.sheet-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px}.sheet-facts div{padding:9px;background:#f2f7fe;border-radius:7px}.sheet-facts dt{color:var(--muted)}.sheet-facts dd{margin:2px 0 0;font-size:14px;font-weight:700}
.sheet-card .actions,.sheet-toolbar+.actions,.project-options{display:flex;gap:8px;flex-wrap:wrap}
.sheet-empty{font-size:12px;padding:12px;background:#f1f6ff;border-radius:8px;color:#516f92}
.sheet-card .table-scroll td:first-child,#sheet-register .table-scroll td:first-child{width:auto;min-width:70px}
.sheet-card .table-scroll table{min-width:290px}.sheet-card .table-scroll th,.sheet-card .table-scroll td{padding:7px;font-size:10px}
#sheet-register-details>.actions{display:flex;flex-wrap:wrap;gap:8px}
#sheet-search{border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%;min-height:44px}
#sheet-register table{min-width:750px}#sheet-register td{vertical-align:middle}#sheet-register td:nth-child(2){white-space:nowrap}
#sheet-register .table-scroll td:last-child{font-weight:400;text-align:left}
#roof-project .project-options{align-items:end;margin-top:16px}#roof-project label{font-size:12px;display:block;max-width:100%}
#project-progress{display:block;color:#175ec9;margin-top:14px;font-size:13px;min-height:22px}
#sheet-register,#roof-project{scroll-margin-top:18px}
.mode-toolbar nav{flex-wrap:wrap}
.visual-column:has(#sheet-tools:not([hidden])){position:static}
@media(max-width:850px){.sheet-card{grid-template-columns:1fr 1fr}.sheet-toolbar>label{min-width:130px}.sheet-toolbar>label:has(input){min-width:105px}}
@media(max-width:520px){.sheet-card{grid-template-columns:1fr}.sheet-card .cut-preview{max-height:260px;overflow:auto}.sheet-toolbar>label{min-width:105px;font-size:11px}.sheet-toolbar{gap:8px}#sheet-tools{padding:12px}.mode-toolbar nav{width:100%;flex-basis:100%}.mode-toolbar nav button{flex:1;padding:6px 5px;gap:2px}.mode-toolbar nav .ri{display:none}.sheet-label{font-size:9px;padding:3px 4px;min-height:24px}#roof-project select{font-size:12px}#sheet-register-details>.actions button{flex:1}#sheet-search{flex-basis:100%;width:100%}}


.sheet-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.sheet-filters label{font-size:12px;display:flex;flex-direction:column;gap:5px;flex:1;min-width:130px}#sheet-register-details>h3{margin:16px 13px;font-size:15px}.sheet-filters button{min-height:44px}.sheet-filters input{width:100%}#roof-project .project-options>p{font-size:12px;color:var(--muted);max-width:580px}