.customer-room{max-width:1120px;margin:0 auto;color:#223f37;padding:12px 0 30px}.customer-room button,.customer-room input,.customer-room select{font:inherit}.customer-room button{cursor:pointer}.customer-room button:disabled{opacity:.5;cursor:default}.customer-room__steps{display:flex;justify-content:center;gap:40px;list-style:none;padding:0;margin:0 0 36px}.customer-room__steps li{display:flex;align-items:center;gap:9px;color:#657970;font-size:14px}.customer-room__steps li>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e6ece8}.customer-room__steps li[aria-current=step]{color:#224f3f;font-weight:700}.customer-room__steps li[aria-current=step]>span{background:#245a46;color:#fff}.customer-room__intro{text-align:center;margin-bottom:32px}.customer-room__intro>p{font-size:12px;letter-spacing:.12em;color:#577365;font-weight:700}.customer-room__intro h1{font-size:clamp(25px,3vw,36px);margin:8px 0 12px;letter-spacing:-.025em}.customer-room__intro>div{color:#607268;line-height:1.7}.customer-room__shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-room__shapes button{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #d7e2db;border-radius:18px;padding:18px;transition:box-shadow .15s,border-color .15s;color:#234639}.customer-room__shapes button:hover,.customer-room__shapes button:focus-visible{border-color:#327653;box-shadow:0 8px 24px #23463912}.customer-room__shapes svg{width:100%;height:150px}.customer-room__shapes strong{font-size:19px}.customer-room__shapes button>span{display:flex;align-items:center;gap:4px;font-size:13px;color:#668174;margin-top:10px}.customer-room__shapes button>span svg{width:16px;height:16px}.customer-room__custom{display:flex;align-items:center;gap:16px;width:100%;padding:21px 24px;margin-top:20px;border:1px dashed #b9ccc0;border-radius:14px;background:transparent;text-align:left;color:#345a49}.customer-room__custom>span{flex:1}.customer-room__custom small{display:block;font-size:14px;margin-top:5px;color:#657970}.customer-room__layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;align-items:start}.customer-room__preview{background:#fff;border:1px solid #dce5df;border-radius:18px;overflow:hidden}.customer-room__preview-heading{display:flex;justify-content:space-between;padding:20px 24px;color:#4c675a}.customer-room__preview>svg{display:block;width:100%;height:auto;touch-action:manipulation}.customer-room__preview>p{padding:0 24px 20px;margin:0;color:#677b6f;font-size:13px;line-height:1.6;text-align:center}.customer-room__measurements{padding:24px;background:#fff;border:1px solid #dce5df;border-radius:18px}.customer-room h2{font-size:17px;margin:0 0 18px}.customer-room__measurement,.customer-room__field{display:block;margin-bottom:18px;font-size:14px;font-weight:600}.customer-room__measurement>div{display:flex;align-items:center;border:1px solid #cbd8cf;border-radius:10px;margin-top:8px;overflow:hidden}.customer-room__measurement input{width:100%;min-width:0;border:0;padding:13px;font-size:20px;color:#234639;background:#fff}.customer-room__measurement>div>span{padding:0 14px;color:#819086;font-weight:400}.customer-room__field input,.customer-room select{display:block;width:100%;padding:13px;border:1px solid #cbd8cf;border-radius:10px;margin-top:8px;background:#fff;color:#234639;box-sizing:border-box}.customer-room__wall{border-top:1px solid #e4eae6;padding-top:20px;margin-top:24px}.customer-room__wall h2{display:flex;gap:8px;align-items:center}.customer-room__wall h2>span{display:grid;place-items:center;width:26px;height:26px;background:#b85c20;color:#fff;border-radius:8px;font-size:14px}.customer-room__check{display:flex;gap:10px;align-items:start;font-size:14px;cursor:pointer}.customer-room__check input{width:19px;height:19px;accent-color:#245a46}.customer-room__check small{display:block;color:#738378;margin-top:4px;font-size:12px}.customer-room__footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding:18px 0;gap:16px}.customer-room__primary{background:#245a46;color:#fff;border:0;border-radius:12px;min-height:50px;padding:14px 24px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:600}.customer-room__back{display:flex;align-items:center;gap:5px;color:#4c695a;background:transparent;border:0;padding:12px 0}.customer-room__error{background:#fff0e9;color:#963d27;border-radius:10px;padding:16px}.customer-room__draw-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px}.customer-room__draw-actions>button:not(.customer-room__primary){display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd8cf;border-radius:10px;padding:10px}.customer-room__saved{display:flex;align-items:start;gap:8px;color:#446954;font-size:13px;line-height:1.6}.customer-room__saved svg{flex-shrink:0}.customer-room__measurements>p{color:#687d70;font-size:14px;line-height:1.5}.customer-room input:focus-visible,.customer-room select:focus-visible,.customer-room button:focus-visible{outline:3px solid #a7cbb7;outline-offset:3px}@media(max-width:760px){.customer-room__steps{gap:17px;margin:8px 0 26px}.customer-room__steps li{font-size:12px;gap:5px}.customer-room__steps li>span{width:25px;height:25px}.customer-room__layout{grid-template-columns:1fr;gap:16px}.customer-room__shapes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-room__shapes button{padding:12px}.customer-room__shapes svg{height:100px}.customer-room__shapes strong{font-size:16px}.customer-room__intro{margin-bottom:24px}.customer-room__intro>div{font-size:14px}.customer-room__measurements{padding:20px}.customer-room__footer{position:sticky;bottom:0;background:#f7f5f2f5;margin:16px -4px 0;padding:12px 4px;z-index:2}.customer-room__primary{padding:13px 18px}.customer-room__preview-heading{padding:16px 20px}}@media(max-width:760px){.customer-room__preview svg g g text{font-size:22px}.customer-room__preview svg g g circle{r:19px}.customer-room__preview svg g g rect{height:38px;y:-19px;width:118px;x:-55px}}.customer-room__entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.customer-room__entry-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:290px;padding:32px;border:1px solid #cedbd2;border-radius:20px;background:#fff;color:#244737;transition:box-shadow .15s,border-color .15s}.customer-room__entry-card--custom{background:#e7f0e9;border-color:#a9c6b3}.customer-room__entry-card:hover{border-color:#327653;box-shadow:0 8px 24px #23463912}.customer-room__entry-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#d7e7db;margin-bottom:24px}.customer-room__entry-card>strong{font-size:23px;line-height:1.3}.customer-room__entry-card>p{font-size:15px;line-height:1.7;color:#5c7465;margin:12px 0 24px}.customer-room__entry-action{display:flex;align-items:center;gap:8px;margin-top:auto;font-weight:700}.customer-room__back+.customer-room__shapes{margin-top:16px}@media(max-width:600px){.customer-room__entry{grid-template-columns:1fr;gap:16px}.customer-room__entry-card{min-height:0;padding:24px}.customer-room__entry-icon{width:48px;height:48px;margin-bottom:16px}.customer-room__entry-card>strong{font-size:21px}.customer-room__entry-card>p{margin-bottom:18px}}.customer-room__height{padding:20px 24px 0;border-bottom:1px solid #e4ebe6}.customer-room__height .customer-room__measurement{max-width:230px}.customer-room__info dl{margin:20px 0}.customer-room__info dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0ed;font-size:14px}.customer-room__info dd{margin:0;font-weight:700}.customer-room__info ul{list-style:none;padding:0;margin:20px 0 0}.customer-room__info li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px}.customer-room__info li>span{background:#315c50;color:#fff;border-radius:7px;min-width:25px;text-align:center;padding:4px}.customer-room__info li small{margin-left:auto;color:#748278}.room-edge-popover{position:fixed;z-index:1000;width:260px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:#244536;border:1px solid #c5d7c9;border-radius:14px;box-shadow:0 12px 40px #183b342e;padding:18px;font-family:var(--font-sans)}.room-edge-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.room-edge-popover header strong{display:flex;align-items:center;gap:8px}.room-edge-popover header strong span{background:#b85c20;color:#fff;border-radius:7px;padding:3px 8px}.room-edge-popover header button{display:grid;place-items:center;border:0;background:transparent;cursor:pointer;padding:5px}.room-edge-popover label{display:block;font-size:14px}.room-edge-popover input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #b9ccbf;border-radius:8px;font:inherit;font-size:19px}.room-edge-popover .room-edge-popover__wall{display:flex;gap:8px;align-items:center;margin:16px 0}.room-edge-popover .customer-room__primary{width:100%;font:inherit}.room-edge-popover p{font-size:13px;color:#a53a25}.customer-room__preview [data-room-badge]:focus-visible{outline:2px solid #cf6d31;outline-offset:4px}html:has(.customer-room--drawing),body:has(.customer-room--drawing){height:100dvh;min-height:0;overflow:hidden}.portal:has(.customer-room--drawing){height:100dvh;min-height:0;overflow:hidden;padding-top:12px;padding-bottom:8px}.room-project:has(.customer-room--drawing){flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 12px 0;overflow:hidden}.room-project:has(.customer-room--drawing)>.room-project__exit{flex:none;margin-bottom:6px;font-size:12px}.customer-room--drawing{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;padding:0}.customer-room--drawing .customer-room__steps{flex:none;margin:0 0 6px}.customer-room--drawing .customer-room__intro{flex:none;margin:0 0 10px}.customer-room--drawing .customer-room__intro>p{display:none}.customer-room--drawing .customer-room__intro h1{font-size:23px;margin:4px 0}.customer-room--drawing .customer-room__intro>div{font-size:12px;line-height:1.4}.customer-room--drawing .customer-room__layout{flex:1;min-height:0;align-items:stretch;gap:16px}.customer-room--drawing .customer-room__preview{min-height:0;display:flex;flex-direction:column}.customer-room--drawing .customer-room__height{flex:none;padding:8px 16px}.customer-room--drawing .customer-room__height .customer-room__measurement{display:flex;align-items:center;gap:12px;max-width:none;margin:0;font-size:12px}.customer-room--drawing .customer-room__height .customer-room__measurement>div{margin:0;width:130px}.customer-room--drawing .customer-room__height input{font-size:15px;padding:7px}.customer-room--drawing .customer-room__preview-heading{flex:none;padding:8px 16px;font-size:13px}.customer-room--drawing .customer-room__preview>svg{flex:1;min-height:0;height:0;width:100%}.customer-room--drawing .customer-room__preview>p{flex:none;padding:6px 14px;font-size:12px;line-height:1.4}.customer-room--drawing .customer-room__draw-actions{flex:none;padding:6px;gap:8px}.customer-room--drawing .customer-room__draw-actions button{min-height:36px;padding:8px;font-size:12px}.customer-room--drawing .customer-room__info{min-height:0;overflow:auto;padding:18px}.customer-room--drawing .customer-room__footer{flex:none;position:static;margin:0;padding:8px 0;background:transparent}.customer-room--drawing .customer-room__footer button{min-height:40px;padding:10px 16px}.customer-room--drawing>.customer-room__error{flex:none;margin:4px 0;padding:8px;font-size:12px}@media(max-width:760px){.portal:has(.customer-room--drawing){padding:8px}.room-project:has(.customer-room--drawing){padding:6px 0 0}.customer-room--drawing .customer-room__steps{margin-bottom:4px}.customer-room--drawing .customer-room__intro h1{font-size:19px}.customer-room--drawing .customer-room__intro>div{display:none}.customer-room--drawing .customer-room__layout{display:flex;flex-direction:column;gap:6px}.customer-room--drawing .customer-room__preview{flex:1}.customer-room--drawing .customer-room__info{flex:none;padding:8px 12px;overflow:visible}.customer-room--drawing .customer-room__info h2,.customer-room--drawing .customer-room__info>p,.customer-room--drawing .customer-room__info ul{display:none}.customer-room--drawing .customer-room__info dl{display:flex;gap:12px;flex-wrap:wrap;margin:0}.customer-room--drawing .customer-room__info dl>div{border:0;padding:0;gap:5px;font-size:11px}.customer-room--drawing .customer-room__height,.customer-room--drawing .customer-room__preview-heading{padding:6px 12px}}.customer-room__preview>svg{background:#f8faf9;border-top:1px solid #e0e8e3;border-bottom:1px solid #e0e8e3}.customer-room__zoom{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 12px;flex:none;background:#f8faf9;border-top:1px solid #e0e8e3}.customer-room__zoom button{display:grid;place-items:center;min-width:36px;min-height:32px;padding:4px 10px;border:1px solid #cbd8cf;border-radius:7px;background:#fff;color:#315c50;font-size:16px}.customer-room__zoom button:last-child{font-size:12px;margin-left:4px}.customer-room__zoom output{min-width:48px;text-align:center;font-size:12px;color:#60796a;font-variant-numeric:tabular-nums}.customer-room__zoom .customer-room__fullscreen{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:4px}.customer-room .customer-room__preview:fullscreen,.customer-room .customer-room__preview.is-fullscreen-fallback{display:flex;flex-direction:column;width:100vw;height:100dvh;min-height:0;max-width:none;max-height:none;margin:0;padding:12px;border:0;border-radius:0;background:#fff;box-sizing:border-box}.customer-room .customer-room__preview.is-fullscreen-fallback{position:fixed;inset:0;z-index:900}.customer-room__preview:fullscreen>svg,.customer-room__preview.is-fullscreen-fallback>svg{flex:1;min-height:0;height:0}.customer-room__preview:fullscreen::backdrop{background:#fff}.customer-room__continue{position:fixed;right:24px;bottom:20px;z-index:100;min-height:52px;padding:14px 24px;box-shadow:0 8px 24px #174b3b35;animation:room-continue-in .45s cubic-bezier(.2,.8,.2,1) both}.customer-room__continue:hover{background:#1d4939}.customer-room--drawing .customer-room__footer{min-height:68px;padding-right:190px}@keyframes room-continue-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.customer-room__continue{right:12px;bottom:12px;min-height:46px;padding:12px 18px}.customer-room--drawing .customer-room__footer{padding-right:160px;min-height:64px}}@media(prefers-reduced-motion:reduce){.customer-room__continue{animation:none}}.customer-room--drawing .customer-room__layout--catalog{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.room-catalog{min-height:0;overflow:auto;padding:20px;border:1px solid #dce5df;border-radius:18px;background:#fff}.room-catalog h2{margin-bottom:12px}.room-catalog>p{font-size:13px;line-height:1.6;color:#688071}.room-catalog ul{list-style:none;padding:0;margin:16px 0}.room-catalog li{margin-bottom:8px}.room-catalog__item{display:flex;align-items:center;gap:12px;padding:14px 12px;width:100%;border:1px solid #dce5df;border-radius:10px;background:#fff;text-align:left;color:#315c50;font-size:14px;box-sizing:border-box}.room-catalog__item span{flex:1;overflow-wrap:anywhere}.room-catalog__item>svg{flex-shrink:0}.room-catalog__item img{width:40px;height:40px;object-fit:contain;border-radius:6px}.room-catalog button.room-catalog__item:hover{background:#edf4ee;border-color:#aac4b2}.room-catalog__back{display:flex;align-items:center;gap:4px;border:0;background:transparent;padding:8px 0;color:#315c50}.room-catalog__path{font-size:12px;overflow-wrap:anywhere}.room-catalog h3{font-size:14px}.customer-room--drawing:has(.customer-room__layout--catalog) .customer-room__footer{padding-right:0}@media(max-width:760px){.customer-room--drawing .customer-room__layout--catalog{display:grid;grid-template-columns:minmax(110px,35%) minmax(0,1fr);gap:8px}.room-catalog{padding:12px 8px;border-radius:12px}.room-catalog h2{font-size:14px}.room-catalog__item{padding:10px 6px;gap:5px;font-size:11px}.room-catalog__item>svg,.room-catalog__item img{width:16px;height:16px}.room-catalog>p{font-size:11px}.customer-room__layout--catalog .customer-room__preview-heading{flex-wrap:wrap;gap:4px}.customer-room__layout--catalog .customer-room__zoom{padding:5px;gap:3px;flex-wrap:wrap}.customer-room__layout--catalog .customer-room__zoom button{min-width:28px;padding:4px 6px}.customer-room__layout--catalog .customer-room__preview>p{font-size:10px}.customer-room__steps{gap:10px}}.room-scene{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:#dfe4ea;isolation:isolate}.room-scene:fullscreen{width:100vw;height:100dvh}.room-scene__fullscreen{position:absolute;left:12px;bottom:12px;z-index:5;padding:8px 12px;border:1px solid #cbd5d1;border-radius:8px;background:#fff;color:#255647;cursor:pointer}.room-scene__loading{flex:1;display:grid;place-items:center;min-height:150px}.room-scene .geometry-v2-canvas{width:100%;height:100%}.room-scene>.geometry-v2-page{margin:0;padding:10px;height:100%;width:100%;min-width:0}.room-scene .geometry-v2-body{grid-template-columns:minmax(0,1fr) 24px minmax(180px,240px)}.room-scene .geometry-v2-body--panel-closed{grid-template-columns:minmax(0,1fr) 24px}.room-scene .geometry-v2-stage{min-height:0}.room-scene .geometry-v2-head h1{font-size:18px}.room-scene .geometry-editor-panel-content{overflow:auto}@media(max-width:760px){.room-scene .geometry-v2-body{grid-template-columns:minmax(0,1fr) 24px}.room-scene .lab-right-panel:not([hidden]){position:absolute;right:24px;top:0;bottom:0;width:min(240px,85%);z-index:8;background:#ece8e3}.room-scene .lab-modeling-toolbar{max-height:110px;overflow:auto}}.portal:has(.customer-room--drawing){width:100%;max-width:none}.room-project:has(.customer-room--drawing){width:100%;max-width:none;margin:0}.customer-room.customer-room--drawing{width:100%;max-width:none;margin:0;box-sizing:border-box}.customer-room--drawing .customer-room__layout--catalog{grid-template-columns:minmax(0,1fr)}.room-scene .geometry-editor-tools{width:100%;min-width:0}.room-catalog--toolbar{padding:10px 12px;border-radius:10px;max-height:180px;overflow:auto;box-sizing:border-box;width:100%}.room-catalog--toolbar h2{font-size:13px;margin:0 12px 6px 0}.room-catalog--toolbar ul{display:flex;gap:8px;margin:4px 0;flex-wrap:wrap}.room-catalog--toolbar li{margin:0;max-width:100%}.room-catalog--toolbar .room-catalog__item{width:auto;min-height:40px;padding:8px 12px;font-size:13px}.room-catalog--toolbar .room-catalog__item img{width:24px;height:24px}.room-catalog--toolbar .room-catalog__back{display:inline-flex;padding:3px 8px 3px 0}.room-catalog--toolbar .room-catalog__path{display:inline;font-size:12px;margin:0}.room-catalog--toolbar h3{font-size:12px;margin:6px 0}@media(max-width:760px){.room-catalog--toolbar{max-height:140px}.room-catalog--toolbar .room-catalog__item{font-size:12px;padding:6px 8px}}.portal:has(.customer-room--drawing)>main.room-project:has(.customer-room--drawing){width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}.portal:has(.customer-room--drawing){padding-left:12px;padding-right:12px}.room-scene__walls{position:absolute;left:126px;bottom:12px;z-index:5;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid #cbd5d1;border-radius:8px;font-size:13px;cursor:pointer}.room-scene__walls input{appearance:none;width:34px;height:20px;margin:0;border-radius:12px;background:#aab6b0;position:relative;cursor:pointer}.room-scene__walls input:checked{background:#245a46}.room-scene__walls input:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .15s}.room-scene__walls input:checked:before{transform:translate(14px)}.room-project:has(.customer-room__layout--catalog)>.room-project__exit{display:none}.room-scene .geometry-editor-heading{display:none}.customer-room__save-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.customer-room__projects{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #bfcfc6;border-radius:12px;background:#fff;color:#315c50;white-space:nowrap}@media(max-width:760px){.customer-room--drawing:has(.customer-room__layout--catalog) .customer-room__footer{gap:6px}.customer-room--drawing:has(.customer-room__layout--catalog) .customer-room__footer button{padding:9px 7px;font-size:12px;gap:4px}.customer-room__save-actions{gap:6px}}.spinner>.spinner__moon{position:absolute;inset:0;display:grid;place-items:center}.spinner>.spinner__logo{position:relative;width:58%;height:58%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.spinner__moon span{animation:none!important}}:root{--font-sans: "Manrope", sans-serif;--bg: #f6f4f1;--bg-elevated: #ffffff;--fg: #1f2933;--color-primary: #1f3a4d;--color-muted: #8b939c;--color-border: #e4ded6;--color-danger: #c23b3b;--radius: .625rem;--shadow-elevated: 0 1px 2px rgb(15 23 42 / 6%), 0 4px 12px rgb(15 23 42 / 4%);--control-h: 2.25rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh}body{margin:0;font-family:var(--font-sans);color:var(--fg);background:var(--bg)}button,input{font:inherit}.login-page{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;overflow:auto}.login-card{width:min(100%,22rem)}.login-card{width:min(100%,22rem);display:flex;flex-direction:column;gap:.85rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-elevated)}.brand-logo{display:block;flex:0 0 auto;object-fit:contain}.login-card__mark{align-self:center}.login-card h1,.portal h1{margin:0;color:var(--color-primary)}.login-card h1{text-align:center}.field{display:flex;flex-direction:column;gap:.35rem}.field>span{color:var(--color-muted);font-weight:500}.textbox{box-sizing:border-box;width:100%;height:var(--control-h);min-height:var(--control-h);padding:0 .75rem;border:1px solid color-mix(in srgb,var(--color-muted) 55%,transparent);border-radius:.35rem;color:var(--color-primary);background:var(--bg-elevated)}.field__password{display:flex;align-items:center;height:var(--control-h);border:1px solid color-mix(in srgb,var(--color-muted) 55%,transparent);border-radius:.35rem;background:var(--bg-elevated)}.field__password input{flex:1;min-width:0;height:100%;border:none;background:transparent}.icon-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);min-height:var(--control-h);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:.35rem;background:transparent;color:var(--color-primary);cursor:pointer;text-decoration:none}.btn-primary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);min-height:var(--control-h);padding:0 .85rem;border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer;text-decoration:none}.btn-secondary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);min-height:var(--control-h);padding:0 .85rem;border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--bg-elevated);color:var(--color-primary);font-weight:600;cursor:pointer}.form-error,.page__empty{color:var(--color-danger);margin:1.5rem}.page__empty{color:var(--color-muted)}.page__empty--brand{display:grid;place-items:center;height:100%;margin:0}.portal{display:flex;flex-direction:column;width:min(100%,72rem);min-height:100dvh;margin:0 auto;padding:1.25rem;box-sizing:border-box}.portal--wide{width:100%;max-width:none;gap:.75rem;padding:.75rem 1.25rem}.portal__brand{text-decoration:none;color:inherit}.portal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.portal__brand,.portal__user{display:flex;align-items:center;gap:.65rem}.portal__main--catalog{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.catalog-strip{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.catalog-strip__top{display:flex;align-items:center;justify-content:center;gap:.5rem}.catalog-strip__fly{transform-origin:0 0}.catalog-strip__main{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.catalog-strip__viewport{overflow:hidden;flex:1;min-width:0;min-height:11.5rem}.catalog-strip__track{display:flex;gap:.75rem;transition:transform .2s ease}.catalog-strip__empty,.catalog-strip__status{margin:0;color:var(--color-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:11.5rem}.catalog-strip__status p{margin:0;color:var(--color-danger)}.catalog-card{box-sizing:border-box;display:flex;flex-direction:column;gap:.4rem;width:8.5rem;flex-shrink:0;padding:0;border:2px solid transparent;border-radius:var(--radius);background:transparent;color:var(--color-primary);cursor:pointer;font:inherit;text-align:center}.catalog-card--inert{cursor:default}.catalog-card--selected{border-color:var(--color-primary)}.catalog-card__media{aspect-ratio:1;width:100%;overflow:hidden;border-radius:.5rem;background:#e8e8e8}.catalog-card__media img{width:100%;height:100%;object-fit:cover;display:block}.catalog-card__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8e8e8;color:var(--color-primary);font-weight:700}.catalog-card__name{font-size:.8rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card--new{text-decoration:none;justify-content:center;padding:.85rem .75rem;border:1px solid var(--color-border);background:var(--bg-elevated);box-shadow:var(--shadow-elevated)}.catalog-card__media--new{display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:#e8e8e8}.catalog-card__media--new svg{display:block;flex-shrink:0}.home-projects{display:flex;align-items:stretch;justify-content:center;gap:1.25rem;width:min(100%,40rem)}.home-projects__recent{flex:1;min-width:0;display:flex;flex-direction:column;gap:.65rem;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-elevated);min-height:11.5rem}.home-projects__recent h2{margin:0;font-size:.85rem;font-weight:700;color:var(--color-primary)}.home-projects__empty{margin:0;color:var(--color-muted);font-size:.85rem}.home-projects__list{margin:0;padding:0;list-style:none;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:.35rem}.home-projects__row{display:flex;align-items:center;gap:.65rem;min-height:var(--control-h);padding:.15rem .25rem;border-radius:.4rem;text-decoration:none;color:inherit}.home-projects__row:hover{background:#f0ece6}.home-projects__initials{flex:0 0 var(--control-h);width:var(--control-h);height:var(--control-h);display:flex;align-items:center;justify-content:center;border-radius:.4rem;background:#e8e8e8;color:var(--color-primary);font-size:.7rem;font-weight:700}.home-projects__meta{min-width:0;display:flex;flex-direction:column;gap:.1rem}.home-projects__title{font-size:.85rem;font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-projects__date{font-size:.75rem;color:var(--color-muted)}.icon-btn:disabled{opacity:.4;cursor:default}.portal__main--wizard-pick{flex:1;min-height:0}.phone-field{display:flex;align-items:stretch;width:100%;height:var(--control-h);min-height:var(--control-h);border:1px solid color-mix(in srgb,var(--color-muted) 55%,transparent);border-radius:.35rem;background:var(--bg-elevated);overflow:hidden}.phone-field__prefix{display:flex;align-items:center;padding:0 .55rem;border-right:1px solid color-mix(in srgb,var(--color-muted) 55%,transparent);color:var(--color-muted);font-weight:600;font-size:.85rem;flex:0 0 auto}.phone-field__input{flex:1;min-width:0;height:100%;border:none;border-radius:0}.phone-field__paste{box-sizing:border-box;height:100%;min-height:var(--control-h);padding:0 .65rem;border:none;border-left:1px solid color-mix(in srgb,var(--color-muted) 55%,transparent);background:#e8e8e8;color:var(--color-primary);font:inherit;font-weight:600;font-size:.8rem;cursor:pointer}.phone-field__paste:hover{background:#dedede}.custom-floor-pad{width:100%;height:100%;display:block;background:#f4f4f4}.custom-floor-pad__grid{fill:none;stroke:#ddd;stroke-width:.6}.custom-floor-pad__stroke{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.custom-floor-pad__fill{fill:color-mix(in srgb,var(--color-primary) 18%,white);stroke:var(--color-primary);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.custom-floor-pad__dot{fill:var(--color-primary)}.custom-floor-pad__draft{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-dasharray:6 4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.custom-floor-pad__draft--bad{stroke:var(--color-danger)}.custom-floor-pad__len{fill:var(--color-primary);font-weight:700;paint-order:stroke;stroke:#f4f4f4;stroke-width:.35em;pointer-events:none}@keyframes wall-pick-blink{0%,to{opacity:1}50%{opacity:.2}}.finish-color{position:relative;flex:1 1 0;min-width:0;width:auto}.finish-color__btn{box-sizing:border-box;display:flex;align-items:center;gap:.35rem;width:100%;height:var(--control-h);min-height:var(--control-h);padding:0 .4rem;border:1px solid var(--color-border);border-radius:.4rem;background:var(--bg);color:var(--color-primary);cursor:pointer;font:inherit;font-size:.75rem;font-weight:600;text-align:left}.finish-color__swatch{flex-shrink:0;width:1.15rem;height:1.15rem;border-radius:.25rem;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent)}.finish-cover__mark{background:color-mix(in srgb,var(--color-primary) 8%,#eee8df)}.finish-cover__mark--duz{background:#eee8df}.finish-cover__mark--beton{background-image:radial-gradient(circle at 30% 35%,rgb(15 23 42 / 18%) .12rem,transparent .14rem),radial-gradient(circle at 70% 65%,rgb(15 23 42 / 12%) .1rem,transparent .12rem)}.finish-cover__mark--karo{background-image:linear-gradient(to right,color-mix(in srgb,var(--color-primary) 28%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-primary) 28%,transparent) 1px,transparent 1px);background-size:.45rem .45rem}.finish-cover__mark--parke{background-image:repeating-linear-gradient(90deg,#d8c4a8 0 .28rem,color-mix(in srgb,var(--color-primary) 25%,transparent) .28rem .34rem)}.finish-color__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finish-color__popover{z-index:40;box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--finish-cols, 4),max-content);gap:.2rem;width:max-content;max-width:calc(100vw - 1rem);max-height:none;overflow:visible;padding:.4rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-elevated)}.finish-color__opt{box-sizing:border-box;display:flex;align-items:center;gap:.35rem;height:var(--control-h);min-height:var(--control-h);min-width:8.75rem;padding:0 .5rem;border:none;border-radius:.3rem;background:transparent;color:var(--color-primary);cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;text-align:left;white-space:nowrap}.finish-color__opt:hover,.finish-color__opt.is-on{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.cat-avatar{box-sizing:border-box;width:2rem;height:2rem;flex-shrink:0;overflow:hidden;border-radius:999px;background:#e8e8e8;display:inline-flex;align-items:center;justify-content:center}.cat-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cat-avatar__ph{font-size:.55rem;font-weight:700;color:var(--color-primary)}.cat-dd{position:relative}.cat-dd__btn{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:100%;height:var(--control-h);min-height:var(--control-h);padding:0 .5rem 0 .35rem;border:1px solid var(--color-border);border-radius:.35rem;background:var(--bg-elevated);color:var(--color-primary);cursor:pointer;text-align:left}.cat-dd__btn:disabled{opacity:.55;cursor:default}.cat-dd__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.85rem}.cat-dd__label--muted{font-weight:500;color:var(--color-muted)}.cat-dd__list{position:absolute;z-index:4;left:0;right:0;top:calc(100% + .25rem);margin:0;padding:.25rem;list-style:none;background:var(--bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-elevated);max-height:16rem;overflow:auto}.cat-dd__opt{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:100%;height:var(--control-h);min-height:var(--control-h);padding:0 .4rem;border:none;border-radius:.3rem;background:transparent;color:var(--color-primary);cursor:pointer;text-align:left;font-size:.85rem}.cat-dd__opt--on,.cat-dd__opt:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.cat-children{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.cat-children__row{display:flex;align-items:center;gap:.5rem;height:var(--control-h);min-height:var(--control-h);font-size:.85rem;font-weight:600;color:var(--color-primary)}.room-project{max-width:1440px;margin:0 auto;padding:32px}.room-project__header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.room-project__header h1{margin:12px 0 5px}.room-project__fields{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px}.room-project__fields label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.room-project__fields input,.room-project__fields select{padding:12px;border:1px solid #c9d4ce;border-radius:8px;background:#fff;color:#243b35}.room-project__editor{background:#fff;padding:24px;border:1px solid #dce3de;border-radius:16px}.room-project__contact{margin-top:24px}.loading-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#f6f4f1a6}.spinner{position:relative;display:inline-grid;place-items:center}.spinner__logo{width:58%;height:58%;object-fit:contain}.spinner__ring{position:absolute;inset:0;border:4px solid #cad4ce;border-top-color:#006f9b;border-radius:50%;animation:room-spin .8s linear infinite}@keyframes room-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner__ring{animation:none}}@media(max-width:760px){.room-project{padding:16px}.room-project__editor{padding:12px}.room-project__header{align-items:start}}.room-project__exit{display:inline-block;margin-bottom:20px;color:#526e5e;text-decoration:none;font-size:14px}.room-project:has(.customer-room){width:100%;box-sizing:border-box;max-width:1184px}.customer-home{width:100%;max-width:1080px;margin:32px auto;padding:0 24px 48px;box-sizing:border-box;flex:1}.customer-home .home-projects{display:flex;flex-direction:column;width:100%;gap:32px}.customer-home__welcome{padding:48px;background:#e9f0e9;border:1px solid #dbe5db;border-radius:22px}.customer-home__eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:#58715f}.customer-home__welcome h1{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.025em;margin:14px 0;color:#244536}.customer-home__welcome>p{font-size:17px;line-height:1.6;color:#5d7264;margin:0 0 26px}.customer-home__start{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;background:#245a46;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;white-space:nowrap;box-sizing:border-box}.customer-home__start:hover{background:#1b4736}.customer-home__steps{display:flex;flex-wrap:wrap;gap:22px;list-style:none;padding:0;margin:30px 0 0;color:#526b59;font-size:14px}.customer-home__steps li{display:flex;align-items:center;gap:8px}.customer-home__steps li>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#d7e5d9;font-size:12px;font-weight:700}.customer-home .home-projects__recent{flex:none;min-height:0;padding:26px;border-radius:18px;box-shadow:none;gap:20px}.customer-home__section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.customer-home .home-projects__recent h2{font-size:21px}.customer-home__section-heading>span{font-size:14px;color:#728074}.customer-home__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:28px 16px;color:#718174}.customer-home__empty strong{color:#415b4b;font-size:16px}.customer-home__empty p{margin:0;font-size:14px;line-height:1.6}.customer-home .home-projects__list{gap:8px;overflow:visible}.customer-home .home-projects__row{padding:16px;min-height:72px;box-sizing:border-box;border:1px solid #e2e9e3;border-radius:12px;gap:14px}.customer-home .home-projects__initials{width:42px;height:42px;flex-basis:42px;background:#e8efe9;color:#3b6350;font-size:14px}.customer-home .home-projects__meta{flex:1;gap:5px}.customer-home .home-projects__title{font-size:16px}.customer-home .home-projects__date{font-size:13px}.customer-home__open{flex-shrink:0;color:#5d7a67}.customer-home a:focus-visible{outline:3px solid #9fc5ad;outline-offset:4px}@media(max-width:600px){.customer-home{margin-top:18px;padding:0 16px 28px}.customer-home__welcome{padding:28px 22px;border-radius:16px}.customer-home__welcome>p{font-size:15px}.customer-home__start{width:100%}.customer-home__steps{gap:12px;font-size:12px}.customer-home__steps li{gap:5px}.customer-home .home-projects__recent{padding:20px 16px}.customer-home__section-heading>span{font-size:13px}.customer-home .home-projects__row{padding:12px}.customer-home .home-projects__title{font-size:14px}}.customer-home__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:stretch}.customer-home__hero-image{position:relative;min-height:0;overflow:hidden;border-radius:22px;background:#e5ebef}.customer-home__hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.customer-home__hero .customer-home__welcome{min-width:0;padding:40px 32px}@media(max-width:600px){.customer-home__hero{grid-template-columns:1fr;gap:16px}.customer-home__hero-image{height:260px;border-radius:16px}.customer-home__hero-image img{object-position:center 60%}.customer-home__hero .customer-home__welcome{padding:28px 22px}}