.product-interface{position:relative;width:min(92%,720px);padding:20px;border:1px solid color-mix(in srgb,var(--scene-accent) 28%,rgba(255,255,255,.08));border-radius:24px;background:linear-gradient(145deg,rgba(8,10,18,.9),rgba(10,10,14,.72));box-shadow:0 32px 110px rgba(0,0,0,.48),0 0 90px color-mix(in srgb,var(--scene-accent) 10%,transparent);backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(calc((1 - var(--interface-focus,.6))*-8deg)) rotateX(calc((1 - var(--interface-focus,.6))*3deg)) translateY(calc((1 - var(--interface-focus,.6))*22px));opacity:calc(.48 + var(--interface-focus,.6)*.52);transition:filter .2s linear;overflow:hidden}.product-interface:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,color-mix(in srgb,var(--scene-accent) 11%,transparent) 50%,transparent 82%);transform:translateX(calc((var(--interface-transition,0)*90%)-45%));pointer-events:none}.interface-topline{display:flex;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.58rem;letter-spacing:.14em;color:#818a9b}.interface-topline i{font-style:normal;color:var(--scene-accent)}.rollone-now{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 0}.album-orbit{width:96px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#09090d 0 6px,#17111e 7px 9px);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 55px rgba(156,108,255,.18);animation:spin 10s linear infinite}.album-orbit span{width:34%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#9c6cff;color:#100b16;font-weight:900;font-size:.72rem}.track-copy{display:grid;gap:4px}.track-copy small,.studio-brief small,.director-status small{font-size:.55rem;letter-spacing:.12em;color:#737b8c}.track-copy strong{font-size:clamp(1.15rem,2vw,1.8rem);letter-spacing:-.04em}.track-copy em{font-size:.72rem;color:#938aa0;font-style:normal}.listener-pulse{text-align:right}.listener-pulse b{display:block;font-size:1.7rem}.listener-pulse span{font-size:.52rem;letter-spacing:.12em;color:#8b82a0}.waveform{height:72px;display:flex;align-items:center;gap:5px;padding:10px 0}.waveform span{flex:1;max-width:8px;height:calc(var(--bar)*8px);border-radius:99px;background:linear-gradient(#d9c7ff,#7c4fff);animation:wave 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.08s)}.rollone-schedule{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rollone-schedule span{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;font-size:.56rem;color:#726d7d}.rollone-schedule b{display:block;margin-top:4px;color:#cfc9d7;font-size:.61rem}.studio-brief{padding:22px 0;display:grid;gap:5px}.studio-brief strong{font-size:clamp(1.35rem,2.4vw,2.2rem);letter-spacing:-.045em}.studio-brief span{font-size:.7rem;color:#7f928c}.studio-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.studio-pipeline div{min-height:120px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;display:flex;flex-direction:column;background:rgba(255,255,255,.02)}.studio-pipeline small{font-size:.55rem;color:#587d73}.studio-pipeline b{margin:auto 0 4px;font-size:.72rem;letter-spacing:.08em}.studio-pipeline span{font-size:.62rem;color:#8aa59e}.studio-output{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.studio-output span{padding:.55rem .65rem;border-radius:999px;border:1px solid rgba(77,232,194,.18);font-size:.54rem;color:#86b8ab}.director-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 0}.director-status div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;display:grid;gap:4px}.director-status strong{font-size:1rem}.director-status span{font-size:.61rem;color:#7e8997}.rotation-board{display:grid;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.rotation-board>div{display:grid;grid-template-columns:80px 1fr 90px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.65rem}.rotation-board>div:last-child{border-bottom:0}.rotation-board span{color:#72808e}.rotation-board b{font-weight:600}.rotation-board i{justify-self:end;font-style:normal;color:#7abfff;font-size:.56rem;letter-spacing:.08em}.rotation-head{background:rgba(255,255,255,.025);font-size:.52rem!important;letter-spacing:.1em}.standard-mode .product-interface,.reduced-motion .product-interface{transform:none;opacity:1}.standard-mode .product-interface:before,.reduced-motion .product-interface:before{display:none}.reduced-motion .album-orbit,.reduced-motion .waveform span{animation:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{transform:scaleY(.45);opacity:.65}}@media(max-width:900px){.product-interface{width:96%;transform:none}.rollone-now{grid-template-columns:auto 1fr}.listener-pulse{grid-column:1/-1;text-align:left}.studio-pipeline{grid-template-columns:1fr 1fr}.director-status{grid-template-columns:1fr}.rotation-board>div{grid-template-columns:64px 1fr 68px}}@media(max-width:560px){.product-interface{padding:14px;border-radius:18px}.album-orbit{width:72px}.rollone-schedule{grid-template-columns:1fr 1fr}.studio-pipeline div{min-height:90px}.rotation-board>div{font-size:.58rem;grid-template-columns:54px 1fr 58px;padding:9px 8px}}@media(prefers-reduced-motion:reduce){.album-orbit,.waveform span{animation:none}}