@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.woff2') format('woff2');font-display:swap}
:root{--blue:#1769ed;--ink:#172a45;--muted:#647892;--line:#dce5ef;--bg:#f4f7fb;--shadow:0 10px 36px #1436620a;font-family:Manrope,Arial,sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font-size:12px;font-weight:650;transition:background .15s,border-color .15s}button:hover{background:#edf4ff;border-color:#accafa}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #77a9ff;outline-offset:2px}button svg,svg.lucide{width:19px;height:19px;stroke-width:1.8;flex-shrink:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,2.1vw,34px);letter-spacing:-1px;line-height:1.2}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:14px}label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:600}input:not([type=checkbox]):not([type=color]),select,textarea{width:100%;min-width:0;height:40px;padding:9px 10px;border:1px solid #d4deea;border-radius:8px;background:#fff;font-size:13px;color:var(--ink)}input[type=number]{font-variant-numeric:tabular-nums}input[type=color]{width:100%;height:40px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);margin:0;flex:none}textarea{height:100px!important;resize:vertical;line-height:1.5}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{background:#0758d8;color:#fff}.subtle{background:#f6f9fc}.danger{color:#bd4251}.hint{font-size:11px;line-height:1.5;color:var(--muted)}[hidden]{display:none!important}
.studio-header{position:sticky;top:0;z-index:30;height:68px;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 24px}.studio-header>a{flex-shrink:0}.project-name{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:3px}.project-name strong{font-size:14px}.project-name span{font-size:11px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;gap:7px}.studio-intro{max-width:1860px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 28px 24px}.studio-intro>div>a,.studio-intro>div>span{font-size:11px}.studio-intro h1{margin-top:9px}.studio-intro p{margin-top:10px;max-width:850px;line-height:1.6;color:var(--muted);font-size:13px}.catalog-badge{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:13px 16px;border-radius:14px;white-space:nowrap}.catalog-badge div{display:grid;gap:5px}.catalog-badge strong{font-size:12px}.catalog-badge small{font-size:11px;color:var(--muted)}.status-dot{width:9px;height:9px;background:#1ab483;border-radius:50%}.mobile-tabs{display:none}
.studio{max-width:1860px;margin:0 auto;display:grid;grid-template-columns:280px minmax(360px,1fr) 350px;align-items:start;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.panel{height:980px;max-height:calc(100dvh - 96px);min-height:680px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#bacbdc #f3f7fb;overscroll-behavior:contain}.room-panel{border-right:1px solid var(--line)}.catalog-panel{border-left:1px solid var(--line)}.panel-title{display:flex;align-items:center;gap:11px;padding:18px 16px;border-bottom:1px solid var(--line)}.panel-title h2{font-size:17px}.panel-title small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.panel-title>.lucide{color:var(--blue);width:28px;height:28px}.step{background:#eaf2ff;color:var(--blue);border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-size:15px;font-weight:800}.control-group{padding:16px;border-bottom:1px solid var(--line);display:grid;gap:12px}.template-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.template-list button{display:grid;justify-items:center;min-height:65px;font-size:10px}.template-list button.active{color:var(--blue);background:#edf4ff;border-color:var(--blue)}.field-row{display:flex;gap:9px}.field-row>*{flex:1;min-width:0}.inline-field{display:flex;align-items:center;justify-content:space-between}.inline-field select{width:135px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title button{font-size:11px;min-height:31px;padding:4px 8px}.section-title button svg{width:15px}.field-row output{height:40px;padding:11px;background:#eff5fd;border-radius:8px;font-size:13px;color:var(--blue)}.openings-list{display:grid;gap:6px}.opening-row{justify-content:space-between;text-align:left;width:100%}.opening-row.active{border-color:var(--blue);background:#edf4ff}.opening-row span{display:grid;gap:2px;font-size:12px}.opening-row small{font-size:10px;font-weight:400;color:var(--muted)}#openingEditor{display:grid;gap:9px;padding-top:10px}.surface-list{display:grid;gap:6px}.surface-item{width:100%;justify-content:flex-start;text-align:left;padding:9px;gap:8px}.surface-item.active{border-color:var(--blue);background:#edf4ff}.surface-item>.letter{background:#e9eff8;color:#42668f;border-radius:6px;width:26px;height:28px;display:grid;place-items:center}.surface-item.active>.letter{color:#fff;background:var(--blue)}.surface-item>span:nth-child(2){display:grid;gap:3px;flex:1}.surface-item small{font-size:10px;color:var(--muted);font-weight:400}.surface-item img{width:34px;height:34px;object-fit:cover;border-radius:5px}.surface-item.off{opacity:.55}
.workspace{min-width:0;display:flex;flex-direction:column;background:#fff}.workspace-toolbar{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.workspace-toolbar>div:last-child{display:flex;gap:5px}.segmented{display:flex;gap:3px;background:#edf2f8;padding:3px;border-radius:10px}.segmented button{border:0;background:none;min-height:33px;padding:6px 14px;color:var(--muted)}.segmented button.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px #19324f12}.viewport{position:relative;width:100%;height:clamp(400px,43vw,575px);min-height:0;max-height:575px;overflow:hidden;background:#edf4fb;contain:layout size;isolation:isolate}.viewport canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none}.view-hint{position:absolute;bottom:12px;left:12px;right:52px;pointer-events:none;text-align:center;font-size:10px;line-height:1.6;color:#607a98;background:#ffffffde;border:1px solid #dce5ef;border-radius:8px;padding:7px}.zoom-controls{position:absolute;right:12px;bottom:12px;display:grid;gap:3px}.zoom-controls button{padding:7px;min-height:32px}.drawing-actions{position:absolute;left:12px;right:12px;top:12px;display:flex;align-items:center;gap:6px;background:#fff;padding:9px;border-radius:10px;box-shadow:var(--shadow)}.drawing-actions strong{font-size:11px;margin-right:auto}.selection-summary{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#f7faff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px}.selection-summary>div{display:grid;gap:4px}.selection-summary span{font-size:11px;color:var(--blue);font-weight:750}.selection-summary strong{font-size:15px}.selection-summary button{color:var(--blue)}.layout-controls{display:grid;gap:12px;padding:16px}.layout-controls h3{margin-bottom:9px}.pattern-list{display:flex;gap:6px}.pattern-list button{flex:1;display:grid;justify-items:center;gap:6px;padding:9px 5px;font-size:10px;min-width:0}.pattern-list .active{border-color:var(--blue);background:#edf4ff;color:var(--blue)}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5}.project-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:14px 10px;gap:8px;background:#f8fbff}.project-metrics>div{display:grid;gap:5px;padding-left:8px;border-left:1px solid var(--line)}.project-metrics>div:first-child{border-left:0}.project-metrics span{font-size:9px;color:var(--muted)}.project-metrics strong{font-size:14px}.project-metrics>div:last-child strong{color:var(--blue)}
.catalog-search{padding:12px 14px;display:grid;gap:9px;position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line)}.search{position:relative}.search svg{position:absolute;top:11px;left:10px;color:#71869f}.search input{padding-left:36px!important}.catalog-search select{font-size:11px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 14px}.tile-card{padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;border-radius:10px;min-width:0}.tile-card img{width:100%;height:108px;object-fit:contain;background:#f5f6f6;padding:6px}.tile-card.active{border:2px solid var(--blue)}.tile-card-body{padding:9px;display:grid;gap:5px}.tile-card strong{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:29px}.tile-card small{font-size:10px;color:var(--muted);font-weight:450}.tile-card b{font-size:11px;color:var(--blue)}.tile-card .photo-count{position:absolute;right:5px;top:5px;font-size:9px;background:#fffffff0;padding:3px 6px;border-radius:5px;color:#425f7f}.load-more{display:flex;margin:0 14px 16px;width:calc(100% - 28px)}.selected-product{padding:16px;display:grid;gap:11px;border-top:1px solid var(--line);background:#f8fbff}.selected-product h3{font-size:13px;line-height:1.6}.selected-product>a{font-size:11px}.product-specs{display:flex;flex-wrap:wrap;gap:5px}.product-specs span{font-size:10px;background:#eaf1fc;border-radius:5px;padding:5px 7px}.faces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.face-card{padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;gap:5px}.face-card img{height:67px;width:100%;object-fit:contain}.face-card label{font-size:9px;gap:4px}.face-card input{width:13px;height:13px}.face-card.active{border-color:var(--blue)}.upload-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px dashed #9ebcee;border-radius:8px;cursor:pointer;background:#fff;color:var(--blue)}.upload-button svg{width:19px}
.result-section,.history-section,.seo-content{max-width:1800px;margin:34px auto;padding:0 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:7px 0}.section-heading p{font-size:12px;line-height:1.6;color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--blue)}.export-actions{display:flex;gap:7px;flex-shrink:0}.result-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:20px;align-items:start}.estimate-card,.render-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.table-scroll{overflow:auto;margin:16px -2px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);line-height:1.6}th{font-size:10px;background:#f5f8fd;color:var(--muted)}th:last-child,td:last-child{text-align:right;white-space:nowrap}td small{display:block;color:var(--muted);font-size:10px}td:first-child{min-width:180px}.estimate-note{color:var(--muted);font-size:11px;line-height:1.7;margin-top:16px}.consumption-settings{background:#f7faff;border:1px solid var(--line);border-radius:10px;padding:12px}.consumption-settings summary{font-size:12px;cursor:pointer;font-weight:700}.consumption-settings .field-row{margin-top:12px}.surface-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.schedule-card{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;padding:0;text-align:left}.schedule-card canvas{width:100%;height:145px;display:block;background:#f3f7fc}.schedule-card>div{padding:11px;font-size:12px;display:grid;gap:6px}.schedule-card span,.schedule-card small{font-size:10px;color:var(--muted);font-weight:400}.render-card{display:grid;gap:15px}.render-card .panel-title{padding:0 0 15px}.render-card h3{font-size:17px}.reference-summary{padding:12px;background:#edf5ff;color:#315986;font-size:11px;line-height:1.6;border-radius:8px}.generate{min-height:48px;font-size:14px}.render-status{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.render-status.busy:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #a9c9f6;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.render-status.error{color:#b33a4b}@keyframes spin{to{transform:rotate(360deg)}}figure{margin:0}#renderResult img{border-radius:10px;width:100%}figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.5;margin-top:8px;color:var(--muted)}.demo-block{border-top:1px solid var(--line);padding-top:12px;font-size:11px;color:var(--muted)}.demo-block summary{cursor:pointer}.demo-block img{border-radius:10px;margin-top:12px}.demo-block p{margin-top:8px}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.history-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.history-card img{width:100%;height:220px;object-fit:cover}.history-card>div{padding:14px;display:grid;gap:8px}.history-card p{font-size:11px;line-height:1.6;color:var(--muted)}.history-card .field-row button,.history-card .field-row a{font-size:11px}.seo-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:40px}.seo-content section{padding:25px;background:#fff;border:1px solid var(--line);border-radius:14px}.seo-content h2{font-size:20px;margin-bottom:15px}.seo-content p{font-size:13px;line-height:1.9;color:#546b86;margin-top:12px}.seo-content details{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.seo-content summary{cursor:pointer;line-height:1.7;font-weight:650}.notice{position:fixed;left:50%;transform:translateX(-50%);bottom:26px;max-width:600px;width:calc(100% - 32px);padding:15px 20px;background:#173454;color:#fff;box-shadow:0 8px 36px #12325238;border-radius:10px;z-index:100;font-size:13px;line-height:1.6}dialog{border:1px solid var(--line);border-radius:18px;max-width:560px;width:calc(100% - 30px);padding:32px;color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#142f5266;backdrop-filter:blur(4px)}dialog h2{margin-top:10px}dialog ol{padding-left:23px}dialog li{margin:15px 0;font-size:14px;line-height:1.7;color:var(--muted)}dialog strong{color:var(--ink)}.dialog-close{position:absolute;right:10px;top:10px;border:0}.studio:fullscreen{height:100dvh;width:100vw;max-width:none;border-radius:0;overflow:auto;align-items:stretch}.studio:fullscreen .panel{height:100dvh;max-height:100dvh}.studio:fullscreen .viewport{height:calc(100dvh - 330px);max-height:none;min-height:260px}
@media(min-width:1900px){.studio{grid-template-columns:300px minmax(0,1fr) 390px}.viewport{height:575px}}@media(max-width:1200px) and (min-width:821px){.studio{grid-template-columns:235px minmax(310px,1fr) 290px}.studio-intro{padding:20px}.catalog-badge{display:none}.panel{min-height:650px}.control-group{padding:12px}.workspace-toolbar{padding:10px}.segmented button{padding:6px 9px}.pattern-list button{font-size:9px}.tile-card img{height:88px}.catalog-grid{padding:10px;gap:6px}.header-actions button span{display:none}.studio-header{padding:0 16px}.result-columns{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.section-heading{align-items:flex-start}.export-actions{flex-wrap:wrap;max-width:250px}.project-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:820px){:root{font-size:15px}.studio-header{height:61px;padding:0 12px;gap:12px}.studio-header img{width:119px;height:auto}.project-name{display:none}.header-actions{gap:4px}.header-actions button{padding:8px;min-height:37px}.header-actions span{display:none}.studio-intro{padding:20px 16px 18px;display:block}.studio-intro h1{font-size:28px}.studio-intro p{font-size:13px}.catalog-badge{margin-top:14px;padding:10px 12px;display:flex;width:max-content}.mobile-tabs{position:sticky;top:61px;z-index:25;display:flex;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 9px;gap:5px}.mobile-tabs button{flex:1;min-width:0;font-size:11px;border:0;min-height:42px}.mobile-tabs button.active{background:#e9f2ff;color:var(--blue)}.mobile-tabs button svg{width:17px}.studio{display:block;border-radius:0;border-left:0;border-right:0}.studio>[data-panel]{display:none}.studio>[data-panel].mobile-active{display:block}.panel{max-height:none;min-height:0;height:auto;overflow:visible;border:0}.panel-title{padding:17px}.control-group{padding:17px;gap:14px}.template-list{grid-template-columns:repeat(4,1fr)}.template-list button{font-size:10px;min-height:71px}.viewport{height:390px;max-height:60dvh;min-height:280px}.workspace-toolbar{padding:10px}.workspace-toolbar button{min-height:36px}.view-hint{font-size:10px}.selection-summary{padding:13px}.selection-summary button{font-size:11px}.layout-controls{padding:15px}.pattern-list button{font-size:11px}.project-metrics{grid-template-columns:1fr 1fr;padding:16px;gap:16px}.project-metrics strong{font-size:17px}.project-metrics span{font-size:11px}.catalog-search{position:sticky;top:118px;padding:12px 16px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:10px}.tile-card img{height:108px}.tile-card strong{font-size:11px}.tile-card small{font-size:10px}.selected-product{padding:17px}.faces-grid{grid-template-columns:repeat(4,1fr)}.face-card img{height:82px}.face-card label{font-size:10px}.selected-product h3{font-size:15px}input:not([type=checkbox]):not([type=color]),select,textarea{font-size:16px;height:44px}label{font-size:13px}button{min-height:42px;font-size:13px}.control-group .hint{font-size:12px}.surface-item{min-height:60px}.surface-item small{font-size:12px}.opening-row small{font-size:11px}.result-section,.history-section,.seo-content{padding:0 14px;margin:24px 0}.section-heading{display:block}.section-heading h2{font-size:24px}.section-heading p{font-size:13px}.export-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.export-actions .primary{grid-column:1/-1}.result-columns{grid-template-columns:1fr;gap:15px}.estimate-card,.render-card{padding:15px}.surface-schedule{grid-template-columns:1fr 1fr}.schedule-card canvas{height:125px}.history-grid{grid-template-columns:1fr 1fr}.history-card img{height:160px}.seo-content{grid-template-columns:1fr}.seo-content section{padding:20px}.seo-content h2{font-size:21px}.seo-content p{font-size:14px}.notice{bottom:14px}.studio:fullscreen{display:block}.studio:fullscreen .viewport{height:58dvh;max-height:58dvh}.studio:fullscreen .panel{height:auto;max-height:none}.studio:fullscreen .workspace{display:block}#results{scroll-margin-top:130px}#selectedProduct{scroll-margin-top:235px}}
@media(max-width:390px){.mobile-tabs button{font-size:10px;gap:4px}.catalog-grid{grid-template-columns:1fr 1fr}.template-list{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:1fr}.viewport{height:340px}.header-actions #downloadProject{display:none}}
.result-columns>*,.surface-schedule>*,.seo-content>*,.history-grid>*{min-width:0}.table-scroll{max-width:100%;min-width:0}.estimate-card .section-title{flex-wrap:wrap}.render-card .panel-title>div{min-width:0}
.schedule-card canvas{height:auto;aspect-ratio:27/14}.estimate-card td:nth-child(3){white-space:nowrap}
@media(max-width:820px){.studio-header{gap:7px}.studio-header #smetroomGlobalMenuButton{min-width:37px!important;width:37px!important;padding:8px!important;margin-left:0!important;flex-shrink:0}.studio-header #smetroomGlobalMenuButton span{display:none!important}.header-actions #downloadProject{display:none}.studio-header .header-actions{min-width:0}}
@media(max-width:820px){#tileConstructor{scroll-margin-top:120px}}
@media(max-width:360px){.header-actions #redo{display:none}.studio-header img{width:110px}.workspace-toolbar{gap:4px}.segmented button{padding:6px 10px}.workspace-toolbar>div:last-child{gap:3px}}
@media(min-width:821px) and (max-width:1000px){.studio{grid-template-columns:210px minmax(0,1fr) 270px}.workspace-toolbar{flex-wrap:wrap}.viewport{height:400px}.pattern-list{display:grid;grid-template-columns:1fr 1fr}.layout-controls .field-row{flex-wrap:wrap}.layout-controls .field-row>*{flex-basis:40%}.project-name{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{background:#fff}.studio-header,.studio-intro,.mobile-tabs,.studio,.render-card,.history-section,.seo-content,.export-actions,.consumption-settings,.notice{display:none!important}.result-section{margin:0;padding:0}.result-columns{display:block}.estimate-card{border:0;padding:0;box-shadow:none}.surface-schedule{grid-template-columns:1fr 1fr}.schedule-card{break-inside:avoid}.section-heading p{font-size:11px}table{font-size:10px}th,td{padding:6px}.table-scroll{overflow:visible}.estimate-note{font-size:9px}}