:root{--color-bg:#0f1620;--color-surface:#f6f1e6;--color-action:#ff683d;--color-green:#3e6b57;--color-purple:#6a5acd;--color-wood:#b8865b;--color-muted:#6b7280;--color-ink:#142019;--font-sans:Arial, sans-serif;--font-editorial:Georgia, serif;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--radius-sm:.5rem;--radius-md:.5rem;--shadow-raised:0 12px 32px #0003;--z-nav:10;--motion-fast:.15s}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-surface);font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-action);outline-offset:3px}.shell{max-width:72rem;padding:var(--space-2);margin:auto}.nav{justify-content:space-between;gap:var(--space-2);padding-block:var(--space-2);align-items:center;display:flex}.wordmark{font-family:var(--font-editorial);font-size:1.75rem}.tagline{color:#d7d0bf}.card{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-raised);margin-top:var(--space-4)}.cta{background:var(--color-action);color:var(--color-bg);border-radius:var(--radius-sm);padding:.75rem 1rem;font-weight:700;display:inline-block}.profile-page,.studio-page{gap:var(--space-3);padding-block:var(--space-3) var(--space-4);display:grid}.profile-hero,.room-preview,.studio-panel{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);padding:clamp(1.25rem,4vw,2.5rem)}.profile-hero{gap:var(--space-3);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.profile-avatar{aspect-ratio:1;background:var(--color-green);width:5rem;color:var(--color-surface);font-family:var(--font-editorial);border-radius:999px;place-items:center;font-size:2.5rem;display:grid}.eyebrow{color:var(--color-green);text-transform:uppercase;letter-spacing:0;margin:0 0 .35rem;font-size:.8rem;font-weight:700}h1,h2,p{overflow-wrap:anywhere}h1{font-family:var(--font-editorial);margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1}h2{font-family:var(--font-editorial);margin:0 0 .5rem}.handle{color:var(--color-purple);margin:.5rem 0 1rem;font-weight:700}.creator-tagline{margin:0 0 1rem;font-size:1.2rem;font-weight:700}.bio{color:#374151;margin:0;line-height:1.6}.social-links{color:var(--color-muted);flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.social-links a{border-bottom:2px solid var(--color-action)}.cta-panel{color:var(--color-muted);justify-items:start;gap:.5rem;display:grid}.cta-button{background:var(--color-action);color:var(--color-bg);border-radius:var(--radius-sm);border:0;min-width:8rem;padding:.85rem 1.1rem;font-weight:800}.cta-button:disabled{cursor:not-allowed;opacity:.8}.room-preview{background:linear-gradient(135deg, var(--color-surface), #e6f0e9);align-content:center;min-height:13rem;display:grid}.feature-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card{color:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-3);background:#1d2a28;border:1px solid #f6f1e624;min-height:10rem}.feature-card p{color:#cfd8d3}.profile-form{gap:var(--space-2);margin-top:var(--space-3);display:grid}.profile-form label{gap:.4rem;font-weight:700;display:grid}.profile-form input,.profile-form textarea{border-radius:var(--radius-sm);width:100%;color:var(--color-ink);font:inherit;border:1px solid #c9c3b4;padding:.8rem}.profile-form textarea{resize:vertical;min-height:6rem}.form-actions{gap:var(--space-2);color:var(--color-muted);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:48rem){.profile-hero,.feature-grid{grid-template-columns:1fr}}@media (max-width:36rem){.nav{flex-direction:column;align-items:flex-start}.card{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.creator-room-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-2);display:flex}.creator-room-identity{align-items:center;gap:var(--space-2);display:flex}.creator-room-identity h1{font-size:clamp(2rem,5vw,4.5rem)}.visual-room{gap:var(--space-2);display:grid}.room-heading{justify-content:space-between;align-items:end;gap:var(--space-2);display:flex}.room-heading h2{font-size:clamp(1.7rem,3vw,3rem)}.room-explore-link{border-radius:var(--radius-sm);color:var(--color-surface);border:1px solid #f6f1e659;place-items:center;min-height:2.75rem;padding:.7rem .9rem;display:inline-grid}.room-stage{--room-wall:#101827;--room-floor:#7a5134;--room-accent:#ff683d;aspect-ratio:16/9;border-radius:var(--radius-sm);background:radial-gradient(circle at 72% 12%, #ff683d2e, transparent 20rem), linear-gradient(180deg, var(--room-wall) 0 68%, var(--room-floor) 68% 100%);width:100%;min-height:22rem;box-shadow:var(--shadow-raised);border:1px solid #f6f1e62e;position:relative;overflow:hidden}.room-back-wall{background:linear-gradient(90deg,#ffffff08,#0000 35%,#3e6b571a);position:absolute;inset:0 0 32%}.room-floor{transform-origin:top;background:repeating-linear-gradient(90deg,#14201926 0 1px,#0000 1px 12%),linear-gradient(#ffffff14,#0000);position:absolute;inset:68% 0 0}.room-light{aspect-ratio:1;background:radial-gradient(circle,#ffd69957,#0000 68%);border-radius:999px;width:18%;animation:5s ease-in-out infinite room-glow;position:absolute;top:16%;right:5%}.record-orbit{aspect-ratio:1;background:radial-gradient(circle, var(--room-accent) 0 9%, #101827 10% 28%, #f6f1e6 29% 31%, #101827 32% 100%);z-index:36;border:clamp(.3rem,.6vw,.5rem) solid #1d2a28;border-radius:999px;width:8%;animation:12s linear infinite record-spin;position:absolute;top:35%;left:73.5%}.room-object{min-width:2.75rem;min-height:2.75rem;color:var(--color-ink);background:0 0;border:0;padding:0;position:absolute}.room-hotspot{cursor:pointer;transition:transform var(--motion-fast) ease, filter var(--motion-fast) ease}.room-hotspot:hover,.room-hotspot:focus-visible{filter:brightness(1.08);transform:translateY(-.18rem)}.room-hotspot span{border-radius:var(--radius-sm);max-width:9rem;color:var(--color-ink);white-space:normal;background:#f6f1e6f0;padding:.32rem .5rem;font-size:clamp(.72rem,1.4vw,.9rem);font-weight:800;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000038}.room-hotspot small{border-radius:var(--radius-sm);color:#f6f1e6;background:#142019e6;width:min(12rem,180%);padding:.28rem .45rem;font-size:clamp(.64rem,1.15vw,.78rem);font-weight:800;line-height:1.2;position:absolute;top:calc(100% + 1.15rem);left:50%;transform:translate(-50%);box-shadow:0 8px 18px #0003}.room-object--identity{background:linear-gradient(135deg,#f6f1e6,#d8c19e);border:.2rem solid #3e6b57;border-radius:.35rem;box-shadow:inset 0 -.8rem #3e6b571f,0 1rem 2rem #00000047}.room-object--identity:before{content:"";aspect-ratio:1;background:#3e6b57;border-radius:999px;width:28%;position:absolute;top:16%;left:10%}.room-object--identity:after{content:"";background:#6a5acd;border-radius:999px;width:42%;height:12%;position:absolute;top:25%;right:10%;box-shadow:0 1.1rem #ff683d}.room-object--shelf{background:linear-gradient(#7a5134 0 16%,#b8865b 17% 100%);border-radius:.22rem;box-shadow:inset 0 -.65rem #14201938,0 .9rem 1.2rem #00000040}.room-object--shelf:before{content:"";background:repeating-linear-gradient(90deg,#f6f1e6 0 6%,#3e6b57 6% 12%,#ff683d 12% 17%,#101827 17% 24%);border-radius:.18rem;position:absolute;inset:26% 8% 18%}.room-object--reviewed,.room-object--recommendation{background:linear-gradient(145deg,#f6f1e6,#b8865b);border-radius:.28rem;box-shadow:inset 0 -.75rem #1420192e,0 .8rem 1rem #00000038}.room-object--recommendation{background:linear-gradient(145deg,#ff683d,#f6f1e6)}.room-object--reviewed:before,.room-object--recommendation:before{content:"";background:#101827;border-radius:999px;height:12%;position:absolute;top:20%;left:16%;right:16%;box-shadow:0 1rem #101827bf}.room-object--turntable{background:linear-gradient(145deg,#3e6b57,#1d2a28);border-radius:.35rem;box-shadow:0 .9rem 1.3rem #00000040}.room-object--turntable:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#ff683d 0 10%,#101827 11% 70%,#f6f1e6 71% 75%,#101827 76%);border-radius:999px;width:46%;position:absolute;top:15%;left:11%}.room-object--turntable:after{content:"";transform-origin:100%;background:#f6f1e6;border-radius:999px;width:26%;height:8%;position:absolute;top:22%;right:12%;transform:rotate(32deg)}.room-object--poster{background:radial-gradient(circle at 36% 36%,#ff683d 0 18%,#0000 19%),linear-gradient(135deg,#6a5acd 0 45%,#3e6b57 46% 100%);border:.22rem solid #f6f1e6;border-radius:.2rem;box-shadow:0 .8rem 1.1rem #0000003d}.room-object--poster:nth-of-type(2n){background:linear-gradient(135deg,#f6f1e6 0 25%,#3e6b57 26% 55%,#ff683d 56%)}.room-object--marker{background:#f6f1e6;border-radius:.28rem;box-shadow:inset 0 -.45rem #6a5acd2e,0 .6rem 1rem #0003}.room-object--marker:before{content:"Cratescape";color:#142019;font-family:var(--font-editorial);place-items:center;font-size:clamp(.72rem,1.8vw,1.2rem);font-weight:700;display:grid;position:absolute;inset:0}.room-object--decor{background:linear-gradient(#f6f1e6 0 22%,#ffcf91 23% 38%,#7a5134 39% 100%);border-radius:999px 999px .25rem .25rem;box-shadow:0 .7rem 1rem #0003}.room-object--decor:before{content:"";aspect-ratio:1;background:#3e6b57;border-radius:12% 88% 18% 82%;width:68%;position:absolute;top:-10%;left:16%;transform:rotate(-18deg)}.room-navigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.room-navigation button{border-radius:var(--radius-sm);min-height:4.25rem;color:var(--color-surface);text-align:left;background:#1d2a28;border:1px solid #f6f1e62e;padding:.75rem}.room-navigation span{font-weight:800;display:block}.room-navigation small{color:#cfd8d3}.room-dialog{border-radius:var(--radius-sm);background:var(--color-surface);width:min(92vw,32rem);color:var(--color-ink);box-shadow:var(--shadow-raised);border:0;padding:clamp(1.25rem,4vw,2rem)}.room-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1620b8}.library-panel-copy{gap:.75rem;display:grid}.library-panel-copy p,.room-dialog p{line-height:1.55}.recommendation-form{margin-top:var(--space-2);gap:.85rem;display:grid}.recommendation-form label{color:#374151;gap:.35rem;font-weight:800;display:grid}.recommendation-form input,.recommendation-form textarea,.recommendation-form select{border-radius:var(--radius-sm);width:100%;color:var(--color-ink);font:inherit;background:#fffaf0;border:1px solid #c9c3b4;padding:.72rem .78rem}.recommendation-form textarea{resize:vertical;min-height:5rem}.check-row{grid-template-columns:auto 1fr;align-items:start}.check-row input{width:auto;margin-top:.25rem}.form-status{border-radius:var(--radius-sm);padding:.72rem .78rem;font-weight:800}.form-status--success{color:#23483a;background:#3e6b5724}.form-status--error{color:#7a2a14;background:#ff683d24}.screen-reader-field{width:1px;height:1px;position:absolute;left:-100vw;overflow:hidden}.recommendation-tabs{margin-top:var(--space-3);flex-wrap:wrap;gap:.5rem;display:flex}.recommendation-tabs button{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-ink);text-align:left;background:#fffaf0;border:1px solid #c9c3b4;padding:.45rem .7rem;font-weight:900;display:grid}.recommendation-tabs button.is-active{border-color:var(--color-orange);box-shadow:0 0 0 2px #ff683d2e}.recommendation-tabs small{color:#5c5040}.recommendation-toolbar{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:minmax(14rem,1fr) auto;align-items:end;display:grid}.recommendation-toolbar label{color:#374151;gap:.35rem;font-weight:800;display:grid}.recommendation-toolbar input,.recommendation-toolbar select{border-radius:var(--radius-sm);width:100%;color:var(--color-ink);font:inherit;border:1px solid #c9c3b4;padding:.72rem .78rem}.queue-layout{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:minmax(16rem,1fr) minmax(18rem,1.1fr);align-items:start;display:grid}.queue-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.queue-list button,.queue-detail,.queue-actions button{border-radius:var(--radius-sm);color:var(--color-ink);background:#fffaf0;border:1px solid #c9c3b4}.queue-list button{text-align:left;gap:.25rem;width:100%;min-height:4rem;padding:.75rem;display:grid}.queue-list span,.queue-list small,.queue-detail p{color:#374151}.queue-detail{min-height:14rem;padding:var(--space-2);gap:.75rem;display:grid}.crate-focus-settings{padding-block:var(--space-2);border-block:1px solid #d8d0bf}.crate-focus-preview{border-radius:var(--radius-sm);padding:var(--space-2);background:#fffaf0;border:1px solid #c9c3b4}.crate-focus-preview h3{margin:0 0 .35rem;font-size:1.1rem}.chip-field{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.chip-field legend{flex-basis:100%;font-weight:800}.chip-field label{border-radius:var(--radius-sm);background:#fffaf0;border:1px solid #c9c3b4;align-items:center;gap:.35rem;padding:.35rem .55rem;display:inline-flex}.chip-field input{width:auto}.queue-actions{flex-wrap:wrap;gap:.5rem;display:flex}.queue-actions button{padding:.48rem .65rem;font-weight:800}.library-list{margin:0 0 var(--space-2);gap:.85rem;padding:0;list-style:none;display:grid}.library-list li,.now-spinning-panel{grid-template-columns:4.5rem 1fr;align-items:start;gap:.85rem;display:grid}.music-sleeve{--sleeve-a:#3e6b57;--sleeve-b:#ff683d;--sleeve-c:#6a5acd;aspect-ratio:1;background:radial-gradient(circle at 70% 28%, var(--sleeve-c) 0 17%, transparent 18%), linear-gradient(135deg, var(--sleeve-a) 0 48%, var(--sleeve-b) 49% 100%);color:#f6f1e6;width:4.5rem;font-family:var(--font-editorial);border:1px solid #1420192e;border-radius:.35rem;place-items:end start;padding:.35rem;font-size:1.55rem;font-weight:700;display:grid;overflow:hidden;box-shadow:0 .45rem .9rem #00000029}.music-sleeve-link{color:inherit;line-height:0;text-decoration:none;display:inline-block}.music-sleeve--artwork{background:var(--sleeve-a);place-items:stretch stretch;padding:0}.music-sleeve--artwork img{object-fit:cover;width:100%;height:100%;display:block}.music-sleeve--mode-CdCase{border-radius:.18rem;box-shadow:.2rem .35rem .65rem #0003,inset .35rem 0 #ffffff38}.music-sleeve--mode-DigitalSingle{border-radius:.6rem}.music-sleeve--mode-VideoThumbnail{aspect-ratio:16/9;border-radius:.25rem}.music-sleeve span{text-shadow:0 1px 8px #00000073}.music-item-details{min-width:0}.music-item-details h3{font-family:var(--font-editorial);overflow-wrap:anywhere;margin:0 0 .2rem;font-size:1.1rem}.music-item-details p{color:#374151;margin:0 0 .25rem}.music-meta{font-size:.9rem;color:var(--color-muted)!important}.music-links{flex-wrap:wrap;gap:.45rem;margin-top:.45rem;display:flex}.music-links a{border-radius:var(--radius-sm);color:var(--color-ink);border:1px solid #c9c3b4;padding:.32rem .5rem;font-size:.85rem;font-weight:700}.review-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.review-list--page{margin-top:var(--space-2)}.review-summary-card{border-radius:var(--radius-sm);color:var(--color-ink);background:#fffaf0;border:1px solid #c9c3b4;grid-template-columns:4.5rem 1fr;align-items:start;gap:.85rem;padding:.85rem;display:grid}.review-summary-card h3{font-family:var(--font-editorial);margin:0 0 .25rem;font-size:1.25rem}.review-summary-card p{color:#374151;margin:0 0 .35rem;line-height:1.45}.review-score{aspect-ratio:1;color:#f6f1e6;width:4.5rem;font-family:var(--font-editorial);background:#142019;border-radius:.35rem;align-content:center;place-items:center;gap:.1rem;font-size:1.55rem;font-weight:800;display:grid;box-shadow:inset 0 -.5rem #ff683d47}.review-score small{font-family:var(--font-sans);color:#d7d0bf;font-size:.72rem;font-weight:800}.review-score--large{width:6rem;font-size:2rem}.review-detail{gap:var(--space-3);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);padding:clamp(1.25rem,4vw,2.5rem);display:grid}.review-detail>.cta{justify-self:start}.review-detail-header{gap:var(--space-2);grid-template-columns:auto 1fr;align-items:start;display:grid}.review-lede{color:#374151;margin:0;font-size:1.2rem;font-weight:800;line-height:1.5}.review-body{gap:.8rem;max-width:50rem;display:grid}.review-body p{color:#374151;margin:0;line-height:1.7}.has-open-dialog{overflow:hidden}.profile-details{gap:var(--space-3);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);grid-template-columns:1fr auto;align-items:start;padding:clamp(1.25rem,4vw,2.5rem);display:grid}@keyframes room-glow{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes record-spin{to{transform:rotate(360deg)}}@media (max-width:56rem){.creator-room-header,.profile-details,.recommendation-toolbar,.queue-layout{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.room-stage{aspect-ratio:4/5;min-height:34rem}.room-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.room-object--identity{width:42%!important}}@media (max-width:36rem){.creator-room-identity{flex-direction:column;align-items:flex-start}.room-navigation{grid-template-columns:1fr}.room-hotspot span{font-size:.72rem;bottom:-.85rem}.review-summary-card,.review-detail-header{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.room-light,.record-orbit{animation:none!important}.room-hotspot{transition:none!important}}.visual-room{position:relative}.room-zone-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.room-zone-tabs button{border-radius:var(--radius-sm);min-height:2.5rem;color:var(--color-surface);background:#f6f1e614;border:1px solid #f6f1e647;padding:.45rem .7rem;font-weight:800}.room-zone-tabs button.is-active{background:var(--color-surface);color:var(--color-ink)}.room-stage{isolation:isolate;perspective:900px;background:radial-gradient(circle at 72% 12%, #ffd6992e, transparent 18rem), linear-gradient(180deg, color-mix(in srgb, var(--room-wall) 86%, #2f7c9a) 0 64%, color-mix(in srgb, var(--room-floor) 86%, #142019) 64% 100%);min-height:30rem}.room-back-wall{background:linear-gradient(90deg,#ffffff0a,#0000 36%,#d4a33e1a),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 7.5rem);border-bottom:.45rem solid #0000003d;inset:0 0 34%}.room-floor{background:repeating-linear-gradient(92deg,#14201933 0 1px,#0000 1px 2rem),linear-gradient(#ffffff1f,#0003);inset:64% -8% -10%;transform:rotateX(62deg)}.room-depth-shadow{filter:blur(1px);z-index:1;pointer-events:none;background:radial-gradient(#0000004d,#0000 68%);border-radius:50%;position:absolute;inset:61% 4% 4%}.room-object{filter:drop-shadow(0 .9rem .9rem #00000047);transform-origin:50% 85%;place-items:center;display:grid;overflow:visible}.room-hotspot:hover,.room-hotspot:focus-visible,.room-hotspot.is-active{filter:brightness(1.08)drop-shadow(0 1.15rem 1rem #00000052)}.room-object-label,.room-hotspot small{opacity:0;pointer-events:none;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease}.room-hotspot:hover .room-object-label,.room-hotspot:focus-visible .room-object-label,.room-hotspot.is-active .room-object-label,.room-hotspot:hover small,.room-hotspot:focus-visible small,.room-hotspot.is-active small{opacity:1}.room-hotspot .room-object-label{bottom:-.85rem}.room-hotspot small{top:calc(100% + 1.2rem)}.room-object-content{min-width:0;position:absolute;inset:0}.room-object-content--identity{color:#142019;text-align:left;align-content:center;gap:.2rem;padding:8% 10% 8% 43%;display:grid}.room-object-content--identity strong{font-family:var(--font-editorial);font-size:clamp(.78rem,1.4vw,1.15rem);line-height:1}.room-object-content--identity span{color:#374151;font-size:clamp(.56rem,1vw,.78rem);font-weight:800}.room-object-content--turntable{place-items:center start;padding-left:8%;display:grid}.room-object--identity{border-color:color-mix(in srgb, var(--room-accent) 60%, #f6f1e6);background:linear-gradient(135deg, #fffaf0, #d8c19e 58%, color-mix(in srgb, var(--room-accent) 22%, #d8c19e))}.room-object--identity:before{box-shadow:inset 0 -.45rem #00000029}.room-object--shelf:after{content:"";background:#54351f;border-radius:.15rem;height:18%;position:absolute;bottom:-9%;left:4%;right:4%}.room-object--reviewed:after,.room-object--recommendation:after{content:"";z-index:-1;background:#00000038;border-radius:50%;height:16%;position:absolute;bottom:-10%;left:8%;right:8%}.room-object--recommendation[data-asset-key=room-crate-focus-card]{background:#fffaf0;border:.15rem solid #ff683d}.room-object--marker[data-asset-key=room-wayfinding-tags]:before{content:"Explore"}.room-object--marker[data-asset-key=room-shop-open-sign]:before{content:"Open";color:#ff683d}.room-object--decor[data-asset-key=room-floor-speaker-left],.room-object--decor[data-asset-key=room-floor-speaker-right]{background:linear-gradient(#202832,#101827);border-radius:.25rem}.room-object--decor[data-asset-key=room-floor-speaker-left]:before,.room-object--decor[data-asset-key=room-floor-speaker-right]:before{width:64%;box-shadow:0 130% 0 -10% #101827, 0 142% 0 -2% #3e6b57;background:radial-gradient(circle,#d4a33e 0 18%,#101827 19% 52%,#2f7c9a 53%);border-radius:999px;top:14%;left:18%;transform:none}.room-object--decor[data-asset-key=room-rug-groove-lines]{opacity:.92;background:repeating-radial-gradient(#d4a33e 0 .18rem,#7a5134 .2rem .42rem,#142019 .44rem .52rem);border-radius:50%}.room-object--decor[data-asset-key=room-rug-groove-lines]:before{display:none}.room-object--decor[data-asset-key=room-acoustic-panel-triptych]{background:repeating-linear-gradient(90deg,#2f7c9a 0 28%,#0000 28% 36%),linear-gradient(#142019,#3e6b57);border-radius:.2rem}.room-object--decor[data-asset-key=room-acoustic-panel-triptych]:before{display:none}.room-object--poster[data-asset-key=room-vinyl-wall-grid]{background:repeating-radial-gradient(circle at 25% 33%,#101827 0 10%,#f6f1e6 11% 13%,#0000 14% 34%),repeating-radial-gradient(circle at 75% 65%,#101827 0 10%,#ff683d 11% 13%,#0000 14% 34%),#3e6b57;display:block}.mini-sleeve-row{align-items:end;gap:2.5%;display:flex;position:absolute;inset:20% 9%;overflow:hidden}.mini-sleeve-row--compact{inset:25% 13% 22%}.music-sleeve--mini{border-radius:.12rem;align-self:stretch;width:min(18%,2.25rem);min-width:.8rem;font-size:0;box-shadow:.12rem .22rem .3rem #0000002e}.music-sleeve--vinyl{background:radial-gradient(circle, var(--sleeve-c) 0 10%, #101827 11% 54%, var(--sleeve-b) 55% 58%, #101827 59% 100%);border-radius:999px;place-items:center;width:42%;min-width:2.4rem;padding:0}.music-sleeve--vinyl span{font-size:0}.crate-focus-sign{color:#142019;text-align:center;background:#f6f1e6f0;border-radius:.2rem;align-content:center;gap:.12rem;min-height:44%;padding:.35rem;display:grid;position:absolute;inset:16% 10% auto}.crate-focus-sign strong{text-transform:uppercase;font-size:clamp(.45rem,.9vw,.68rem)}.crate-focus-sign span{font-size:clamp(.45rem,.9vw,.72rem);font-weight:800}.room-empty-slot{aspect-ratio:1;border:2px dashed #f6f1e680;border-radius:.25rem;width:34%}.room-context-panel{z-index:80;border-radius:var(--radius-sm);background:var(--color-surface);width:min(28rem,100vw - 3rem);max-height:min(39rem,100vh - 10rem);color:var(--color-ink);box-shadow:var(--shadow-raised);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease;border:1px solid #1420191f;padding:clamp(1rem,2vw,1.4rem);position:absolute;top:8.5rem;right:clamp(1.5rem,5vw,3rem);overflow:auto;transform:translateY(.5rem)}.room-context-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.room-context-panel:empty{display:none}.room-context-panel p{line-height:1.55}.room-navigation{color:#d7d0bf;display:block}.room-navigation summary{cursor:pointer;border-bottom:1px solid #f6f1e659;width:max-content;max-width:100%;font-weight:800}.room-navigation nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.room-navigation button{background:#f6f1e612}@media (max-width:56rem){.room-stage{aspect-ratio:4/5;min-height:32rem}.room-stage[data-any]{transform:none}.room-stage--zone-identity .room-object[data-room-zone]:not([data-room-zone=identity]),.room-stage--zone-listening .room-object[data-room-zone]:not([data-room-zone=listening]),.room-stage--zone-collection .room-object[data-room-zone]:not([data-room-zone=collection]),.room-stage--zone-put-me-on .room-object[data-room-zone]:not([data-room-zone=put-me-on]){opacity:.18;filter:grayscale(.35)blur(.2px)}.room-stage--zone-identity .room-object[data-room-zone=identity],.room-stage--zone-listening .room-object[data-room-zone=listening],.room-stage--zone-collection .room-object[data-room-zone=collection],.room-stage--zone-put-me-on .room-object[data-room-zone=put-me-on]{transform:scale(1.08)}.room-context-panel{z-index:200;width:auto;max-height:72vh;position:fixed;inset:auto .75rem .75rem}.room-navigation nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.room-zone-tabs{flex-wrap:nowrap;padding-bottom:.15rem;overflow-x:auto}.room-zone-tabs button{flex:none}.room-navigation nav{grid-template-columns:1fr}}:root{--cs-bg:#111820;--cs-bg-soft:#18222c;--cs-panel:#fffaf0;--cs-panel-strong:#f6f1e6;--cs-ink:#142019;--cs-muted:#64706c;--cs-border:#d6cebd;--cs-action:#ff683d;--cs-action-dark:#8f3218;--cs-green:#3e6b57;--cs-purple:#6a5acd;--cs-blue:#2f7c9a;--cs-gold:#d4a33e;--cs-danger:#b7352b;--cs-radius:.5rem;--cs-shadow:0 18px 40px #0000002e}.studio-app{min-height:100vh;color:var(--cs-ink);background:#eef0ea;grid-template-columns:17rem minmax(0,1fr);display:grid}.skip-link{z-index:100;background:var(--cs-action);color:var(--cs-bg);border-radius:var(--cs-radius);padding:.65rem .8rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.studio-sidebar{gap:var(--space-3);height:100vh;padding:var(--space-3);background:var(--cs-bg);color:var(--cs-panel);border-right:1px solid #ffffff1a;grid-template-rows:auto 1fr auto;display:grid;position:sticky;top:0}.studio-brand p,.studio-sidebar-footer,.toolbar-kicker,.muted-copy,.field-hint,.character-counter,.save-status{color:var(--cs-muted)}.studio-brand p,.studio-sidebar-footer{color:#b7c2bd}.studio-wordmark{font-family:var(--font-editorial);margin-bottom:.25rem;font-size:1.45rem;font-weight:800;display:block}.studio-nav{align-content:start;gap:.35rem;display:grid}.studio-nav-item,.studio-public-link{border-radius:var(--cs-radius);color:#e9efe9;padding:.72rem .8rem}.studio-nav-item:hover,.studio-nav-item[aria-current=page],.studio-public-link:hover{color:#fffaf0;background:#ffffff1a}.studio-sidebar-footer{gap:.65rem;font-size:.9rem;display:grid}.studio-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.studio-toolbar{z-index:var(--z-nav);gap:var(--space-2);border-bottom:1px solid var(--cs-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0f5;grid-template-columns:auto 1fr minmax(18rem,26rem);align-items:center;min-height:4.75rem;padding:.85rem clamp(1rem,3vw,2rem);display:grid;position:sticky;top:0}.studio-toolbar strong{font-size:1.2rem}.mobile-menu-button{display:none}.studio-content{align-content:start;gap:var(--space-3);padding:clamp(1rem,3vw,2rem);display:grid}.ui-card,.studio-panel{background:var(--cs-panel);color:var(--cs-ink);border:1px solid var(--cs-border);border-radius:var(--cs-radius);padding:clamp(1rem,2vw,1.5rem);box-shadow:0 8px 24px #14201914}.ui-card h2,.studio-panel h1,.studio-panel h2{font-family:var(--font-editorial);margin:0 0 .65rem}.page-header{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.page-header h1{color:var(--cs-ink);font-size:clamp(2rem,4vw,3.5rem);line-height:1.04}.page-header p{color:#4d5a56;max-width:52rem;line-height:1.5}.page-actions,.action-row,.compact-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.ui-button{border-radius:var(--cs-radius);min-height:2.55rem;font:inherit;cursor:pointer;transition:transform var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease;border:1px solid #0000;place-items:center;padding:.62rem .9rem;font-weight:800;display:inline-grid}.ui-button:hover{transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.ui-button--primary{background:var(--cs-action);color:#121820}.ui-button--secondary{border-color:var(--cs-border);color:var(--cs-ink);background:#fff}.ui-button--quiet{border-color:var(--cs-border);color:var(--cs-ink);background:0 0}.ui-button--danger{color:var(--cs-danger);background:#fff;border-color:#dfa49b}.ui-icon-button{width:2.55rem;padding:.4rem}input,textarea,select{border:1px solid var(--cs-border);border-radius:var(--cs-radius);width:100%;color:var(--cs-ink);font:inherit;background:#fff;padding:.68rem .72rem}textarea{resize:vertical;min-height:7rem;line-height:1.5}input[type=color]{min-height:2.75rem;padding:.25rem}.form-grid,.provider-import-form,.stack{gap:var(--space-2);display:grid}.studio-three-column{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.service-connection-list,.import-draft-list{gap:.75rem;display:grid}.activation-card{justify-content:space-between;gap:var(--space-2);border-left:.3rem solid var(--cs-green);align-items:center;display:flex}.provider-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.provider-card{gap:var(--space-2);min-height:100%;display:grid}.source-picker,.playlist-picker,.detail-list{margin:var(--space-2) 0;gap:.7rem;display:grid}.source-selection-panel{margin:var(--space-2) 0;gap:.85rem;display:grid}.source-selection-panel .section-header{align-items:start}.source-selection-panel h3{font-family:var(--font-editorial);margin:0 0 .25rem;font-size:1.15rem}.source-selection-panel p{color:#4d5a56;margin:0;line-height:1.45}.source-picker label,.playlist-row{border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:#fffdf7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem;font-weight:850;display:grid}.source-picker input,.playlist-row input{width:auto}.source-picker small,.playlist-row small,.detail-list dt{color:var(--cs-muted);font-weight:800}.playlist-search{width:100%;min-height:2.75rem}.detail-list{margin:0}.detail-list div{border-top:1px solid var(--cs-border);grid-template-columns:minmax(8rem,.65fr) minmax(0,1fr);gap:.7rem;padding-top:.7rem;display:grid}.detail-list dd{margin:0}.progress-meter{border:1px solid var(--cs-border);background:#e7e0d2;border-radius:999px;height:.75rem;overflow:hidden}.progress-meter span{background:var(--cs-green);height:100%;display:block}.import-draft-list{max-height:34rem;padding-right:.25rem;overflow:auto}.service-connection-row,.import-draft-row{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem;display:grid}.text-button{color:var(--accent);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:800}.form-field{gap:.45rem;display:grid}.form-field>label,.recommendation-toolbar label,.profile-form label{color:#263832;font-weight:800}.field-footer{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;min-height:1.2rem;display:grid}.field-error{color:var(--cs-danger);margin:0;font-weight:800}.character-counter,.save-status{margin:0;font-size:.88rem}.alert{justify-content:space-between;gap:var(--space-2);border-radius:var(--cs-radius);border:1px solid var(--cs-border);color:var(--cs-ink);background:#fff;padding:.85rem 1rem;display:flex}.alert p{color:#4d5a56;margin:.2rem 0 0}.alert--danger{background:#fff2ef;border-color:#dfa49b}.alert--warning{background:#fff8df;border-color:#e4c36d}.alert--success{background:#eef8f0;border-color:#9bb9a6}.status-badge{border:1px solid var(--cs-border);width:fit-content;color:var(--cs-ink);background:#fff;border-radius:999px;align-items:center;min-height:1.8rem;padding:.25rem .58rem;font-size:.82rem;font-weight:900;display:inline-flex}.status-badge--success{color:#1f5b3f;border-color:#8cb7a0}.status-badge--warning{color:#6e5411;border-color:#d8b441}.status-badge--danger{color:var(--cs-danger);border-color:#db8d83}.status-badge--accent{color:#43399a;border-color:#9f94e7}.overview-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-card{align-content:start;gap:.65rem;min-height:13rem;display:grid}.metric-card span:first-child{color:var(--cs-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.metric-card strong{font-family:var(--font-editorial);font-size:clamp(1.4rem,3vw,2rem)}.studio-two-column,.editor-layout{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);align-items:start;display:grid}.compact-list{margin:var(--space-2) 0 0;gap:.65rem;padding:0;list-style:none;display:grid}.compact-list li{justify-content:space-between;gap:var(--space-2);border-top:1px solid var(--cs-border);align-items:center;padding-top:.65rem;display:flex}.empty-state{border:1px dashed var(--cs-border);border-radius:var(--cs-radius);background:#ffffff80;gap:.35rem;padding:1rem;display:grid}.empty-state p{color:#52605b;margin:0}.skeleton{border-radius:var(--cs-radius);background:linear-gradient(90deg,#ebe3d1,#fffaf0,#ebe3d1) 0 0/220% 100%;width:min(12rem,100%);height:1.7rem;animation:1.6s linear infinite skeleton-sheen}.tab-list,.segmented-control{border:1px solid var(--cs-border);border-radius:var(--cs-radius);margin-bottom:var(--space-2);background:#fff;flex-wrap:wrap;gap:.35rem;padding:.25rem;display:inline-flex}.tab-list button,.segmented-control button{border-radius:calc(var(--cs-radius) - .15rem);color:var(--cs-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:.52rem .72rem;font-weight:800}.tab-list button[aria-selected=true],.segmented-control button[aria-pressed=true]{background:var(--cs-bg);color:var(--cs-panel)}.preview-card{position:sticky;top:6rem}.preview-toolbar{justify-content:space-between;gap:var(--space-2);align-items:start;display:flex}.preview-frame{margin-top:var(--space-2);border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:#dde2dd;padding:1rem;overflow:auto}.preview-frame--mobile{max-width:24rem;margin-inline:auto}.profile-preview{gap:var(--space-2);border-radius:var(--cs-radius);min-height:24rem;color:var(--cs-ink);background:#fffaf0;grid-template-columns:auto 1fr auto;align-items:start;padding:clamp(1rem,3vw,2rem);display:grid}.preview-frame--mobile .profile-preview{grid-template-columns:1fr}.profile-preview-avatar{aspect-ratio:1;background:var(--cs-green);color:#fffaf0;width:4.5rem;font-family:var(--font-editorial);border-radius:50%;place-items:center;font-size:1.8rem;font-weight:900;display:grid}.preset-dark-shelf{color:#fffaf0;background:linear-gradient(135deg,#101827,#32463e)}.preset-record-groove-field{color:#fffaf0;background:repeating-radial-gradient(circle at 80% 10%,#263832 0 8px,#172027 9px 16px)}.preset-wood-orange-geometry{background:linear-gradient(135deg,#7a5134 0 45%,#ffcf91 46% 70%,#ff683d 71%)}.accent-deep-groove-green .profile-preview-avatar{background:var(--cs-green)}.accent-selective-purple .profile-preview-avatar{background:var(--cs-purple)}.surface-deep-navy{color:#fffaf0;background-color:#121820}.social-editor-list,.object-toggle-grid,.room-theme-swatches{gap:.75rem;display:grid}.social-editor-row{border-top:1px solid var(--cs-border);grid-template-columns:minmax(8rem,.8fr) minmax(12rem,1.4fr) auto auto;align-items:center;gap:.65rem;padding-top:.75rem;display:grid}.toggle-row,.object-toggle{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;font-weight:800;display:inline-grid}.toggle-row input,.object-toggle input,.check-row input{width:auto}.toggle-row--large{margin-top:.4rem}.object-toggle{border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:#fff;grid-template-columns:auto 1fr auto;min-height:3.25rem;padding:.65rem}.object-toggle small{color:var(--cs-muted)}.definition-list{margin:var(--space-2) 0;grid-template-columns:minmax(8rem,auto) minmax(0,1fr);gap:.7rem 1rem;display:grid}.definition-list span{color:var(--cs-muted);font-weight:800}.color-chip{border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:#fff;grid-template-columns:2.5rem minmax(4rem,1fr);align-items:center;gap:.4rem .75rem;padding:.6rem;display:grid}.color-chip i{aspect-ratio:1;border-radius:var(--cs-radius);border:1px solid #00000029;grid-row:span 2;width:2.4rem}.color-chip strong{font-size:.86rem}.modal-backdrop,.mobile-drawer{z-index:50;background:#0f1620a3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.publish-dialog,.mobile-drawer-panel{background:var(--cs-panel);width:min(100%,32rem);color:var(--cs-ink);border-radius:var(--cs-radius);border:1px solid var(--cs-border);box-shadow:var(--cs-shadow);padding:var(--space-3)}.mobile-drawer-panel{gap:var(--space-2);min-height:min(38rem,100vh);display:grid}.recommendation-toolbar{grid-template-columns:minmax(8rem,.8fr) minmax(10rem,1fr) auto}@keyframes skeleton-sheen{to{background-position:-220% 0}}@media (max-width:72rem){.studio-app{grid-template-columns:1fr}.studio-sidebar{display:none}.mobile-menu-button{display:inline-grid}.studio-toolbar{grid-template-columns:auto 1fr}.overview-grid,.studio-two-column,.studio-three-column,.editor-layout{grid-template-columns:1fr}.preview-card{position:static}}@media (max-width:44rem){.page-header,.studio-toolbar,.service-connection-row,.import-draft-row,.social-editor-row,.recommendation-toolbar,.profile-preview{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ui-button,.skeleton{transition:none!important;animation:none!important}}.room-builder{gap:1rem;display:grid}.room-builder-toolbar{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.builder-mobile-note{color:var(--cs-muted);grid-column:1/-1;margin:0;font-weight:800;display:none}.room-preview-toggle{grid-template-columns:repeat(2,1fr);align-self:end;gap:.35rem;display:grid}.room-preview-toggle button{border:1px solid var(--cs-border);border-radius:var(--cs-radius);min-height:2.5rem;color:var(--cs-ink);background:#fffdf7;font-weight:900}.room-preview-toggle button.is-active{border-color:var(--cs-blue);box-shadow:0 0 0 2px #2f7c9a2e}.room-builder-grid{grid-template-columns:minmax(13rem,.85fr) minmax(24rem,2fr) minmax(16rem,1fr);align-items:start;gap:1rem;display:grid}.room-object-library,.room-layer-panel,.room-property-panel{align-content:start;gap:.75rem;display:grid}.asset-category{gap:.45rem;display:grid}.asset-category h3{font-family:var(--font-sans);text-transform:uppercase;color:var(--cs-muted);margin:.25rem 0 0;font-size:.85rem}.asset-tile-grid{gap:.5rem;display:grid}.asset-tile{border:1px solid var(--cs-border);border-radius:var(--cs-radius);width:100%;min-height:4.25rem;color:var(--cs-ink);text-align:left;font:inherit;background:#fffdf7;grid-template-columns:2.5rem 1fr;align-items:center;gap:.55rem;padding:.55rem;display:grid}.asset-tile small{color:var(--cs-muted);grid-column:2}.builder-object-swatch{aspect-ratio:1;background:var(--cs-green);border:1px solid #14201933;border-radius:.35rem;width:2.25rem}.room-canvas-card{min-width:0}.room-canvas-meta{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.room-canvas-meta p{margin:0}.room-canvas-meta span{border:1px solid var(--cs-border);border-radius:var(--cs-radius);color:var(--cs-muted);flex:none;padding:.35rem .5rem;font-size:.85rem;font-weight:900}.room-builder-stage{aspect-ratio:16/10;border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:linear-gradient(180deg, var(--builder-wall) 0 62%, var(--builder-floor) 62% 100%);touch-action:none;min-height:22rem;position:relative;overflow:hidden}.room-builder-stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 78% 18%,#ffffff42,#0000 18%),linear-gradient(90deg,#ffffff14,#0000 34%,#00000024);position:absolute;inset:0}.room-builder-stage--mobile{aspect-ratio:4/5;width:min(100%,22rem);margin-inline:auto}.room-builder-stage--room-bg-modern-listening-studio-v1:before,.room-stage--room-bg-modern-listening-studio-v1:before{background:radial-gradient(circle at 26% 18%,#2f7c9a40,#0000 18%),repeating-linear-gradient(90deg,#0000 0 4rem,#ffffff0f 4rem 4.1rem)}.room-builder-stage--room-bg-independent-record-shop-v1:before,.room-stage--room-bg-independent-record-shop-v1:before{background:linear-gradient(90deg,#d4a33e2e,#0000 30%,#3e6b5729),repeating-linear-gradient(0deg,#0000 0 3.5rem,#14201914 3.5rem 3.65rem)}.builder-back-wall{pointer-events:none;border-bottom:5px solid #0000002e;position:absolute;inset:0 0 38%}.builder-floor{pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 45%);position:absolute;inset:62% 0 0}.builder-guides{opacity:.45;pointer-events:none;background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px);background-size:2.5% 2.5%;position:absolute;inset:0}.builder-object{background:var(--builder-accent);color:#fffaf0;min-width:2.25rem;min-height:2.25rem;font:inherit;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:2px solid #14201957;border-radius:.45rem;place-items:center;padding:.25rem;font-weight:800;line-height:1.1;display:grid;position:absolute;overflow:visible}.builder-object span:first-child{text-overflow:ellipsis;max-width:100%;font-size:.78rem;display:block;overflow:hidden}.builder-object.is-selected{outline:3px solid var(--cs-blue);outline-offset:2px}.builder-object.is-hidden-object{opacity:.45;filter:grayscale(.6)}.builder-object--creator-identity,.builder-object--navigation-marker{background:#142019}.builder-object--favorite-crates-shelf,.builder-object--decorative-object{background:#3e6b57}.builder-object--reviewed-crate{background:#6a5acd}.builder-object--recommendation-crate{color:#111820;background:#ff683d}.builder-object--now-spinning-station{background:#2f7c9a}.builder-object--poster-frame{color:#111820;background:#d4a33e}.builder-resize-handle{cursor:nwse-resize;background:#142019;border:2px solid #fffaf0;border-radius:50%;width:1rem;height:1rem;position:absolute;bottom:-.45rem;right:-.45rem}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.property-grid .action-row,.builder-check{grid-column:1/-1}.builder-check{border:1px solid var(--cs-border);border-radius:var(--cs-radius);align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem;display:flex}.layer-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.layer-list button{border:1px solid var(--cs-border);border-radius:var(--cs-radius);width:100%;min-height:3.25rem;color:var(--cs-ink);text-align:left;background:#fffdf7;gap:.15rem;padding:.55rem;display:grid}.layer-list button.is-active{border-color:var(--cs-blue);box-shadow:0 0 0 2px #2f7c9a2e}.layer-list small{color:var(--cs-muted)}@media (max-width:56rem){.room-builder-toolbar,.room-builder-grid{grid-template-columns:1fr}.builder-mobile-note{display:block}.room-preview-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}}.selftest-login{background:linear-gradient(135deg,#111820 0 55%,#263832 55% 100%);place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem);display:grid}.selftest-login-panel{background:var(--cs-panel);width:min(100%,34rem);color:var(--cs-ink);border:1px solid var(--cs-border);border-radius:var(--cs-radius);box-shadow:var(--cs-shadow);gap:1rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.selftest-login-panel h1{color:var(--cs-ink)}.onboarding-layout{gap:var(--space-2);grid-template-columns:minmax(0,1.35fr) minmax(18rem,.75fr);align-items:start;display:grid}.onboarding-step-list{margin:var(--space-2) 0 0;gap:.85rem;padding:0;list-style:none;display:grid}.onboarding-step-list li{border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:#fffdf7;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;padding:.85rem;display:grid}.onboarding-step-list li.is-ready{background:#f2faf2;border-color:#9bb9a6}.onboarding-step-index{aspect-ratio:1;background:var(--cs-bg);width:2.1rem;color:var(--cs-panel);border-radius:50%;place-items:center;font-weight:900;display:grid}.onboarding-step-heading,.provider-list{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.onboarding-step-list p,.onboarding-import-card p{color:#4d5a56;line-height:1.5}.provider-list{margin:var(--space-2) 0;padding-top:.35rem}@media (max-width:70rem){.room-builder-toolbar,.room-builder-grid{grid-template-columns:1fr 1fr}.room-canvas-card{order:-1;grid-column:1/-1}}@media (max-width:48rem){.room-builder-toolbar,.room-builder-grid,.property-grid,.onboarding-layout,.provider-grid{grid-template-columns:1fr}.room-canvas-card{order:0}.room-builder-stage{min-height:18rem}}