/* ARGENT STUDIO · visual system */
:root{--bg:#05080e;--panel:#0c131f;--line:#203043;--muted:#8c9cb2;--text:#f0f6ff;font-family:'Segoe UI',Tahoma,sans-serif}
body:not(.overlay-body){background:radial-gradient(ellipse at 12% 0%,#06304c55,transparent 48%),#05080e}
body:not(.overlay-body) h1{font-size:clamp(28px,3vw,46px);font-weight:750;letter-spacing:-1.1px;line-height:1.4}
body:not(.overlay-body) h2{font-size:22px}.panel{background:linear-gradient(135deg,#101b2b,#0b111b);border:1px solid #223246;border-radius:22px;box-shadow:0 12px 50px #0003;padding:26px}
.sidebar{background:linear-gradient(180deg,#0b1420,#060a11);border-left:1px solid #203348}.brand{padding:26px 14px!important}.brand img{filter:drop-shadow(0 0 15px #0099e555)}.nav button{margin:4px 0;border-radius:12px;color:#97a9bd}.nav button.active{background:linear-gradient(100deg,#008cd630,#00507b20);box-shadow:inset -3px 0 #1db8ff;color:#e6f8ff}.nav button:hover{transform:translateX(-3px)}
button{border-radius:11px;transition:transform .2s,border-color .2s,box-shadow .2s;background:#142133}.primary{background:linear-gradient(125deg,#14b8f0,#008ace);border-color:#43c8ff66;box-shadow:0 5px 24px #0099e525;font-weight:700}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0099e54a}.topbar{background:#080f1be8!important;backdrop-filter:blur(18px);border-bottom:1px solid #213347}.eyebrow{color:#41bdff;font-size:11px;letter-spacing:3px;font-weight:700}
.card{border-radius:20px!important;background:#0d1724!important;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#299fce!important;box-shadow:0 18px 45px #0007}.art{background:radial-gradient(circle at 50% 45%,#0873a84a,transparent 65%),linear-gradient(145deg,#132b41,#070c15)!important;overflow:hidden}.art:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #51cfff55;border-radius:28%;transform:rotate(35deg);opacity:.6;pointer-events:none}.art .big{z-index:1;text-shadow:0 0 28px #29baff80}.art.orbit:after,.art.welcome:after{border-radius:50%;box-shadow:0 0 0 18px #0099e510,0 0 0 40px #0099e508}.art.gift:after{transform:rotate(45deg);border-radius:10%}.art.coins:after{border:8px double #e6c06e66}.art.spark:after{border-radius:0;transform:rotate(18deg)}
.hero{background:linear-gradient(105deg,#081322,#093d58)!important;border:1px solid #1a6584!important;border-radius:24px!important;position:relative;overflow:hidden}.hero:after{content:'A';font-size:320px;font-weight:900;position:absolute;left:5%;top:-100px;color:#3dccff10;pointer-events:none}
input,select,textarea{background:#080e18;border-color:#26364b;border-radius:10px;min-height:44px}input[type=range]{accent-color:#00a8ef;padding:0;min-height:28px}input[type=checkbox]{width:18px;min-height:18px;accent-color:#00a8ef}.studio-check{display:flex;align-items:center;gap:12px;background:#0b1623;border:1px solid #22374a;border-radius:12px;padding:14px;margin:10px 0}.studio-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 30px;gap:24px}.studio-heading p{color:#8da4bb}.studio-heading h1{margin:10px 0}.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.voice-grid h3{color:#60cfff;margin-bottom:26px}.voice-grid label,.designer-controls label{display:block;margin:13px 0}.voice-grid .studio-check{display:flex}.voice-grid input,.voice-grid select{margin-top:8px}#voice-status{color:#65d3ff;flex:1}audio{max-width:100%;margin-top:16px}
#modal{width:min(1100px,95vw);max-width:1100px;background:linear-gradient(125deg,#101d2c,#080e17);border-color:#294257;border-radius:24px;box-shadow:0 40px 150px #000a}#modal::backdrop{background:#01040bdd;backdrop-filter:blur(8px)}.designer{margin:24px 0;border:1px solid #264157;border-radius:16px;padding:18px}.designer summary{cursor:pointer;font-weight:700;font-size:20px;display:flex;justify-content:space-between}.designer small{font-size:12px;color:#69cdf7}.designer-grid{display:grid;grid-template-columns:260px 1fr;gap:20px;margin-top:20px}.designer-controls{max-height:570px;overflow:auto;padding-left:10px}.design-preview{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse,#123950,#040a12);border:1px solid #1f4b62}.preview-brand{position:absolute;inset:30% 0;text-align:center;font-size:40px;font-weight:900;letter-spacing:8px;color:#3596c12b;line-height:1}.design-preview video,.preview-media{width:100%;height:100%;object-fit:contain}.position-grid label{font-size:12px;margin-top:12px}.position-grid input{width:100%}
.identity-avatar{position:absolute;display:grid;place-items:center;border:3px solid var(--frame-color,#0099e5);border-radius:50%;transform:translate(-50%,-50%);z-index:4;background:#0c1c2c;color:white;isolation:isolate}.identity-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.identity-avatar span{font-size:48px}.shape-rounded{border-radius:22%}.shape-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.frame-neon{box-shadow:0 0 20px var(--frame-color),inset 0 0 10px var(--frame-color)}.frame-gold{border:5px double #f2cc70;box-shadow:0 0 25px #eeb84e77}.frame-orbit:after{content:'';position:absolute;inset:-11px;border:2px dashed var(--frame-color);border-radius:50%;animation:orbit-spin 12s linear infinite}.frame-glass{border:5px solid #c6edff88;box-shadow:0 0 0 6px #9ce6ff15}.frame-none{border:0;background:transparent}.identity-text{position:absolute;transform:translate(-50%,-50%);text-align:center;width:max-content;max-width:85%;z-index:4;text-shadow:0 2px 8px #000,0 0 18px #000}.identity-text strong{display:block}.identity-text p{margin:8px 0}.overlay-body .identity-avatar{pointer-events:none}.overlay-body #stage{position:relative;width:100vw;height:100vh}.overlay-body .overlay-media{position:absolute;inset:0;width:100%;height:100%}.overlay-body .alert-box h1,.overlay-body .alert-box p{display:none}.overlay-body .alert-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.animation-rise{animation:studio-rise .55s ease-out}.animation-zoom{animation:studio-zoom .5s ease-out}.animation-slide{animation:studio-slide .5s ease-out}.animation-fade{animation:studio-fade .7s ease-out}@keyframes studio-rise{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}@keyframes studio-zoom{from{opacity:0;scale:.65}to{opacity:1;scale:1}}@keyframes studio-slide{from{opacity:0;translate:-120px 0}to{opacity:1;translate:0 0}}@keyframes studio-fade{from{opacity:0}to{opacity:1}}@keyframes orbit-spin{to{rotate:360deg}}
.rank-stage{position:relative;min-height:400px;background:radial-gradient(ellipse at bottom,#07547840,transparent 65%),linear-gradient(120deg,#0e1826,#040910);border:1px solid #244256;border-radius:26px;padding:28px 30px 65px;overflow:hidden}.stage-label{text-align:center;color:#7fb1c9;letter-spacing:2px}.stage-sign{position:absolute;bottom:20px;left:25px;color:#456b81;font-size:11px;letter-spacing:4px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:28px;padding:40px 15px 20px;min-height:320px;color:white;direction:ltr}.podium-person{text-align:center;width:25%;max-width:210px;position:relative;direction:rtl;--rank-color:#ae854b;animation:float-glow 5s ease-in-out infinite}.podium-person.place-1{--rank-color:#f3ce6c;align-self:flex-start;animation-delay:-1s}.podium-person.place-2{--rank-color:#a9c8e4;animation-delay:-2s}.podium-avatar{width:115px;height:115px;border-radius:50%;border:3px solid var(--rank-color);margin:0 auto 14px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#193248,#050a13);box-shadow:0 0 24px color-mix(in srgb,var(--rank-color) 30%,transparent)}.place-1 .podium-avatar{width:142px;height:142px}.podium-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.podium-avatar span{font-size:36px}.podium-avatar b{position:absolute;bottom:-3px;right:-4px;background:var(--rank-color);border-radius:50%;width:28px;height:28px;color:#111;display:grid;place-items:center}.podium-person>strong{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score{margin:10px auto 0;border:1px solid var(--rank-color);background:#102030c9;border-radius:12px;padding:10px;color:var(--rank-color);font-size:24px;font-weight:750}.crown{font-size:32px;line-height:1.2;color:var(--rank-color);margin-bottom:8px}.place-1 .crown{font-size:40px}.podium-aurora .podium-avatar{border-color:#22bfff;box-shadow:0 0 0 7px #0099e51a,0 0 30px #0099e578}.podium-royal .podium-score{border-radius:8px 8px 0 0;height:75px;background:linear-gradient(var(--rank-color),#131623);color:#fff}.podium-orbit .podium-avatar:after{content:'';position:absolute;inset:-10px;border:2px dashed var(--rank-color);border-radius:50%;animation:orbit-spin 15s linear infinite}.podium-glass .podium-person{padding:16px 10px;background:linear-gradient(125deg,#c5efff22,#16304033);border:1px solid #abdfff55;border-radius:25px;backdrop-filter:blur(8px)}.podium-cyber .podium-score{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);border-radius:0;background:linear-gradient(90deg,#1a7594,#071522)}.podium-cyber .podium-avatar{border-radius:20%}.podium-cyber .podium-avatar img{border-radius:20%}.podium-prism .podium-person{background:conic-gradient(from 45deg,#2186d422,#ab63ef22,#01d4b322,#2186d422);padding:16px 10px;border-radius:35px 5px;border-bottom:2px solid #80dbff}.podium-prism .podium-avatar{box-shadow:10px 0 25px #b236f455,-10px 0 25px #00ddff55}@keyframes float-glow{0%,100%{translate:0 0}50%{translate:0 -6px}}
.theme-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.theme-option{padding:8px;overflow:hidden;background:#06101b}.theme-option.selected{border:2px solid #14b7ef}.theme-option small{display:block;color:#7892a9}.theme-mini{height:200px;position:relative;overflow:hidden}.theme-mini .podium{width:650px;position:absolute;left:50%;top:0;transform:translateX(-50%) scale(.55);transform-origin:top center}.theme-option>strong{display:block;margin:8px;font-size:17px}
.recap-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(290px,430px);gap:35px;align-items:start}.recap-preview{background:#02060c;border:1px solid #2c3f50;border-radius:38px;padding:18px;box-shadow:0 35px 80px #0007;text-align:center}.recap-preview canvas{width:100%;height:auto;display:block;border-radius:23px;margin-top:14px}.recap-layout form label{display:block;margin:16px 0}.recap-layout form input,.recap-layout form select{margin-top:9px}.recap-layout .studio-check{display:flex}.recap-layout form input[type=checkbox]{width:auto;margin:0}
.action-studio-row{display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center;padding:20px;border:1px solid #223b50;border-radius:18px;background:linear-gradient(100deg,#122333,#0a121f);margin-top:16px}.action-orb{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,#1a87b950,#0b1623);color:#43caff;font-size:29px;border:1px solid #2e5f7a}.action-studio-row h3{margin:0 0 8px}.action-studio-row small{color:#91aac0}.action-studio-row .row{justify-content:flex-end;flex-wrap:wrap}.action-studio-row .test-action{color:#f2d185;border-color:#7f6b37}.action-studio-row[data-enabled=false]{opacity:.6}.group-title{color:#6cb8df;margin:30px 0 8px;display:flex;gap:12px}.screen{border-radius:15px;background:#08131f}.audio-status{position:fixed;bottom:15px;left:15px;background:#081625e8;border:1px solid #41bcec;color:#e6f7ff;padding:15px;border-radius:12px;z-index:20;max-width:600px}.audio-status button{margin:8px}
@media(max-width:1000px){.voice-grid{grid-template-columns:1fr}.designer-grid{grid-template-columns:1fr}.designer-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:300px}.recap-layout{grid-template-columns:1fr}.action-studio-row{grid-template-columns:60px 1fr}.action-studio-row .row{grid-column:1/-1}.podium{gap:12px}.podium-avatar{width:80px;height:80px}.place-1 .podium-avatar{width:100px;height:100px}.theme-gallery{grid-template-columns:1fr}.studio-heading{align-items:start}.studio-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none!important}}
.rank-compact{width:520px;max-width:100vw;transform-origin:top left;--rank-accent:#0099e5;--podium-gap:8px}.rank-compact .podium{gap:var(--podium-gap);padding:24px 8px 10px;min-height:260px}.rank-compact .podium-person{width:150px;max-width:150px}.rank-compact .podium-avatar{width:84px;height:84px}.rank-compact .place-1 .podium-avatar{width:108px;height:108px}.rank-compact .podium-person>strong{font-size:16px}.rank-compact .podium-score{font-size:21px;padding:8px}.rank-compact .podium-avatar{border-color:var(--rank-accent);box-shadow:0 0 24px color-mix(in srgb,var(--rank-accent) 40%,transparent)}.rank-compact .podium-score{border-color:var(--rank-accent)}.rank-compact .podium-orbit .podium-avatar:after{border-color:var(--rank-accent)}.rank-stage .rank-compact{margin:0 auto}.youtube-room{background:#07111f;border:1px solid #1b435c;border-radius:20px;padding:16px;width:680px;max-width:100%;min-width:240px;color:white}.youtube-room iframe{width:100%;height:360px;min-height:200px;min-width:200px;border:0}.youtube-room .eyebrow{margin-bottom:14px}#song-info{font-size:18px;padding:12px}#song-status{color:#ffc977;font-size:15px}.music-current{padding:22px;border:1px solid #244253;border-radius:16px;background:radial-gradient(at right,#08719833,transparent);margin:20px 0}#music-settings label{display:block;margin:14px 0}#music-settings input,#music-settings select{margin-top:8px}