/* Desktop presentation, delivered online to existing Windows clients. */
body{font-family:"Segoe UI","Microsoft YaHei UI",sans-serif}body.app-shell{grid-template-columns:184px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 82px}.app-shell aside{padding:22px 14px;background:linear-gradient(180deg,#191e27,#151a22);border-right:1px solid #ffffff07;gap:20px}.app-shell .brand{font-size:34px;text-align:left;padding-left:18px}.app-shell aside nav{gap:4px}.app-shell aside nav button{min-height:40px;padding:9px 16px;border-radius:10px;font-size:13px;transition:background .15s,color .15s}.app-shell aside nav button[aria-current=page]{background:#b8ee7114;border:1px solid #b8ee7128;color:#cbf49b}.app-shell main>header{height:58px;padding:0 26px;border-bottom:1px solid #ffffff07;background:#13171e}.app-shell #shellTitle{font-size:14px;letter-spacing:.4px}.app-shell #loginShortcut{border-radius:10px;min-height:34px;font-size:12px}.app-shell #refresh{font-size:12px}.app-shell footer{height:82px;min-height:82px;max-height:82px;background:linear-gradient(110deg,#202631,#181e27);padding:10px 26px;border-top:1px solid #ffffff0c}.app-shell #art{border-radius:12px}.app-shell .metadata{width:220px;font-size:13px}.app-shell .transport{max-width:900px;margin:auto}.app-shell #toggle{background:#b8ee7115;border-radius:50%;width:36px;min-height:36px;height:36px;margin:0 8px}.app-shell #profileShortcut{background:#232b26;border-color:#ffffff12}.app-shell #quickChat{width:46px;height:46px;border-radius:15px;bottom:104px}
html[data-web-embedded] main{padding:24px!important}html[data-web-embedded] .studio-v3 .headline{margin:8px 0 24px}html[data-web-embedded] .studio-v3 h1{font-size:28px;letter-spacing:-.8px}html[data-web-embedded] .studio-v3 .headline p{font-size:13px;margin-top:8px}html[data-web-embedded] .studio-v3 .card{border:1px solid #ffffff0c;border-radius:18px;padding:22px;background:linear-gradient(145deg,#1e242e,#191e27);box-shadow:0 8px 24px #0000000d}html[data-web-embedded] .studio-v3 h2{font-size:16px;letter-spacing:.2px}html[data-web-embedded] .studio-v3 label{font-size:12px;color:#b9c3d2}html[data-web-embedded] .studio-v3 :is(input:not([type=range]),select,textarea){border-radius:10px;border-color:#ffffff12;font-size:13px;padding:10px 12px}html[data-web-embedded] .studio-v3 :is(input,select,textarea):focus{outline:2px solid #b8ee7155;outline-offset:1px}html[data-web-embedded] .studio-v3 button{border-radius:10px;transition:background .15s,border-color .15s}html[data-web-embedded] .studio-v3 #status{border-left-width:2px;border-radius:8px;background:#b8ee7105;color:#92a089}html[data-web-embedded] .mini-record{width:min(72%,200px);margin-top:32px}html[data-web-embedded] .mini-lyrics{height:260px}html[data-web-embedded] .own-work-card{border-color:#ffffff09!important}html[data-web-embedded] .style-grid button{font-size:11px}html[data-web-embedded] .studio-v3 .personal-works{padding:20px}html[data-web-embedded] .studio-v3 .music-grid{gap:20px}html[data-web-embedded] .studio-v3 .card .hint{line-height:1.7;color:#8e9bae}
@media(min-width:1500px){html[data-web-embedded] .studio-v3:not(.desktop-library) .music-grid{grid-template-columns:minmax(360px,1.05fr) minmax(380px,1.15fr) minmax(260px,.75fr)!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Compact recharge cards: fixed readable width instead of stretching across ultrawide screens. */
#packages{grid-template-columns:repeat(auto-fit,minmax(210px,240px));gap:16px;justify-content:start;align-items:start}#packages .entry{padding:0 0 10px;display:flex;flex-wrap:wrap;gap:0 6px;background:#141923;border:1px solid #ffffff12;border-radius:14px}#packages img{width:100%;height:auto;aspect-ratio:1.25;object-fit:contain;display:block}#packages p{width:100%;margin:10px 12px;font-size:12px;line-height:1.6}#packages button{width:calc(50% - 15px);margin:4px 0 0 10px;padding:8px 4px;min-height:36px;font-size:11px;border-radius:8px}#packages button+button{margin-left:0}