:root{--blue:#1765e9;--navy:#193856;--border:#d7e3f0;--muted:#6c8198;--pale:#f0f6fd}*{box-sizing:border-box}body{margin:0;background:linear-gradient(125deg,#f6faff,#edf5fc);color:var(--navy);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{background:#fff;color:var(--navy);border:1px solid var(--border);border-radius:8px;padding:10px 16px;cursor:pointer;min-height:42px}button:hover{border-color:var(--blue);color:var(--blue)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,button.active,.tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:#1253c4;color:white}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #92bcff;outline-offset:2px}input,select{border:1px solid var(--border);border-radius:7px;background:#fff;padding:9px 10px;color:var(--navy);min-width:0;max-width:100%}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue)}input[type=color]{padding:3px;width:70px;height:38px}a{color:var(--blue)}header{background:#fff;border-bottom:1px solid var(--border);padding:16px max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:28px}header nav{margin:auto;display:flex;gap:24px;align-items:center}header nav a{text-decoration:none;color:var(--navy)}header nav button{border:0}.brand{font-size:27px;letter-spacing:-1px;font-weight:850;text-decoration:none;color:#14366b;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:1.2px;margin-top:7px}main{max-width:1440px;margin:auto;padding:24px}.intro{padding:0 0 20px}h1{font-size:clamp(30px,3vw,43px);line-height:1.15;letter-spacing:-1.3px;margin:8px 0 10px}h2{font-size:23px;line-height:1.25;margin:0 0 18px}h3{font-size:18px;margin:25px 0 12px}.intro>p:last-child{font-size:20px;margin:0;color:#526d8c}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--muted);margin:0 0 10px}.tabs{display:flex;margin:0 0 20px;max-width:600px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tabs button{flex:1;border:0;border-radius:0;background:transparent}.tabs button+button{border-left:1px solid var(--border)}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.card{background:#fff;border:1px solid var(--border);border-radius:12px;min-width:0}.settings{padding:20px}.settings h2{font-size:18px}.shape-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.shape-options button{padding:6px;font-size:13px;overflow:hidden}.shape-options img{width:100%;height:74px;object-fit:cover;border-radius:5px}.shape-options .active{background:#eff6ff;color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0;font-size:13px}.field input:not([type=checkbox]),.field select{width:132px;flex:none}.field input[type=checkbox]{width:18px}.field.wide{display:block}.field.wide input{width:100%;margin-top:5px}.settings details{border-top:1px solid var(--border);margin-top:18px;padding-top:12px}.settings summary{font-size:14px;font-weight:700;cursor:pointer;padding:6px 0}.settings details>label{display:block}.settings details>label input{width:100%;margin:8px 0}.settings details>button{margin:5px 0;font-size:13px}.hint{color:var(--muted);font-size:11px;line-height:1.6}.viewer{overflow:hidden;position:sticky;top:14px}.viewer-head{padding:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:12px}.views{display:flex;gap:5px}.views button{padding:7px 12px;min-height:35px;font-size:12px}.viewer-head>button{font-size:11px;padding:6px 8px;min-height:35px}.viewer-head label{display:flex;align-items:center;gap:4px}#canvas{height:470px;background:#f1f7fd;touch-action:pan-y}#canvas canvas{display:block;width:100%;height:100%;pointer-events:none;touch-action:pan-y}.viewer-tools,.viewer-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #edf2f7}.viewer-tools button{min-height:35px;padding:5px 12px;font-size:12px}.viewer-tools .hint{flex:1}.viewer-footer{font-size:11px}.viewer-footer button{font-size:11px;padding:6px 9px;min-height:34px}.viewer-footer label{margin-right:auto;display:flex;align-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f9ff;padding:18px 10px;gap:12px;border-top:1px solid #e6edf7}.metrics>div{padding:0 12px}.metrics>div+div{border-left:1px solid var(--border)}.metrics strong{font-size:21px;display:block;line-height:1.25;overflow-wrap:anywhere}.metrics span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.section{margin-top:22px;padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{margin-bottom:12px}.section-title>div:last-child{flex-shrink:0}.sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.sheet-grid article{border:1px solid var(--border);border-radius:8px;overflow:hidden}.sheet-grid svg{width:100%;height:auto;display:block}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:9px;max-height:510px;overscroll-behavior:contain}table{border-collapse:separate;border-spacing:0;width:100%;min-width:680px;font-size:13px}th,td{padding:12px;border-right:1px solid #e4ebf4;border-bottom:1px solid #e4ebf4;text-align:left;vertical-align:top}th{position:sticky;top:0;z-index:2;background:#1c4266;color:#fff;white-space:nowrap}tbody tr:nth-child(even){background:#f6faff}td small{display:block;color:var(--muted);font-size:11px;margin-top:5px;max-width:360px;white-space:normal}td input{width:110px;padding:6px}td .name-input{width:300px}td button{padding:4px 8px;min-height:32px;font-size:12px}.estimate-wrap table{min-width:1040px}.estimate-wrap td:first-child,.estimate-wrap th:first-child{position:sticky;left:0;background:#f2f7ff;color:var(--navy);z-index:1}.estimate-wrap th:first-child{z-index:3;background:#1c4266;color:white}.bill-tools{display:flex;gap:12px;margin-top:18px}.bill-tools input{flex:1;min-width:0}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.preset{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.preset img{width:100%;height:180px;object-fit:cover;display:block}.preset>div{padding:16px}.preset h3{margin:0 0 8px}.preset p{font-size:13px;color:var(--muted)}.preset button{width:100%}.notice{font-size:12px;color:var(--muted);padding:14px 2px}.warnings{padding:16px;font-size:13px}.warnings summary{cursor:pointer}.alert{background:#fff3e8;border:1px solid #edb889;color:#854721;border-radius:9px;padding:15px;margin-bottom:15px;font-size:13px}#stale{margin:0 10px}.seo{margin:48px auto 0;max-width:1100px;font-size:16px;line-height:1.85}.seo h2{margin:36px 0 16px}.seo-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}.seo figure{margin:0}.seo img{width:100%;height:auto;border-radius:13px}.seo figcaption{font-size:11px;color:var(--muted)}.seo details{background:#fff;border:1px solid var(--border);border-radius:8px;margin:8px 0;padding:16px}.seo summary{font-weight:650;cursor:pointer}.article-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-links a{display:block;background:white;border:1px solid var(--border);border-radius:9px;padding:16px;text-decoration:none;font-size:14px}footer{padding:36px 24px;color:var(--muted);font-size:13px;text-align:center}dialog{border:1px solid var(--border);border-radius:16px;padding:28px;max-width:480px;width:calc(100% - 32px);color:var(--navy)}dialog::backdrop{background:#16375a77}dialog p{line-height:1.7}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:5000;background:#193856;color:white;padding:12px 20px;border-radius:10px;font-size:13px;box-shadow:0 8px 35px #17395a33}.fullscreen{position:fixed!important;inset:12px;z-index:3000;display:flex;flex-direction:column}.fullscreen #canvas{height:auto;flex:1;min-height:120px}.fullscreen .metrics{display:none}#fallback{padding:15px}#fallback svg{width:100%;height:auto}[hidden]{display:none!important}body.greenhouse-app #smetroomTelegramWidget,body.greenhouse-app #smetroomGlobalMenuButton{display:none!important}
@media(max-width:1050px){.workspace{grid-template-columns:270px minmax(0,1fr)}.settings{padding:16px}#canvas{height:420px}.viewer-head>button{display:none}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header{padding:16px;gap:10px}.brand{font-size:23px}.brand small{font-size:6px}header nav{display:none}header>.primary{margin-left:auto;font-size:12px;padding:8px 12px}main{padding:20px 16px 85px}h1{font-size:31px;letter-spacing:-.8px}.intro>p:last-child{font-size:15px}.intro{padding-bottom:22px}.eyebrow{font-size:8px}.tabs{position:fixed;bottom:0;left:0;right:0;max-width:none;margin:0;background:#fff;border-radius:0;border:0;border-top:1px solid var(--border);z-index:2000;padding:8px 6px max(8px,env(safe-area-inset-bottom));gap:4px}.tabs button{font-size:12px;min-height:48px;border:0!important;border-radius:8px}.tabs button[aria-selected=true]{background:#eaf2ff;color:var(--blue);font-weight:750}.workspace{display:flex;flex-direction:column}.viewer{order:-1;width:100%;position:relative;top:auto}.settings{width:100%;padding:20px}.viewer-head{padding:12px;gap:6px}.views{width:100%;justify-content:space-between}.views button{flex:1;font-size:12px;padding:8px}.viewer-head label{font-size:11px}.viewer-head>button{display:block;margin-left:auto}#canvas{height:330px}.metrics{padding:15px 4px;gap:4px}.metrics>div{padding:0 8px}.metrics strong{font-size:17px}.metrics span{font-size:10px}.viewer-tools{padding:10px}.viewer-tools .hint{font-size:9px}.viewer-footer{padding:10px}.viewer-footer label{width:100%}.shape-options img{height:90px}.field{font-size:14px}.field input:not([type=checkbox]),.field select{width:46%}.section{padding:18px;margin-top:16px}.section-title{align-items:start;flex-direction:column;gap:8px}.section-title h2{font-size:23px}.sheet-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr}.preset img{height:auto;aspect-ratio:3/2}.bill-tools{flex-wrap:wrap}.bill-tools input{width:100%}.bill-tools button{font-size:12px}.seo{margin-top:35px;font-size:15px}.seo-intro{grid-template-columns:1fr;gap:12px}.seo h2{font-size:23px}.article-links{grid-template-columns:1fr}footer{padding-bottom:90px}#toast{bottom:85px;font-size:12px}.fullscreen{inset:6px}.fullscreen .viewer-head>button{display:block}}
@media(max-width:350px){main{padding-left:10px;padding-right:10px}.viewer-tools .hint{max-width:85px}.viewer-head{padding:8px}.views button{font-size:11px;padding:6px}#canvas{height:280px}}