.room-preview-page{max-width:1240px}.room-preview-controls{display:grid;gap:20px}.room-preview-controls label{display:grid;gap:8px}.room-preview-controls input[type=file],.room-preview-controls select{width:100%;min-height:46px;padding:10px 12px;color:#f4efe6;background:#151410;border:1px solid rgba(211,168,95,.28);border-radius:8px}.room-preview-controls>p,.room-privacy p,.room-upload span{color:#b8b0a2}.room-preview-controls fieldset{margin:0;padding:0;border:0}.room-preview-controls legend{margin-bottom:10px;font-weight:750}.room-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px}.room-color-grid button{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 10px;color:#eee8de;background:#171612;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:left}.room-color-grid button i{width:25px;height:25px;flex:0 0 25px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.room-color-grid button.is-selected{border-color:#d3a85f;box-shadow:0 0 0 2px rgba(211,168,95,.18)}.room-generate{width:min(100%,360px);font-size:.9rem}.room-generate:disabled{opacity:.5}.room-warning{padding:12px;border:1px solid rgba(211,168,95,.3);border-radius:8px;background:rgba(211,168,95,.08)}.room-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.room-results figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(211,168,95,.25);border-radius:10px;background:#0b0a08}.room-results img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.room-results figcaption{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff}.room-turnstile{min-height:65px}@media(max-width:700px){.room-results{grid-template-columns:1fr}.room-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.room-window-step{display:grid;gap:9px}.room-window-step p,.room-window-step span{margin:0;color:#b8b0a2}.room-window-selector{position:relative;width:min(100%,760px);overflow:hidden;border:1px solid rgba(211,168,95,.35);border-radius:10px;background:#090806;cursor:crosshair;touch-action:none;user-select:none}.room-window-selector img{display:block;width:100%;height:auto;pointer-events:none}.room-window-selector i{position:absolute;border:3px solid #d3a85f;background:rgba(211,168,95,.16);box-shadow:0 0 0 9999px rgba(0,0,0,.28);pointer-events:none}.room-model-grid,.room-window-candidates{display:flex;flex-wrap:wrap;gap:8px}.room-model-grid button,.room-window-candidates button{padding:9px 12px;color:#eee8de;background:#171612;border:1px solid rgba(255,255,255,.12);border-radius:8px}.room-model-grid button.is-selected{border-color:#d3a85f;box-shadow:0 0 0 2px rgba(211,168,95,.18)}.room-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.room-compare-grid figure{margin:0;overflow:hidden;border:1px solid rgba(211,168,95,.25);border-radius:10px;background:#0b0a08}.room-compare-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.room-compare-grid figcaption{display:grid;gap:5px;padding:12px;color:#b8b0a2}.room-compare-grid figcaption strong{color:#f4efe6}.room-compare-grid a{color:#d3a85f}.room-preview-public{margin:0 auto;padding:32px 20px 64px}.room-preview-public h1{font-size:clamp(28px,5vw,42px);margin:24px 0 12px}.room-preview-page button:focus-visible,.room-preview-public a:focus-visible{outline:3px solid #d3a85f;outline-offset:3px}.room-preview-public .admin-inline-actions{display:flex;flex-wrap:wrap;gap:12px}.room-preview-public .admin-inline-actions button,.room-preview-public .admin-primary-button{display:inline-flex;justify-content:center;padding:12px 18px;background:#d3a85f;color:#151410;border:1px solid #d3a85f;border-radius:8px;text-decoration:none;font-weight:700}.room-preview-public button:disabled{opacity:.5;cursor:not-allowed}.room-preview-public p{line-height:1.65}.room-preview-public .room-privacy{margin-top:24px}.room-preview-public .room-color-grid button{word-break:normal;overflow-wrap:normal}.room-preview-public .admin-card{box-shadow:none}html[data-theme=light] .room-preview-public .admin-card{background:#fffdf8;color:#28241c}html[data-theme=light] .room-preview-public .room-preview-controls>p,html[data-theme=light] .room-preview-public .room-privacy p,html[data-theme=light] .room-preview-public .room-upload span,html[data-theme=light] .room-preview-public h2{color:#504638}html[data-theme=light] .room-preview-public .room-color-grid button,html[data-theme=light] .room-preview-public input,html[data-theme=light] .room-preview-public select{background:#f7f3ea;color:#28241c;border-color:#c9bdab}.room-beta-note{max-width:760px;margin:12px 0 22px;padding:10px 13px;border-left:3px solid #d3a85f;border-radius:0 8px 8px 0;background:rgba(211,168,95,.08);color:#c9c0b1;font-size:.92rem}html[data-theme=light] .room-beta-note{color:#5b5041;background:#f5eee1}.room-preview-public{--rp-bg:#11100d;--rp-card:#181612;--rp-card-2:#211e18;--rp-text:#f6f1e8;--rp-muted:#bcb3a5;--rp-line:rgba(221,181,111,.22);--rp-gold:#d7ad67;--rp-shadow:0 24px 70px rgba(0,0,0,.28);max-width:1440px;min-height:100vh;padding:30px clamp(16px,4vw,64px) 80px;background:var(--rp-bg);color:var(--rp-text)}.room-hero{max-width:940px;margin:40px 0 32px}.room-hero .eyebrow{color:var(--rp-gold);font-weight:800;letter-spacing:.16em}.room-hero h1{max-width:900px;margin:8px 0 14px;font-size:clamp(2.2rem,5vw,5rem);line-height:.98;letter-spacing:-.045em}.room-hero>p:last-child{color:var(--rp-muted);font-size:clamp(1rem,1.8vw,1.25rem)}.room-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 22px;padding:0;list-style:none}.room-steps li{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:12px;color:var(--rp-muted);border-bottom:1px solid var(--rp-line)}.room-steps li:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--rp-gold);transition:width .35s}.room-steps li.is-done:after{width:100%}.room-steps b{color:var(--rp-gold);font:800 .75rem/1 system-ui}.room-steps span{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-workspace{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(420px,1.18fr);gap:22px;align-items:start}.room-panel{min-width:0;padding:clamp(18px,2.3vw,32px);border:1px solid var(--rp-line);border-radius:22px;background:linear-gradient(145deg,var(--rp-card),var(--rp-card-2));box-shadow:var(--rp-shadow)}.room-controls{display:grid;gap:22px}.room-dropzone{display:grid;place-items:center;min-height:260px;padding:24px;text-align:center;border:1px dashed rgba(221,181,111,.55);border-radius:18px;background:radial-gradient(circle at 50% 10%,rgba(215,173,103,.12),transparent 54%);transition:transform .25s,border-color .25s,background .25s}.room-dropzone.is-dragging{transform:scale(.99);border-color:var(--rp-gold);background:rgba(215,173,103,.12)}.room-dropzone.has-photo{position:relative;padding:0;overflow:hidden;border-style:solid}.room-dropzone>img{width:100%;height:300px;object-fit:contain;background:#080806}.room-camera{display:grid;place-items:center;width:62px;height:62px;margin-bottom:8px;border:1px solid var(--rp-line);border-radius:50%;color:var(--rp-gold);font-size:2rem;box-shadow:0 0 35px rgba(215,173,103,.18)}.room-dropzone h2{margin:5px 0;font-size:1.15rem}.room-dropzone p{max-width:390px;margin:0 0 16px;color:var(--rp-muted)}.room-change,.room-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--rp-gold);color:#17120a;font-weight:850;cursor:pointer}.room-change input,.room-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.room-change{position:absolute;right:12px;bottom:12px;box-shadow:0 6px 24px rgba(0,0,0,.35)}.room-privacy-note{color:var(--rp-muted)}.room-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-select-grid label{display:grid;gap:7px}.room-controls legend,.room-select-grid span{font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--rp-muted)}.room-select-grid select{width:100%;min-height:50px;padding:0 38px 0 14px;border:1px solid var(--rp-line);border-radius:12px;background:var(--rp-card-2);color:var(--rp-text);font-weight:700}.room-controls fieldset{display:grid;gap:12px;margin:0;padding:0;border:0}.room-controls legend strong{color:var(--rp-text)}.room-selected-fabric{position:relative;height:80px;overflow:hidden;border:1px solid var(--rp-line);border-radius:12px}.room-selected-fabric img{width:100%;height:100%;object-fit:cover}.room-selected-fabric span{position:absolute;inset:0;opacity:.25;mix-blend-mode:color}.room-palette{display:flex;gap:9px;padding:4px 2px 10px;overflow-x:auto;scrollbar-color:var(--rp-gold) transparent}.room-palette button{display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:7px;flex:0 0 84px;min-height:82px;padding:9px 6px;border:1px solid var(--rp-line);border-radius:13px;background:transparent;color:var(--rp-muted);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.room-palette button:hover{transform:translateY(-2px);border-color:var(--rp-gold)}.room-palette button.is-selected{border-color:var(--rp-gold);background:rgba(215,173,103,.1);color:var(--rp-text);box-shadow:0 0 0 2px rgba(215,173,103,.14)}.room-palette i{width:32px;height:32px;border:2px solid rgba(255,255,255,.42);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.room-palette span{width:100%;font-size:.68rem;line-height:1.18;text-align:center;word-break:normal;overflow-wrap:normal}.room-generate{width:100%;min-height:56px;border:0;border-radius:14px;background:linear-gradient(110deg,#b8893e,#f0cd8c,#b8893e);background-size:200% 100%;color:#171109;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(183,137,62,.22);animation:room-gold 5s linear infinite}.room-generate:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.48}.room-message{min-height:1.5em;margin:0;color:var(--rp-muted)}.room-stage{position:sticky;top:110px;display:grid;min-height:680px;place-items:center;overflow:hidden}.room-stage-empty{text-align:center}.room-stage-empty>p{max-width:460px;color:var(--rp-muted)}.room-demo-window{position:relative;width:min(340px,70vw);aspect-ratio:1.05;border:12px solid #26231d;border-radius:6px;background:linear-gradient(#b8cbd5,#e9dfca);box-shadow:0 20px 60px rgba(0,0,0,.3)}.room-demo-window span{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(35,30,25,.82) 0 24px,rgba(255,255,255,.24) 24px 46px);transform-origin:top;animation:room-curtain 7s ease-in-out infinite}.room-demo-window i{position:absolute;top:-16px;bottom:-22px;width:32%;background:repeating-linear-gradient(90deg,#6f6455 0 12px,#938675 12px 23px);filter:drop-shadow(0 8px 8px rgba(0,0,0,.22))}.room-demo-window i:first-of-type{left:-26px;border-radius:0 0 70% 0}.room-demo-window i:nth-of-type(2){right:-26px;border-radius:0 0 0 70%}.room-result-reveal,.room-stage-photo{width:100%}.room-stage-photo{position:relative}.room-stage-photo>img{display:block;width:100%;max-height:660px;object-fit:contain;border-radius:14px;background:#090806}.room-stage-photo>div{position:absolute;left:14px;bottom:14px;display:grid;padding:9px 12px;border-radius:10px;background:rgba(8,7,5,.78);backdrop-filter:blur(8px)}.room-stage-photo span{color:#d9c8a9}.room-ai-loader{display:grid;gap:26px;text-align:center}.room-loader-window{position:relative;width:min(380px,70vw);aspect-ratio:1.05;overflow:hidden;border:10px solid #25211b;border-radius:8px;background:linear-gradient(150deg,#343b3c,#bfaf91)}.room-loader-window:after{content:"";position:absolute;inset:-20% 0 auto;height:35%;background:linear-gradient(transparent,rgba(245,211,151,.62),transparent);filter:blur(10px);animation:room-scan 2.2s ease-in-out infinite}.room-loader-window i{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(22,18,14,.85) 0 24px,rgba(255,255,255,.18) 24px 45px);transform-origin:top;animation:room-form 3.2s ease-in-out infinite}.room-loader-window b,.room-loader-window span{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,#4c453a,#887b68,#4c453a);animation:room-breathe 2.8s ease-in-out infinite}.room-loader-window span{left:0}.room-loader-window b{right:0}.room-ai-loader strong{font-size:1.2rem;color:var(--rp-gold)}.room-ai-loader p{max-width:520px;color:var(--rp-muted)}.room-compare{--split:50%;position:relative;width:100%;overflow:hidden;border-radius:14px;background:#080706}.room-compare>div img,.room-compare>img{display:block;max-height:670px}.room-compare>div{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.room-compare>div img{width:100%;height:100%;object-fit:contain}.room-compare>i{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}.room-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.room-compare>b{position:absolute;top:12px;padding:6px 10px;border-radius:99px;background:rgba(0,0,0,.68);color:#fff;font-size:.72rem}.before-label{right:12px}.after-label{left:12px}.room-result-reveal{animation:room-reveal .55s ease both}.room-result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}.room-result-actions a,.room-result-actions button{min-height:48px;padding:0 18px;border:1px solid var(--rp-line);border-radius:11px;background:var(--rp-card);color:var(--rp-text);font-weight:800;text-decoration:none;cursor:pointer}.room-result-actions .primary{background:var(--rp-gold);color:#171109}.room-empty{padding:40px;text-align:center}html[data-theme=light] .room-preview-public{--rp-bg:#f7f3eb;--rp-card:#fffdfa;--rp-card-2:#f5efe5;--rp-text:#28231c;--rp-muted:#685e50;--rp-line:rgba(111,82,40,.2);--rp-gold:#a97831;--rp-shadow:0 24px 60px rgba(74,55,26,.12)}html[data-theme=light] .room-dropzone>img,html[data-theme=light] .room-stage-photo>img{background:#eee8dc}@keyframes room-gold{50%{background-position:100% 0}}@keyframes room-curtain{0%,18%{transform:scaleY(.08);opacity:.2}45%,75%{transform:scaleY(1);opacity:1}95%,to{transform:scaleY(.08);opacity:.2}}@keyframes room-form{0%,to{transform:scaleY(.25);opacity:.45}50%{transform:scaleY(1);opacity:1}}@keyframes room-scan{0%{transform:translateY(-30%)}to{transform:translateY(420%)}}@keyframes room-breathe{50%{filter:brightness(1.24)}}@keyframes room-reveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.room-workspace{grid-template-columns:1fr}.room-stage{position:relative;top:auto;min-height:440px}.room-select-grid{grid-template-columns:1fr}.room-steps span{font-size:.75rem}}@media(max-width:560px){.room-preview-public{padding-inline:12px}.room-hero{margin-top:26px}.room-steps li{display:grid;gap:5px;padding:9px 4px;text-align:center}.room-steps span{white-space:normal;font-size:.64rem}.room-panel{padding:14px;border-radius:16px}.room-dropzone{min-height:230px}.room-dropzone>img{height:250px}.room-stage{min-height:360px}.room-palette button{flex-basis:74px}.room-result-actions>*{width:100%;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.room-demo-window span,.room-generate,.room-loader-window b,.room-loader-window i,.room-loader-window span,.room-loader-window:after,.room-result-reveal{animation:none!important}.room-dropzone,.room-palette button{transition:none}}.room-steps li.is-active{color:var(--rp-text);background:linear-gradient(180deg,transparent,rgba(215,173,103,.07))}.room-steps li.is-active b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--rp-gold);color:#171109}.room-palette-shell{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:7px}.room-palette{gap:10px;padding:6px 4px 12px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}.room-palette button{grid-template-rows:auto minmax(30px,1fr);align-items:start;flex-basis:102px;min-height:92px;padding:10px 8px;scroll-snap-align:start}.room-palette button.is-selected{box-shadow:0 0 0 2px rgba(215,173,103,.17),0 9px 24px rgba(0,0,0,.18)}.room-palette button.is-selected i:after{content:"✓";display:grid;place-items:center;width:100%;height:100%;color:#fff;font-style:normal;font-weight:900;text-shadow:0 1px 5px #000}.room-palette i{width:36px;height:36px}.room-palette span{font-size:.72rem;line-height:1.25}.room-palette-arrow{display:grid;place-items:center;width:38px;height:48px;padding:0;border:1px solid var(--rp-line);border-radius:999px;background:var(--rp-card-2);color:var(--rp-gold);font-size:1.75rem;line-height:1;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.2)}.room-palette-arrow:hover{border-color:var(--rp-gold);transform:translateY(-1px)}.room-generate{min-height:60px;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 14px 36px rgba(183,137,62,.28),inset 0 1px rgba(255,255,255,.3)}.room-generate:disabled{box-shadow:none}.room-message{text-align:center;font-size:.9rem}.room-stage-empty{width:100%}.room-demo-comparison{position:relative;width:min(520px,100%);aspect-ratio:4/5;margin:0 auto 22px;overflow:hidden;border:1px solid var(--rp-line);border-radius:18px;background:#0b0907;box-shadow:0 24px 60px rgba(0,0,0,.35)}.room-demo-comparison>div img,.room-demo-comparison>img{display:block;width:100%;height:100%;object-fit:cover}.room-demo-comparison>div{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 46% 0 0);animation:room-demo-reveal 9s ease-in-out infinite}.room-demo-comparison>div img{position:absolute;inset:0}.room-demo-comparison>i{position:absolute;z-index:3;top:0;bottom:0;left:54%;width:2px;background:#fff;animation:room-demo-divider 9s ease-in-out infinite}.room-demo-comparison>i:after{content:"↔";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(12,10,8,.65);color:#fff;transform:translate(-50%,-50%)}.room-demo-comparison>b,.room-demo-comparison>span{position:absolute;z-index:4;padding:7px 10px;border-radius:999px;background:rgba(10,8,6,.67);color:#fff;font-size:.68rem;backdrop-filter:blur(8px)}.room-demo-comparison>b{top:12px;left:12px;color:#f0d095;text-transform:uppercase}.room-demo-comparison>span:first-of-type{left:12px;bottom:12px}.room-demo-comparison>span:nth-of-type(2){right:12px;bottom:12px}.room-ai-loader-photo{position:relative;width:100%;min-height:540px;overflow:hidden;border-radius:16px;background:#090806}.room-ai-loader-photo>img{width:100%;height:100%;min-height:540px;max-height:660px;object-fit:contain;filter:saturate(.86) brightness(.74)}.room-ai-scan{position:absolute;inset:-30% 0 auto;height:38%;background:linear-gradient(transparent,rgba(239,201,130,.36),rgba(255,255,255,.2),transparent);filter:blur(8px);animation:room-photo-scan 2.4s ease-in-out infinite}.room-ai-loader-copy{position:absolute;left:50%;bottom:28px;width:min(88%,520px);padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(12,10,8,.76);transform:translateX(-50%);backdrop-filter:blur(14px)}.room-ai-loader-copy strong{font-size:1.15rem;color:var(--rp-gold)}.room-ai-loader-copy p{margin:8px 0 0;color:#ddd3c4}@keyframes room-demo-reveal{0%,12%{clip-path:inset(0 90% 0 0)}45%,68%{clip-path:inset(0 8% 0 0)}88%,to{clip-path:inset(0 90% 0 0)}}@keyframes room-demo-divider{0%,12%{left:10%}45%,68%{left:92%}88%,to{left:10%}}@keyframes room-photo-scan{0%{transform:translateY(-15%)}to{transform:translateY(360%)}}@media(max-width:560px){.room-palette-shell{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}.room-palette-arrow{width:32px;height:44px}.room-palette button{flex-basis:92px}.room-demo-comparison{width:min(360px,100%)}.room-ai-loader-photo,.room-ai-loader-photo>img{min-height:350px}}@media(prefers-reduced-motion:reduce){.room-ai-scan,.room-demo-comparison>div,.room-demo-comparison>i{animation:none!important}.room-demo-comparison>div{clip-path:inset(0 46% 0 0)}.room-demo-comparison>i{left:54%}}.room-preview-public{margin-inline:auto;padding-top:18px}.room-hero{margin:18px 0 22px}.room-hero h1{font-size:clamp(2rem,4.2vw,4.25rem)}.room-steps{margin-bottom:16px}.room-panel{padding:clamp(16px,2vw,26px)}.room-controls{gap:17px}.room-dropzone{min-height:220px}.room-stage{min-height:590px}.room-quota{display:grid;gap:4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--rp-gold) 40%,transparent);border-radius:12px;background:color-mix(in srgb,var(--rp-gold) 10%,var(--rp-card));color:var(--rp-text)}.room-quota strong{font-size:.9rem}.room-quota span{color:var(--rp-muted);font-size:.8rem}.room-quota.is-last{border-color:#d99b42;background:rgba(217,155,66,.12)}.room-quota.is-empty{border-color:#d74d4d;background:rgba(176,35,35,.14)}.room-quota.is-empty strong{color:#ff8989}.room-message{padding:8px 10px;border-radius:9px}.room-message:empty{padding:0}.room-message.is-success{color:#9ed7a8;background:rgba(44,139,73,.1)}.room-message.is-warning{color:#efc37d;background:rgba(206,137,35,.1)}.room-message.is-error{color:#ff9797;background:rgba(176,35,35,.12)}html[data-theme=light] .room-quota.is-empty strong{color:#a51f1f}html[data-theme=light] .room-message.is-error{color:#991f1f}html[data-theme=light] .room-message.is-success{color:#226e35}html[data-theme=light] .room-message.is-warning{color:#895b11}@media(max-width:900px){.room-preview-public{padding-top:10px}.room-hero{margin:14px 0 18px}.room-stage{min-height:400px}}@media(max-width:560px){.room-hero h1{font-size:2.05rem}.room-hero>p:last-child{font-size:.96rem}.room-controls,.room-workspace{gap:14px}.room-dropzone{min-height:205px}.room-stage{min-height:330px}}.room-change-actions,.room-upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,430px)}.room-change-actions{position:absolute;right:12px;bottom:12px;width:min(calc(100% - 24px),430px)}.room-source-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--rp-gold) 72%,transparent);border-radius:999px;background:var(--rp-gold);color:#17120a;font-size:.82rem;font-weight:850;line-height:1.2;text-align:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.24)}.room-source-button:hover{filter:brightness(1.06)}.room-source-button:focus-within{outline:3px solid var(--rp-gold);outline-offset:3px}.room-source-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;white-space:nowrap}@media(max-width:390px){.room-change-actions,.room-upload-actions{grid-template-columns:1fr}.room-change-actions{width:min(calc(100% - 20px),260px);right:10px;bottom:10px}.room-source-button{min-height:44px}}.room-stage.has-result{min-height:0;place-items:stretch}.room-result-reveal{position:relative;display:grid;align-content:start;width:100%;min-width:0}.room-compare{width:min(100%,calc(72svh * var(--room-aspect,1)));min-height:240px;aspect-ratio:var(--room-aspect,1);margin-inline:auto;isolation:isolate;transition:opacity .2s ease}.room-compare.is-pending{visibility:hidden;opacity:0}.room-compare>div img,.room-compare>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;padding:0;object-fit:contain;background:#080706}.room-compare>div{z-index:1}.room-compare>i{z-index:2}.room-compare>b{z-index:3;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-compare>input{z-index:4;touch-action:pan-y}.room-result-loading{position:absolute;z-index:5;inset:0;display:grid;min-height:240px;place-items:center;padding:20px;border:1px solid var(--rp-line);border-radius:14px;background:var(--rp-card);color:var(--rp-muted);text-align:center}.room-result-actions>*{display:inline-flex;align-items:center;justify-content:center;min-width:0;text-align:center;white-space:normal;line-height:1.25}@media(max-width:560px){.room-stage.has-result{padding:10px}.room-compare{width:min(100%,calc(68svh * var(--room-aspect,1)));min-height:180px}.room-compare>b{top:10px;padding:6px 9px;font-size:.68rem}.room-result-actions{display:grid;grid-template-columns:1fr;gap:9px}.room-result-actions>*{width:100%;min-height:52px;padding:10px 14px}}