:root{--bg:#160c09;--panel:#21120d;--panel2:#2d1710;--text:#fff7e9;--muted:#d5bca0;--gold:#f6aa2f;--orange:#ff6a2f;--red:#b83222;--line:#4c2c1e;--ok:#75df9f;--warn:#ffd166;--bad:#ff7b7b;--shadow:0 20px 70px rgba(0,0,0,.35);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at top left,#522111,transparent 35%),linear-gradient(135deg,#120805,#21100a 60%,#090403);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,44px);background:rgba(16,7,4,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(246,170,47,.2)}.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;color:var(--muted);font-size:12px}.mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--orange));color:#1d0b05;font-weight:900;box-shadow:0 10px 30px rgba(246,170,47,.25)}nav{display:flex;gap:12px;align-items:center}nav a{padding:9px 12px;border:1px solid transparent;border-radius:999px;color:var(--muted)}nav a:hover{border-color:rgba(246,170,47,.3);color:var(--text);background:rgba(255,255,255,.04)}.hamb{display:none;background:#2b130c;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px}main{width:min(1220px,92vw);margin:auto}.panel{margin:28px 0;padding:clamp(20px,4vw,42px);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(246,170,47,.18);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;min-height:70vh}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}h1{font-size:clamp(36px,7vw,82px);line-height:.92;margin:10px 0 18px;letter-spacing:-.06em}h2{font-size:clamp(28px,4vw,48px);line-height:1;margin:0 0 15px;letter-spacing:-.04em}h3{margin:0 0 8px}.lead{font-size:clamp(17px,2vw,22px);color:#f2d7ba}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:900;color:#190904;background:linear-gradient(135deg,var(--gold),var(--orange));cursor:pointer;box-shadow:0 10px 30px rgba(255,106,47,.2)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.gold{background:#fff3c4}.safeNote{color:var(--muted);font-size:13px}.heroCard{background:#100604;border:1px solid var(--line);border-radius:30px;padding:14px;transform:rotate(1deg);box-shadow:var(--shadow)}.heroCard img{border-radius:22px;aspect-ratio:1/1;object-fit:cover}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.statsGrid article,.priceCards article,.steps article,.metric,.miniCard{background:rgba(255,255,255,.045);border:1px solid rgba(246,170,47,.16);border-radius:20px;padding:18px}.statsGrid b{font-size:32px;color:var(--gold);display:block}.statsGrid span,.muted{color:var(--muted)}.sectionHead{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px}.tools{display:flex;gap:10px;flex-wrap:wrap}input,select,textarea{width:100%;background:#110704;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px;outline:none}textarea{min-height:110px;resize:vertical}label{display:grid;gap:7px;color:var(--muted);font-size:13px;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.artCard{background:#120806;border:1px solid rgba(246,170,47,.16);border-radius:22px;overflow:hidden;transition:.2s;cursor:pointer}.artCard:hover{transform:translateY(-4px);border-color:rgba(246,170,47,.45)}.artCard img{aspect-ratio:1/1;object-fit:cover;width:100%}.artCard .body{padding:14px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(246,170,47,.12);border:1px solid rgba(246,170,47,.22);color:#ffd88a;font-size:12px;margin:4px 4px 4px 0}.split{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:start}.priceCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.cardForm,.loginBox{background:rgba(0,0,0,.18);border:1px solid rgba(246,170,47,.18);border-radius:22px;padding:20px}.roomGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.room{height:360px;border-radius:26px;position:relative;overflow:hidden;border:1px solid rgba(246,170,47,.2);box-shadow:var(--shadow)}.room:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 58%,rgba(0,0,0,.32) 58% 100%)}.room.loft{background:linear-gradient(#d7b891 0 56%,#6a402b 56%)}.room.bed{background:linear-gradient(#22314b 0 56%,#32211a 56%)}.room.gallery{background:linear-gradient(#eee0cc 0 56%,#8d6d4c 56%)}.room.studio{background:linear-gradient(#304035 0 56%,#1b1917 56%)}.wallPrint{position:absolute;left:50%;top:13%;transform:translateX(-50%);width:32%;aspect-ratio:1/1;border:10px solid #f9efe1;box-shadow:0 18px 40px rgba(0,0,0,.38);background:#fff}.wallPrint img{width:100%;height:100%;object-fit:cover}.sofa,.bedShape,.desk,.bench{position:absolute;left:18%;right:18%;bottom:13%;height:58px;background:#2a1712;border-radius:24px 24px 12px 12px;box-shadow:0 16px 25px rgba(0,0,0,.25)}.bedShape{height:78px;background:#f0d4b4}.desk{height:38px;background:#100b08}.bench{height:44px;background:#775539}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#190904}.assistantBox{background:#110704;border:1px solid var(--line);border-radius:20px;padding:18px;min-height:130px;color:#f8dec0}.adminPanel{min-height:520px}.hidden{display:none!important}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{background:#140805;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:10px 12px;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--gold),var(--orange));color:#190904;font-weight:900}.adminGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric b{display:block;color:var(--gold);font-size:28px}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.dropzone{border:2px dashed rgba(246,170,47,.5);border-radius:22px;padding:24px;text-align:center;background:rgba(246,170,47,.05)}.settingsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.badgeOk{color:var(--ok)}.badgeWarn{color:var(--warn)}.badgeBad{color:var(--bad)}dialog{border:1px solid var(--line);background:#160906;color:var(--text);border-radius:26px;max-width:min(980px,94vw);box-shadow:0 30px 90px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.72)}.close{float:right;background:#2b130c;color:#fff;border:1px solid var(--line);border-radius:12px;font-size:24px}.dialogGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dialogGrid img{border-radius:18px}.toast{position:fixed;right:18px;bottom:18px;background:#24110b;border:1px solid var(--gold);padding:14px 16px;border-radius:16px;z-index:99}.runList{columns:2;column-gap:28px}.runList li{break-inside:avoid;margin:0 0 8px;color:var(--muted)}footer{text-align:center;color:var(--muted);padding:30px 5vw;border-top:1px solid rgba(246,170,47,.15)}@media(max-width:900px){.hero,.split,.dialogGrid,.settingsGrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.statsGrid,.steps,.adminGrid,.priceCards,.roomGrid{grid-template-columns:1fr 1fr}nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:#130704;border:1px solid var(--line);border-radius:20px;padding:12px;flex-direction:column;align-items:stretch}.hamb{display:block}nav.open{display:flex}.room{height:300px}}@media(max-width:560px){main{width:94vw}.grid,.statsGrid,.steps,.adminGrid,.priceCards,.roomGrid{grid-template-columns:1fr}.sectionHead{align-items:stretch;flex-direction:column}.topbar{padding:12px 14px}.brand small{display:none}.runList{columns:1}.wallPrint{width:45%}}


/* v73 polish: real-room preview scenes + true multi-page display */


.authActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.authActions .btn{margin:0}.diagnosticList{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:13px}.diagnosticList li{margin:4px 0}

/* 4P3X SnoopyVerse™ refit page visibility + accessible hamburger */
body[data-page="home"] main>section:not(#home):not(.statsGrid),
body[data-page="gallery"] main>section:not(#gallery),
body[data-page="shop"] main>section:not(#shop),
body[data-page="rooms"] main>section:not(#rooms),
body[data-page="how"] main>section:not(#how),
body[data-page="ai"] main>section:not(#ai),
body[data-page="certificates"] main>section:not(#certificates),
body[data-page="contact"] main>section:not(#contact),
body[data-page="privacy"] main>section:not(#privacy),
body[data-page="terms"] main>section:not(#terms),
body[data-page="admin"] main>section:not(#admin){display:none!important}
body[data-page="home"] .statsGrid{display:grid!important}
body:not([data-page="home"]) .statsGrid{display:none!important}
body.menuOpen{overflow:hidden}
#mainNav.open{display:flex}
@media(max-width:900px){#mainNav.open{position:absolute;left:16px;right:16px;top:76px;z-index:60;background:#08070b;border:1px solid rgba(218,180,88,.32);box-shadow:0 24px 80px rgba(0,0,0,.58)}}
.artCard img{background:#f8f6f2}

/* 4P3X SnoopyVerse™ global logo/menu refinement */
.brandLogo{width:146px;height:58px;object-fit:contain;background:#130714;border-radius:16px;border:1px solid rgba(246,170,47,.28);box-shadow:0 8px 28px rgba(0,0,0,.28)}
.heroLogo{width:min(620px,96%);max-height:280px;object-fit:contain;background:#130714;border-radius:24px;border:1px solid rgba(246,170,47,.28);box-shadow:0 18px 60px rgba(0,0,0,.32);margin-bottom:18px}
body.menuOpen{overflow:hidden}
#mainNav.open{display:flex}
@media(max-width:900px){#mainNav.open{position:absolute;left:16px;right:16px;top:76px;z-index:60;background:#08070b;border:1px solid rgba(218,180,88,.32);box-shadow:0 24px 80px rgba(0,0,0,.58)}}

.syncActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.syncActions .btn{margin:2px}.adminGrid .metric b{word-break:break-word}


/* 4P3X SnoopyVerse™ FIX: real room preview tile/modal styles */
.roomTile{background:rgba(0,0,0,.18);border:1px solid rgba(246,170,47,.18);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.roomTileBody{padding:16px 18px 18px}.roomTileBody .btn{margin-top:8px}
.roomScene{position:relative;min-height:320px;border-radius:22px;overflow:hidden;background:#140804;border:1px solid rgba(246,170,47,.18)}
.roomScene .roomPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02)}
.roomScene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28));pointer-events:none}
.framedPrint{position:absolute;z-index:3;left:50%;top:16%;transform:translateX(-50%);width:min(34%,210px);aspect-ratio:1/1;background:#fff;border:10px solid #f8efe2;box-shadow:0 18px 45px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.22);display:grid;place-items:center}
.framedPrint img{width:100%;height:100%;object-fit:cover}.roomBadge{position:absolute;z-index:4;right:12px;bottom:12px;background:rgba(0,0,0,.72);border:1px solid rgba(246,170,47,.5);color:#ffd88a;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.scene-living .framedPrint,.scene-dark .framedPrint{top:13%;width:min(32%,190px)}.scene-bedroom .framedPrint{top:12%;width:min(30%,180px)}.scene-office .framedPrint,.scene-studio .framedPrint{top:15%;width:min(30%,180px)}.scene-gallery .framedPrint,.scene-minimal .framedPrint{top:11%;width:min(28%,170px)}.roomModal{width:min(1120px,96vw);padding:18px}.roomModalGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}.modalScene{min-height:min(62vh,620px)}.modalScene .framedPrint{width:min(30%,260px);top:13%}body.modalOpen{overflow:hidden}
@media(max-width:760px){.roomScene{min-height:260px}.roomModalGrid{grid-template-columns:1fr}.modalScene{min-height:320px}.framedPrint{border-width:7px;width:min(40%,160px)}.modalScene .framedPrint{width:min(42%,180px)}}
