.room-page{--bg:#0e0a10;--panel:#1b1320;--text:#faf4fc;--muted:#c3b4c9;--line:#422b4a;--accent:#d78fe7;background:var(--bg)}
.room-brand{background:#0e0a10;border-color:var(--line)}.room-brand .brand>span{color:var(--text)}.room-brand nav [aria-current]{color:var(--accent)}.back{margin-left:auto}
.room{max-width:1320px;margin:auto;padding:45px 4% 70px}.room-hero{text-align:center;padding:0 0 22px}.room-hero .eyebrow{display:inline-block;color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:5px 13px;margin-bottom:14px}.room h1{font-size:clamp(30px,4vw,54px);margin:0 auto 12px}.room p{margin:8px 0;color:var(--muted)}
.room-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px}.room-steps li{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:11px;font-size:13px;color:var(--muted)}.room-steps b{color:var(--accent);margin-right:5px}.room-steps [aria-current]{border-color:#9660a6;background:#31183e;color:var(--text)}
.studio{display:grid;grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);gap:16px;align-items:start}.workspace,.settings{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:13px}
.dropzone{text-align:center;padding:18px 10px;border:1px dashed #9660a6;border-radius:11px;background:#24162c}.dropzone.is-over{background:#3a2046}.room-camera{display:inline-grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#392044;color:var(--accent);font-size:25px}.room h2{font-size:20px;margin:9px 0 5px;letter-spacing:0}.room .tip,.dropzone small,#status,#ai-status{font-size:12px}.sources,.comparison{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.source,.room button:not(.gold){position:relative;background:#2b1934;color:var(--text);border:1px solid #66406f;border-radius:7px;padding:7px 11px;cursor:pointer;font:inherit;font-size:13px}.source input{position:absolute;inset:0;opacity:0;cursor:pointer}.source:focus-within{outline:2px solid var(--accent)}
.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.model-grid label{font-size:13px}.room select{width:100%;background:#160f1c;color:var(--text);font:inherit;padding:8px;border:1px solid var(--line);border-radius:7px;margin-top:5px}.colors{min-width:0;margin:0 0 13px;padding:9px;border:1px solid var(--line);border-radius:8px}.colors legend{font-size:13px}.fabric{position:relative;height:112px;border-radius:6px;overflow:hidden}.fabric img{width:100%;height:100%;object-fit:cover}.fabric span{position:absolute;bottom:7px;right:7px;width:31px;height:31px;border:2px solid white;border-radius:50%}
.palette-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center;margin-top:9px}.palette{display:flex;gap:5px;overflow:auto;scrollbar-width:thin}.palette button{flex:0 0 59px;display:grid;justify-items:center;gap:3px;line-height:1.15}.palette i{width:21px;height:21px;border-radius:50%;border:1px solid #fff5}.room .palette [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.room .gold{width:100%;background:linear-gradient(115deg,#ecc0f5,#bd67d1);color:#200d27;border-color:#b85ace}.room button:disabled{opacity:.48;cursor:default}.room-result{position:relative;overflow:hidden;border-radius:9px;background:#0e0a10}.room-result img{display:block;width:100%;height:auto}.room-result #generated,.demo-after{position:absolute;inset:0;height:100%;object-fit:fill}.room-result img[hidden]{display:none}.demo-after{clip-path:inset(0 0 0 50%)}.demo:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff9}.demo span{position:absolute;padding:3px 9px;background:#170e1dda;border-radius:6px;font-size:12px}.demo-title{top:10px;left:10px}.label-before{bottom:10px;left:10px}.label-after{bottom:10px;right:10px}.workspace h2,.workspace>.tip{text-align:center}#result-actions{margin-top:12px}.room output{float:right;color:var(--accent)}.room input[type=range]{accent-color:var(--accent)}#status:empty,#ai-status:empty{display:none}.room-footer{border-top:1px solid var(--line);padding:25px 4%;color:var(--muted)}
@media(max-width:720px){.room-brand{position:static}.room{padding:27px 4% 50px}.studio{grid-template-columns:1fr}.room-steps{gap:4px}.room-steps li{padding:6px;font-size:10px}.room-steps b{display:block}.workspace,.settings{padding:12px}}

.room .result-whatsapp{margin-top:10px;background:#17694f;color:#fff;border-color:#3da17c;text-align:center}
.room .result-whatsapp:hover{background:#218162}

.fabric:has(img[alt^='Tül Perde']){height:220px}.fabric:has(img[alt^='Tül Perde']) img{object-position:center 45%}