/* One page scroll; the preview keeps its complete original aspect ratio. */
body.ecela-corporate-studio .ux-ready{max-width:1680px;padding:10px 24px 24px}
body.ecela-corporate-studio .studio-layout{grid-template-columns:minmax(0,min(61%,calc((100dvh - var(--ecela-header-height,86px) - 210px)*var(--scene-ratio,1.59879)))) minmax(350px,1fr);gap:24px;align-items:start}
body.ecela-corporate-studio .studio-controls{max-height:none!important;height:auto!important;overflow:visible!important;padding-right:0;overscroll-behavior:auto;container-type:inline-size;container-name:choices}
body.ecela-corporate-studio .studio-scenes{position:relative;top:auto}
body.ecela-corporate-studio .studio-preview{width:100%;height:auto!important;aspect-ratio:var(--scene-aspect,1586 / 992)!important;max-height:none;min-height:0;border-radius:7px;overflow:hidden}
body.ecela-corporate-studio .studio-preview :is(canvas,.studio-base){width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
body.ecela-corporate-studio .studio-heading{padding:8px 0 16px}
body.ecela-corporate-studio .studio-heading h1{font-size:clamp(24px,2.2vw,33px);margin:0 0 5px;line-height:1.2}
body.ecela-corporate-studio .studio-heading p{font-size:13px;margin:0}
body.ecela-corporate-studio .studio-heading .studio-eyebrow{margin:0 0 5px}
body.ecela-corporate-studio .ux-topbar>.ux-summary-trigger{margin:0}
body.ecela-corporate-studio .ux-actionbar{position:static;padding:10px 0 0;margin:0;z-index:5}
body.ecela-corporate-studio .ux-surface-tabs{position:static;top:auto;gap:4px}
body.ecela-corporate-studio .ux-panel-hint{margin:6px 0;font-size:12px}
body.ecela-corporate-studio .ux-ready .studio-confirm-row{display:none}
body.ecela-corporate-studio .studio-panel{padding:16px}
body.ecela-corporate-studio .studio-panel-title{margin-bottom:10px}
body.ecela-corporate-studio .studio-option{padding:6px;min-height:0}
body.ecela-corporate-studio .studio-option img{aspect-ratio:1.65;object-fit:cover}
body.ecela-corporate-studio .studio-option :is(strong,small){line-height:1.25}
body.ecela-corporate-studio .studio-swatches{gap:8px}
@container choices (min-width:650px){body.ecela-corporate-studio .studio-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}body.ecela-corporate-studio .studio-option img{aspect-ratio:1.75}}
body.ecela-corporate-studio .ux-scene-toolbar{margin-top:6px;align-items:center;flex-wrap:wrap}
body.ecela-corporate-studio .ux-clear{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:600 12px var(--font-body);cursor:pointer}
body.ecela-corporate-studio .ux-clear:disabled{opacity:.45;cursor:default}
body.ecela-corporate-studio .ux-clear-feedback{font-size:12px;color:var(--muted);min-height:0;margin:6px 0 0}
body.ecela-corporate-studio .ux-clear-feedback:empty{display:none}
body.ecela-corporate-studio .ux-summary-dialog .ux-clear{margin-top:12px;width:100%}
body.ecela-corporate-studio :is(.floating-contact,.floating-whatsapp,.mobile-dock,.quick-contact,.back-to-top){display:none!important}
body.ecela-corporate-studio #studio input[data-search],body.ecela-corporate-studio #studio .studio-search-label{display:none!important}
body.ecela-corporate-studio .natural-gallery :is(input[type=search],label[for=interior-colour-search]){display:none!important}
body.ecela-corporate-studio .studio-dialog .studio-catalog-grid{margin-top:12px}
body.ecela-corporate-studio .studio-dialog>header{position:sticky;top:0;background:var(--paper);z-index:2}
body.ecela-corporate-studio[data-render-busy=true] .studio-preview{cursor:progress}
body.ecela-corporate-studio[data-ecela-comparison]>.natural-gallery,body.ecela-corporate-studio[data-ecela-comparison]>.unit-gallery{display:block;max-width:1440px;width:100%;margin:0 auto;padding:28px 24px 40px}
body.ecela-corporate-studio[data-ecela-comparison]>#main-content{display:none!important}
body.ecela-corporate-studio[data-ecela-comparison]>.site-footer{clear:both;width:100%;margin-top:0}
@media(min-width:1101px){body.ecela-corporate-studio .header-inner{min-height:76px}}
@media(max-width:1100px){body.ecela-corporate-studio .ux-ready{padding-inline:16px}body.ecela-corporate-studio .studio-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:18px}}
@media(max-width:980px){body.ecela-corporate-studio .studio-layout{display:block}body.ecela-corporate-studio .ux-ready{padding:0 14px 24px}body.ecela-corporate-studio .header-inner{min-height:64px}body.ecela-corporate-studio .studio-heading{padding:12px 0 10px}body.ecela-corporate-studio .studio-heading h1{font-size:22px}body.ecela-corporate-studio .studio-heading .studio-eyebrow{font-size:9px}body.ecela-corporate-studio .studio-scenes{position:sticky;top:var(--ecela-header-height,64px);z-index:20;background:var(--soft);padding-top:4px}body.ecela-corporate-studio .studio-panel{padding:12px}body.ecela-corporate-studio .studio-controls{padding-top:6px}body.ecela-corporate-studio .ux-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:auto 1fr;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}body.ecela-corporate-studio .ux-surface-tabs{position:static}body.ecela-corporate-studio .studio-preview{height:auto!important}body.ecela-corporate-studio .ux-scene-toolbar button{font-size:11px;padding:7px 9px;min-height:36px}body.ecela-corporate-studio .site-footer{padding-bottom:100px}body.ecela-corporate-studio[data-ecela-comparison]>.natural-gallery,body.ecela-corporate-studio[data-ecela-comparison]>.unit-gallery{padding:20px 14px}}
@media(max-height:620px) and (max-width:980px){body.ecela-corporate-studio .studio-scenes{position:relative;top:auto}}