/* RIZORA Creator Studio · mobile-first workspace and audio tools */
:root{
  --rz-studio-ink:#08070d;
  --rz-studio-card:#12101b;
  --rz-studio-border:rgba(238,229,255,.1);
  --rz-studio-text:#f8f6ff;
  --rz-studio-muted:#a8a3b5;
  --rz-studio-purple:#a88cff;
  --rz-studio-pink:#f28bdb;
}
.rz-top{background:rgba(8,7,13,.92);border-color:rgba(238,229,255,.08)}
.rz-top-inner{min-height:68px}
.rz-social-main{align-items:start;gap:24px}
.rz-social-content{min-width:0}
.rz-xnav-heading{padding-top:16px;color:#827b90}
.rz-xnav-item{transition:background .16s ease,color .16s ease}
.rz-xnav-item.active{box-shadow:inset 2px 0 var(--rz-studio-purple)}
.rz-right-rail .rz-card{background:rgba(18,16,27,.82);border-color:var(--rz-studio-border)}
.rz-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.rz-mobile-nav button{min-width:0;font-size:11px}
.rz-mobile-nav button span{font-size:17px!important}
.rz-creator-studio{display:grid;gap:18px;max-width:920px;margin:0 auto}
.rz-studio-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:240px;padding:clamp(22px,4vw,38px);border:1px solid rgba(195,165,255,.17);border-radius:26px;background:radial-gradient(ellipse at 78% 8%,rgba(163,104,255,.22),transparent 35%),radial-gradient(ellipse at 90% 100%,rgba(240,103,194,.1),transparent 34%),linear-gradient(140deg,#171323,#0f0d16 68%)}
.rz-studio-hero h2{margin:12px 0 10px;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.04;letter-spacing:-.045em}
.rz-studio-hero p{max-width:510px;margin:0;color:#c1bdca;line-height:1.65}
.rz-studio-hero-actions,.rz-studio-idea-actions,.rz-studio-next-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px}
.rz-studio-orb{position:relative;display:grid;place-items:center;flex:0 0 158px;width:158px;height:158px;border:1px solid rgba(208,190,255,.24);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(242,226,255,.28),transparent 14%),radial-gradient(circle at 50% 42%,#7150ae 0,#32234e 34%,#181421 69%);box-shadow:0 0 0 18px rgba(168,140,255,.035),0 0 72px rgba(149,103,243,.18),inset 0 0 28px rgba(239,217,255,.12)}
.rz-studio-orb:before,.rz-studio-orb:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(203,176,255,.2);border-radius:50%;transform:rotateX(64deg) rotate(-28deg)}
.rz-studio-orb:after{inset:-24px;transform:rotateX(64deg) rotate(42deg);border-color:rgba(235,145,218,.14)}
.rz-studio-orb span{font-size:45px;font-weight:950;letter-spacing:-.08em;text-shadow:0 0 28px rgba(255,255,255,.45)}
.rz-studio-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rz-studio-tool{display:flex;flex-direction:column;align-items:flex-start;min-height:245px;padding:20px;border:1px solid var(--rz-studio-border);border-radius:20px;background:linear-gradient(160deg,rgba(23,20,33,.96),rgba(13,11,18,.97));}
.rz-studio-tool-music{background:radial-gradient(circle at 94% 0,rgba(173,115,255,.19),transparent 38%),linear-gradient(160deg,rgba(27,20,40,.98),rgba(13,11,18,.97));border-color:rgba(179,141,255,.2)}
.rz-studio-tool-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:19px;border:1px solid rgba(194,168,255,.18);border-radius:14px;background:rgba(164,116,255,.12);color:#e0ceff;font-size:21px;font-weight:800}
.rz-studio-tool h3,.rz-studio-idea h3,.rz-studio-next h3{margin:8px 0;font-size:20px;letter-spacing:-.025em}
.rz-studio-tool p,.rz-studio-idea p,.rz-studio-next p{margin:0;color:var(--rz-studio-muted);font-size:13px;line-height:1.65}
.rz-studio-tool .rz-btn{margin-top:auto;padding-top:11px}
.rz-studio-tool>small{margin-top:11px;color:#8e899b;font-size:11px;line-height:1.5}
.rz-studio-tool .rz-kicker{font-size:9px;letter-spacing:.16em}
.rz-studio-idea{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;padding:24px;border:1px solid var(--rz-studio-border);border-radius:22px;background:linear-gradient(135deg,rgba(20,17,28,.98),rgba(12,10,17,.98))}
.rz-studio-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rz-studio-idea textarea{min-height:130px;margin-top:15px;resize:vertical;background:rgba(5,4,9,.52)}
.rz-studio-idea-actions{margin-top:9px}
.rz-studio-idea-actions select{flex:1 1 190px;min-width:0;min-height:44px}
.rz-studio-idea-actions button{min-height:44px}
.rz-studio-idea-result{display:flex;flex-direction:column;min-height:195px;padding:18px;border:1px solid rgba(232,224,255,.075);border-radius:17px;background:rgba(6,5,10,.55)}
.rz-studio-result-empty,.rz-studio-result{margin-top:14px;color:#c7c2d0;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.rz-studio-result-empty{color:#858092}
.rz-studio-next{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border:1px solid var(--rz-studio-border);border-radius:20px;background:rgba(15,13,21,.84)}
.rz-studio-next-actions{justify-content:flex-end;margin:0}
.rz-studio-templates{display:grid;gap:16px;padding:22px;border:1px solid rgba(194,151,255,.15);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(93,204,255,.08),transparent 34%),linear-gradient(145deg,rgba(20,17,31,.98),rgba(10,9,15,.98))}
.rz-google-status{margin:10px 0;padding:11px 13px;border:1px solid rgba(194,151,255,.16);border-radius:12px;background:rgba(148,102,255,.06);color:#aaa3b8;font-size:12px;line-height:1.5;text-align:center}
.rz-studio-templates-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.rz-studio-templates-head h3{margin:7px 0 5px;font-size:clamp(1.2rem,2.6vw,1.65rem);letter-spacing:-.03em}
.rz-studio-templates-head p{margin:0;color:var(--rz-studio-muted);font-size:13px;line-height:1.6}
.rz-studio-template-note{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(95,221,255,.2);border-radius:999px;background:rgba(53,191,255,.06);color:#a8eaff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.rz-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rz-template-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid rgba(223,206,255,.13);border-radius:18px;background:rgba(7,6,12,.76);color:var(--rz-studio-text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.rz-template-card:hover,.rz-template-card:focus-visible{transform:translateY(-3px);border-color:rgba(181,145,255,.6);box-shadow:0 12px 36px rgba(104,66,196,.2);outline:none}
.rz-template-card:focus-visible{box-shadow:0 0 0 3px rgba(169,132,255,.45),0 12px 36px rgba(104,66,196,.2)}
.rz-template-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0d0a15}
.rz-template-card-copy{display:flex;flex:1;flex-direction:column;gap:5px;padding:14px}
.rz-template-card-copy h4{margin:2px 0 0;font-size:17px;letter-spacing:-.025em}
.rz-template-card-copy p{margin:0;color:#aaa5b6;font-size:12px;line-height:1.55}
.rz-template-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;color:#d3baff;font-size:12px;font-weight:800}
.rz-template-cta b{font-size:17px;line-height:1}
.rz-audio-workshop,.rz-voiceover-studio{grid-column:1/-1}
#rzMusicOverlay .rz-music-grid{grid-template-areas:"ai release" "voice voice" "workshop workshop" "catalog catalog"}
#rzMusicOverlay .rz-music-release-card{grid-area:release}
#rzMusicOverlay .rz-music-ai-card{grid-area:ai}
#rzMusicOverlay .rz-music-catalog-card{grid-area:catalog}
#rzMusicOverlay .rz-voiceover-studio{grid-area:voice}
#rzMusicOverlay .rz-audio-workshop{grid-area:workshop}
.rz-audio-workshop-intro{max-width:650px;color:var(--rz-studio-muted);font-size:13px;line-height:1.65}
.rz-audio-workshop-upload{display:grid;gap:8px;margin:15px 0;padding:14px;border:1px dashed rgba(198,174,255,.26);border-radius:15px;background:rgba(151,108,255,.035)}
.rz-audio-workshop-upload input,.rz-voiceover-studio input[type=file]{max-width:100%;min-height:42px;color:var(--rz-studio-muted)}
.rz-audio-workshop-actions{display:flex;flex-wrap:wrap;gap:8px}
.rz-audio-workshop-actions button{min-height:44px}
.rz-audio-workshop-output,.rz-voiceover-output{display:grid;gap:10px;margin-top:14px}
.rz-audio-workshop-output audio,.rz-voiceover-output audio{width:100%}
.rz-audio-workshop-message,.rz-voiceover-message{min-height:20px;margin-top:10px;color:var(--rz-studio-muted);font-size:12px}
.rz-voiceover-form{display:grid;gap:12px;margin-top:15px}
.rz-voiceover-form label{display:grid;gap:7px;color:#e8e3ef;font-size:13px;font-weight:700}
.rz-voiceover-form select,.rz-voiceover-form textarea{width:100%;min-height:44px;border:1px solid rgba(194,151,255,.24);border-radius:12px;padding:11px 12px;background:#17102d;color:#f7f1ff}
.rz-voiceover-form textarea{min-height:130px}
.rz-voiceover-actions{display:flex;flex-wrap:wrap;gap:8px}
.rz-voiceover-actions button{min-height:44px}
.rz-music-panel{width:min(980px,100%);max-height:min(92dvh,980px);overflow:auto;overscroll-behavior:contain}
.rz-music-overlay{padding:clamp(8px,2vw,24px)}
.rz-music-card{min-width:0}
@media(max-width:980px){.rz-social-main{grid-template-columns:minmax(0,1fr);gap:0}.rz-right-rail,.rz-x-sidebar{display:none}#rzMusicOverlay .rz-music-grid{grid-template-areas:"ai" "voice" "workshop" "release" "catalog"}}
@media(max-width:760px){.rz-studio-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.rz-studio-tool:first-child{grid-column:1/-1;min-height:210px}.rz-studio-idea{grid-template-columns:1fr;gap:17px}.rz-studio-idea-result{min-height:145px}.rz-studio-next{align-items:flex-start;flex-direction:column}.rz-studio-next-actions{justify-content:flex-start}}
@media(max-width:640px){
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .rz-shell{width:calc(100% - 24px)}
  .rz-top-inner{display:flex;min-height:58px;justify-content:space-between;gap:8px;padding:7px 0}
  .rz-top-brand{padding:4px 0!important}
  .rz-top-search{display:none!important}
  .rz-top .rz-actions{display:flex;align-items:center;margin-left:auto}
  .rz-top .rz-top-ai{display:inline-flex;min-height:38px;align-items:center}
  .rz-top #refresh{display:none}
  .rz-social-main{padding-top:9px;padding-bottom:14px}
  .rz-social-content{padding:0 0 10px}
  .rz-content{padding-bottom:8px}
  .rz-creator-studio{gap:12px}
  .rz-studio-hero{min-height:unset;padding:22px 18px;border-radius:20px}
  .rz-studio-hero h2{font-size:clamp(2rem,10vw,2.8rem)}
  .rz-studio-hero p{max-width:40ch;font-size:13px}
  .rz-studio-orb{display:none}
  .rz-studio-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
  .rz-studio-hero-actions .rz-btn{min-height:44px;padding:10px 8px;font-size:12px}
  .rz-studio-tools{grid-template-columns:1fr;gap:10px}
  .rz-studio-tool,.rz-studio-tool:first-child{grid-column:auto;min-height:unset;padding:17px;border-radius:18px}
  .rz-studio-tool-mark{width:38px;height:38px;margin-bottom:14px}
  .rz-studio-tool .rz-btn{margin-top:16px}
  .rz-studio-templates{gap:13px;padding:16px;border-radius:18px}
  .rz-studio-templates-head{align-items:flex-start;flex-direction:column;gap:10px}
  .rz-studio-template-note{font-size:9px}
  .rz-template-grid{grid-template-columns:1fr;gap:10px}
  .rz-template-card{border-radius:16px}
  .rz-template-card>img{aspect-ratio:16/8}
  .rz-template-card-copy{padding:13px}
  .rz-studio-idea{gap:15px;padding:17px;border-radius:18px}
  .rz-studio-idea textarea{min-height:118px}
  .rz-studio-idea-actions{align-items:stretch}
  .rz-studio-idea-actions select,.rz-studio-idea-actions button{flex:1 1 100%;width:100%}
  .rz-studio-idea-result{min-height:125px;padding:14px}
  .rz-studio-next{padding:17px;border-radius:18px}
  .rz-studio-next-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}
  .rz-studio-next-actions .rz-btn{min-height:42px;padding:9px 8px;font-size:12px}
  .rz-mobile-nav{left:10px;right:10px;bottom:8px;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px;padding:5px 5px calc(5px + env(safe-area-inset-bottom));border-radius:17px}
  .rz-mobile-nav button{min-height:48px;padding:5px 2px}
  .rz-mobile-nav button small{font-size:9px;letter-spacing:0}
  .rz-music-panel{max-height:calc(100dvh - 16px);padding:0;border-radius:19px}
  .rz-music-hero{position:sticky;top:0;z-index:3;padding:14px!important;background:rgba(13,10,19,.97)!important;backdrop-filter:blur(14px)}
  .rz-music-hero h2{font-size:22px}
  .rz-music-grid{padding:10px!important;gap:10px!important}
  .rz-music-card{padding:15px!important;border-radius:17px!important}
  .rz-audio-workshop-actions{display:grid;grid-template-columns:1fr}
  .rz-audio-workshop-actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){.rz-studio-tool,.rz-studio-hero{scroll-behavior:auto}}