:root{--ink:#171814;--paper:#f3f0e9;--white:#fff;--muted:#686a63;--line:#17181429;--accent:#eb4d37;--green:#315c43}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}.studio-shell{grid-template-rows:74px 3px minmax(0,1fr) 50px;min-height:100svh;display:grid}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#f3f0e9f5;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,64px);display:flex;position:relative}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.brand img{object-fit:contain;width:88px;height:42px}.brand span{border-left:1px solid var(--line);text-transform:uppercase;letter-spacing:1.5px;padding-left:14px;font-size:11px}.header-note{color:var(--muted);text-transform:uppercase;letter-spacing:1.3px;font-size:10px}.progress-rail{background:#d8d5cc}.progress-rail span{background:var(--accent);height:100%;transition:width .35s;display:block}.studio-stage{min-height:min(760px,100svh - 127px);position:relative}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(22px,4vw,64px);font-size:9px;display:flex}h1,h2,p{letter-spacing:0}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,5.3vw,78px);font-weight:400;line-height:1}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin:0 0 18px;font-size:10px;font-weight:800}.lede{max-width:540px;color:var(--muted);margin:24px 0 30px;font-size:clamp(16px,1.5vw,20px);line-height:1.55}.primary-button,.upload-button{border:1px solid var(--ink);background:var(--ink);min-height:54px;color:var(--white);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:12px;font-weight:800;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover,.upload-button:hover{background:#2d2e29;transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.upload-button:has(input:disabled){opacity:.6;cursor:wait;transform:none}.primary-button.wide{width:100%}.icon-back{border:1px solid var(--line);cursor:pointer;background:0 0;flex:none;place-items:center;width:44px;height:44px;display:grid}.error-message{color:#a62f24;margin:14px 0 0;font-size:12px;line-height:1.45}.error-message.centered{text-align:center}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.start-layout{min-height:inherit;grid-template-columns:minmax(410px,44%) 1fr;display:grid}.start-copy{flex-direction:column;justify-content:center;padding:clamp(48px,6vw,86px) clamp(30px,5vw,78px);display:flex}.room-picker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:26px;display:grid}.room-picker button{border:0;border-right:1px solid var(--line);min-height:78px;color:var(--muted);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:10px;display:flex;position:relative}.room-picker button:last-child{border-right:0}.room-picker button.active{color:var(--ink);background:var(--white)}.room-picker button>svg:last-child{color:var(--green);position:absolute;top:8px;right:8px}.upload-button{align-self:flex-start;min-width:205px;position:relative}.upload-button input{opacity:0;width:1px;height:1px;position:absolute}.photo-guidance{color:var(--muted);align-items:center;gap:9px;margin:14px 0 22px;font-size:10px;display:flex}.start-copy>.primary-button{align-self:flex-start;min-width:205px}.trust-line{color:var(--muted);align-items:center;gap:8px;margin-top:21px;font-size:10px;display:flex}.room-photo-stage{background:#aaa;min-height:620px;position:relative;overflow:hidden}.room-photo-stage img{object-fit:cover}.room-photo-stage:not(.uploaded) img{object-position:67% center}.room-photo-label{color:#fff;text-transform:uppercase;letter-spacing:.8px;background:#171814d1;align-items:center;gap:8px;padding:10px 13px;font-size:9px;display:flex;position:absolute;top:24px;right:24px}.choice-page{max-width:1140px;min-height:inherit;margin:0 auto;padding:clamp(48px,7vw,96px) 28px}.choice-heading{align-items:flex-start;gap:24px;max-width:900px;margin-bottom:48px;display:flex}.choice-heading h1,.section-heading h1{font-size:clamp(45px,5vw,68px)}.choice-heading p:last-child,.section-heading p:last-child{color:var(--muted);margin:16px 0 0;line-height:1.5}.surface-list{border-top:1px solid var(--line)}.surface-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:70px 58px 1fr 32px;align-items:center;gap:16px;width:100%;min-height:112px;padding:22px 12px;display:grid}.surface-list button:hover{background:var(--white)}.surface-index{color:var(--muted);font-size:10px}.surface-list button>svg{color:var(--muted)}.surface-list button>svg:last-child{color:var(--ink)}.surface-list strong,.surface-list small{display:block}.surface-list strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.surface-list small{color:var(--muted);margin-top:5px;font-size:11px}.catalogue-layout{min-height:inherit;padding:clamp(45px,5vw,72px) clamp(20px,4vw,62px) 70px}.section-heading{align-items:flex-start;gap:22px;max-width:1100px;margin:0 auto 38px;display:flex}.tile-grid{grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,24px);max-width:1360px;margin:0 auto;display:grid}.tile-option{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.tile-option:disabled{opacity:.6;cursor:wait}.tile-image{aspect-ratio:.88;background:#ccc;display:block;position:relative;overflow:hidden}.tile-image img{object-fit:cover;transition:transform .45s}.tile-option:hover .tile-image img{transform:scale(1.035)}.tile-info{justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.tile-info small,.tile-info strong{display:block}.tile-info small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:8px}.tile-info strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.tile-arrow{border:1px solid var(--line);flex:none;place-items:center;width:34px;height:34px;display:grid}.tile-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-top:8px;font-size:9px;display:block}.review-layout{min-height:inherit;grid-template-columns:minmax(0,62%) minmax(350px,1fr);display:grid}.review-room{min-height:650px;position:relative;overflow:hidden}.review-room img{object-fit:cover}.review-room>span{color:#fff;text-transform:uppercase;letter-spacing:.8px;background:#171814cc;padding:10px 13px;font-size:9px;position:absolute;top:24px;left:24px}.review-copy{flex-direction:column;justify-content:center;padding:clamp(44px,5vw,76px);display:flex}.review-copy .icon-back{margin-bottom:34px}.review-copy h1{font-size:clamp(44px,4.4vw,64px)}.review-copy>p:not(.eyebrow):not(.render-time):not(.error-message){color:var(--muted);margin:22px 0 28px;font-size:14px;line-height:1.55}.selection-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:72px 1fr 24px;align-items:center;gap:16px;min-height:88px;padding:8px 0;display:grid}.selection-summary img{object-fit:cover;width:72px;height:72px}.selection-summary span>*{display:block}.selection-summary strong{margin:3px 0;font-family:Georgia,serif;font-size:20px;font-weight:400}.selection-summary small{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:8px}.selection-summary>svg{color:var(--green)}.generation-progress{background:#d4d1c8;height:3px;margin-top:26px;position:relative}.generation-progress span{background:var(--accent);height:100%;transition:width .7s;display:block}.generation-progress p{color:var(--muted);margin:8px 0 0;font-size:9px}.review-copy .primary-button{margin-top:25px}.render-time{text-align:center;color:var(--muted);margin:10px 0 0;font-size:9px}.result-page{min-height:inherit;background:#12130f}.comparison{background:#111;min-height:max(650px,100svh - 127px);position:relative;overflow:hidden}.comparison>img,.compare-overlay,.compare-overlay img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare-overlay{z-index:1}.compare-label{z-index:3;color:#fff;text-transform:uppercase;letter-spacing:.8px;pointer-events:none;background:#11120fc2;padding:9px 12px;font-size:9px;position:absolute;top:24px}.compare-label.before{left:24px}.compare-label.after{right:24px}.compare-line{z-index:3;pointer-events:none;background:#ffffffe0;width:1px;position:absolute;top:0;bottom:0}.compare-line i{width:44px;height:44px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-style:normal;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison>input[type=range]{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.result-actions{z-index:6;color:#fff;background:#11120fe0;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.result-actions button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-right:1px solid #fff3;align-items:center;gap:8px;min-height:48px;padding:0 17px;font-size:10px;display:flex}.result-actions button:last-child{border-right:0}.result-actions button:hover{background:#ffffff1a}.result-actions button:disabled{opacity:.6;cursor:wait}.fullscreen-button{z-index:6;color:#fff;cursor:pointer;background:#11120fb8;border:1px solid #ffffff73;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:24px;right:24px}.preview-error{z-index:7;color:#fff;white-space:nowrap;background:#8e2b22;margin:0;padding:10px 14px;font-size:10px;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.panorama-generating{z-index:8;color:#fff;text-align:center;background:#11120fc2;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.panorama-generating strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.panorama-generating span{color:#ffffffb8;font-size:10px}.panorama-viewer{z-index:100;color:#fff;background:#111;position:fixed;inset:0;overflow:hidden}.panorama-canvas{cursor:grab;touch-action:none;position:absolute;inset:0}.panorama-canvas:active{cursor:grabbing}.panorama-canvas canvas{width:100%;height:100%;display:block}.panorama-heading{pointer-events:none;background:#11120fc7;padding:12px 14px;position:absolute;top:24px;left:24px}.panorama-heading small,.panorama-heading strong{display:block}.panorama-heading small{color:#ffffffad;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:8px}.panorama-heading strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.panorama-hint{pointer-events:none;white-space:nowrap;background:#11120fc7;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.panorama-tools{background:#11120fc7;display:flex;position:absolute;top:24px;right:24px}.panorama-tools button{color:#fff;cursor:pointer;background:0 0;border:0;border-right:1px solid #fff3;place-items:center;width:48px;height:48px;display:grid}.panorama-tools button:last-child{border-right:0}.panorama-tools button:hover{background:#ffffff1f}@media (max-width:900px){.studio-shell{grid-template-rows:64px 3px minmax(0,1fr) 48px}.start-layout,.review-layout{grid-template-columns:1fr}.start-copy{padding:46px 26px 36px}.start-copy h1{font-size:clamp(50px,14vw,70px)}.room-photo-stage{min-height:52svh}.tile-grid{grid-template-columns:repeat(2,1fr)}.review-copy{order:1;padding:42px 28px}.review-room{order:2;min-height:52svh}.comparison{min-height:calc(100svh - 115px)}}@media (max-width:560px){.site-header{padding:0 18px}.brand img{width:72px;height:34px}.brand span{padding-left:10px;font-size:9px}.header-note{display:none}.site-footer{padding:0 18px}.site-footer span:last-child{display:none}.room-picker button{min-height:72px;font-size:9px}.upload-button,.start-copy>.primary-button{width:100%}.photo-guidance{line-height:1.4}.choice-page{padding:38px 18px 54px}.choice-heading{gap:14px;margin-bottom:30px}.choice-heading h1,.section-heading h1{font-size:42px}.surface-list button{grid-template-columns:28px 38px 1fr 20px;gap:11px;min-height:98px}.surface-list strong{font-size:23px}.catalogue-layout{padding:38px 14px 54px}.section-heading{gap:14px;margin-bottom:28px}.tile-grid{gap:22px 10px}.tile-info strong{font-size:18px}.tile-arrow{width:29px;height:29px}.tile-meta{font-size:8px;line-height:1.4}.review-copy{padding:38px 24px 42px}.result-actions{width:calc(100% - 28px);bottom:14px}.result-actions button{flex:1;justify-content:center;padding:0 8px;font-size:0}.result-actions button svg{width:20px;height:20px}.fullscreen-button{bottom:76px;right:14px}.compare-label{top:14px}.compare-label.before{left:14px}.compare-label.after{right:14px}.preview-error{white-space:normal;text-align:center;max-width:calc(100% - 28px);bottom:132px}.panorama-heading{max-width:calc(100% - 182px);top:14px;left:14px}.panorama-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panorama-tools{top:14px;right:14px}.panorama-tools button{width:44px;height:44px}.panorama-hint{bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}