@import url("https://compass-song-video-studio-preview-a9vc77exg-compass-sen-support.vercel.app/assets/studio-aurora.css");

/* PRISM LUMINOUS LAUNCH CARDS — tactile dark faces, neon speaker-ring art. */
body[data-studio-mode="welcome"] .sv-welcome-choices {
  gap:12px !important;
  padding:5px 2px 9px !important;
}
body[data-studio-mode="welcome"] .sv-choice-shell{
  position:relative;
  min-width:0;
  display:block;
  isolation:isolate;
}
body[data-studio-mode="welcome"] .sv-welcome-choice{
 --launch-ring:#5ae8e9;--launch-glow:#0a4e51;
 position:relative !important;
 display:flex !important;
 gap:14px !important;
 align-items:center !important;
 width:100% !important;
 min-height:136px !important;
 height:100% !important;
 padding:15px 16px 33px !important;
 border:1px solid var(--launch-ring) !important;
 border-bottom:3px solid color-mix(in srgb,var(--launch-ring),#060811 38%) !important;
 border-radius:16px !important;
 overflow:hidden !important;
 color:#f8faff !important;
 background:
  radial-gradient(ellipse 55% 70% at 21% 42%,color-mix(in srgb,var(--launch-ring),transparent 78%),transparent 90%),
  linear-gradient(117deg,transparent 10%,#ffffff1f 27%,transparent 45%),
  linear-gradient(150deg,#3a3b48 0%,#1d202b 32%,#0a0d16 71%,#211729 100%) !important;
 box-shadow:inset 0 2px 1px #ffffff78,inset 0 -7px 9px #0009,
    0 5px 0 #080710,0 11px 20px #010209b5,
    0 0 18px color-mix(in srgb,var(--launch-ring),transparent 52%) !important;
 text-shadow:0 1px 2px #07060b !important;
 animation:prism-launch-rhythm 4.1s ease-in-out infinite !important;
 transition:filter .18s,box-shadow .18s,transform .18s !important;
}
body[data-studio-mode="welcome"] .choice-music{--launch-ring:#64e4ee;--launch-glow:#115a68}
body[data-studio-mode="welcome"] .choice-images{--launch-ring:#ff78bd;--launch-glow:#693050;animation-delay:-1s !important}
body[data-studio-mode="welcome"] .choice-video{--launch-ring:#91a5ff;--launch-glow:#3e408c;animation-delay:-2.1s !important}
body[data-studio-mode="welcome"] .choice-story{--launch-ring:#7becba;--launch-glow:#145b44;animation-delay:-3s !important}
body[data-studio-mode="welcome"] .sv-welcome-choice:hover,
body[data-studio-mode="welcome"] .sv-welcome-choice:focus-visible {
 animation-play-state:paused !important;
 filter:brightness(1.18) saturate(1.16) !important;
 transform:translateY(-4px) scale(1.012) !important;
 box-shadow:inset 0 2px 1px #ffffffb0,inset 0 -7px 9px #0009,
    0 8px 0 #06050d,0 14px 22px #000b,0 0 26px var(--launch-ring) !important;
}
body[data-studio-mode="welcome"] .sv-welcome-choice:active{
 animation-play-state:paused !important;
 transform:translateY(2px) scale(.992) !important;
 box-shadow:inset 0 4px 9px #000b,0 1px 0 #060810,0 0 18px var(--launch-ring) !important;
}
body[data-studio-mode="welcome"] .sv-choice-art{
 position:relative !important;
 z-index:1;
 width:72px !important;
 height:72px !important;
 flex:0 0 72px !important;
 margin:0 !important;
 transform:none !important;
 filter:drop-shadow(0 0 12px color-mix(in srgb,var(--launch-ring),transparent 32%));
}
body[data-studio-mode="welcome"] .sv-choice-art::before,
body[data-studio-mode="welcome"] .sv-choice-art::after{
 content:"";
 position:absolute;
 z-index:0;
 width:72px;height:72px;
 top:50%;left:50%;
 border-radius:50%;
 pointer-events:none;
 transform:translate(-50%,-50%) scale(.82);
}
body[data-studio-mode="welcome"] .sv-choice-art::before{
 border:3px solid var(--launch-ring);
 background:radial-gradient(circle,#090b12 26%,#1b2332 48%,#050712 60%,transparent 66%);
 box-shadow:inset 0 0 14px color-mix(in srgb,var(--launch-ring),transparent 52%),
    0 0 10px var(--launch-ring),0 0 23px color-mix(in srgb,var(--launch-ring),transparent 37%);
 animation:prism-launch-ring 2.45s ease-in-out infinite !important;
}
body[data-studio-mode="welcome"] .sv-choice-art::after{
 width:87px;height:87px;
 border:2px solid color-mix(in srgb,var(--launch-ring),transparent 20%);
 box-shadow:0 0 16px color-mix(in srgb,var(--launch-ring),transparent 28%);
 animation:prism-launch-wave 3.1s ease-out infinite !important;
}
body[data-studio-mode="welcome"] .sv-choice-symbol{
 position:relative !important;z-index:3 !important;
 font-size:33px !important;
 color:#f8f9ff !important;
 text-shadow:0 0 6px var(--launch-ring),0 0 19px var(--launch-ring),0 1px #000 !important;
 animation:prism-launch-glyph 2.45s ease-in-out infinite !important;
}
body[data-studio-mode="welcome"] .sv-choice-disc,
body[data-studio-mode="welcome"] .sv-choice-photo,
body[data-studio-mode="welcome"] .sv-choice-frames,
body[data-studio-mode="welcome"] .sv-choice-pages{
 opacity:.68;
 filter:drop-shadow(0 0 7px var(--launch-ring));
}
body[data-studio-mode="welcome"] .sv-choice-copy{
 position:relative;z-index:3;gap:5px !important;padding-right:14px;
}
body[data-studio-mode="welcome"] .sv-choice-copy strong{
 color:#f7f8ff !important;font-size:clamp(15px,1.18vw,19px) !important;
 letter-spacing:.005em;line-height:1.15;
 text-shadow:0 1px #05030b,0 0 10px color-mix(in srgb,var(--launch-ring),transparent 70%) !important;
}
body[data-studio-mode="welcome"] .sv-choice-copy small{
 color:#cdd8eb !important;font-size:11px !important;
}
body[data-studio-mode="welcome"] .sv-choice-arrow{
 top:11px!important;right:14px!important;color:var(--launch-ring)!important;
 text-shadow:0 0 8px var(--launch-ring)!important;
}
body[data-studio-mode="welcome"] .sv-choice-world-link{
 position:absolute;z-index:8;right:10px;bottom:10px;
 display:inline-flex;align-items:center;gap:4px;
 max-width:calc(100% - 18px);
 padding:3px 8px;
 border-radius:6px;
 background:#121923de;
 border:1px solid color-mix(in srgb,#b3ddf3,transparent 43%);
 color:#e3eefc;
 font-size:10px;font-weight:800;
 text-decoration:none;
 box-shadow:inset 0 1px #ffffff2c;
 transition:background .18s,color .18s,box-shadow .18s;
}
body[data-studio-mode="welcome"] .sv-choice-world-link:hover,
body[data-studio-mode="welcome"] .sv-choice-world-link:focus-visible{
 color:#fff;background:#2b3549;
 box-shadow:0 0 9px #b1d6ff84;
 outline:2px solid #b4deff;outline-offset:2px;
}
@keyframes prism-launch-rhythm{
 0%,100%{transform:translateY(0)}
 18%{transform:translateY(-2px)}
 36%{transform:translateY(0)}
 53%{transform:translateY(-3px)}
 68%{transform:translateY(0)}
}
@keyframes prism-launch-ring{
 0%,100%{transform:translate(-50%,-50%) scale(.88)}
 23%{transform:translate(-50%,-50%) scale(1.06)}
 38%{transform:translate(-50%,-50%) scale(.94)}
 53%{transform:translate(-50%,-50%) scale(1.09)}
 72%{transform:translate(-50%,-50%) scale(.94)}
}
@keyframes prism-launch-wave{
 0%{opacity:.65;transform:translate(-50%,-50%) scale(.7)}
 75%{opacity:.15}
 100%{opacity:0;transform:translate(-50%,-50%) scale(1.48)}
}
@keyframes prism-launch-glyph{
 0%,100%{transform:scale(1)}
 24%,56%{transform:scale(1.12)}
 38%,70%{transform:scale(.97)}
}
@media(max-width:1099px){
 body[data-studio-mode="welcome"] .sv-welcome-choice{
  min-height:117px!important;padding:12px 12px 31px!important;gap:10px!important;
 }
 body[data-studio-mode="welcome"] .sv-choice-art{
  width:59px!important;height:59px!important;flex-basis:59px!important;
 }
 body[data-studio-mode="welcome"] .sv-choice-art::before{width:62px;height:62px}
 body[data-studio-mode="welcome"] .sv-choice-art::after{width:72px;height:72px}
 body[data-studio-mode="welcome"] .sv-choice-copy strong{font-size:14px!important}
}
@media(max-width:640px){
 body[data-studio-mode="welcome"] .sv-welcome-choices{gap:8px!important}
 body[data-studio-mode="welcome"] .sv-welcome-choice{
  min-height:118px!important;padding:10px 8px 29px!important;gap:6px!important;
 }
 body[data-studio-mode="welcome"] .sv-choice-art{width:49px!important;height:49px!important;flex-basis:49px!important}
 body[data-studio-mode="welcome"] .sv-choice-art::before{width:50px;height:50px}
 body[data-studio-mode="welcome"] .sv-choice-art::after{width:59px;height:59px}
 body[data-studio-mode="welcome"] .sv-choice-symbol{font-size:26px!important}
 body[data-studio-mode="welcome"] .sv-choice-copy strong{font-size:12px!important}
 body[data-studio-mode="welcome"] .sv-choice-copy small{font-size:9px!important}
 body[data-studio-mode="welcome"] .sv-choice-world-link{font-size:9px!important;bottom:6px;right:6px;padding:2px 6px}
}
@media(prefers-reduced-motion:reduce){
 body[data-studio-mode="welcome"] .sv-welcome-choice,
 body[data-studio-mode="welcome"] .sv-choice-art::before,
 body[data-studio-mode="welcome"] .sv-choice-art::after,
 body[data-studio-mode="welcome"] .sv-choice-symbol{
  animation:none!important;transform:none!important;
 }
 body[data-studio-mode="welcome"] .sv-choice-art::before,
 body[data-studio-mode="welcome"] .sv-choice-art::after{
  transform:translate(-50%,-50%)!important
 }
}

/* IMAGE STUDIO — balanced creation console beside a compact canvas. */
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"]{
 color:#edf3ff!important;
 background:linear-gradient(148deg,#1b202c,#0f151e 71%,#191723)!important;
 border:1px solid #485f73!important;
 border-radius:14px!important;
 padding:12px!important;
 box-shadow:inset 0 1px #ffffff27,0 8px 20px #0008!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-heading{
 border-bottom:1px solid #4d607268!important;
 padding:3px 6px 9px!important;
 margin-bottom:10px!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-heading h2{
 color:#f4f8ff!important;font-size:clamp(17px,1.6vw,23px)!important
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-tool-controls{
 min-width:0!important;padding:12px!important;
 border-radius:12px!important;border:1px solid #4d6074!important;
 background:linear-gradient(148deg,#242a36,#171c28)!important;
 box-shadow:inset 0 1px #ffffff25,0 4px 13px #060b13b3!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-controls-kicker{
 font-size:10px!important;color:#9ae6ec!important;letter-spacing:.14em!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-field{
 margin:8px 0!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-field label{
 color:#e4e9f5!important;font-size:11px!important;font-weight:800!important
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] :is(select,textarea){
 width:100%!important;min-width:0!important;
 background:#111923!important;color:#f2f6ff!important;
 border:1px solid #5c7588!important;
 border-radius:9px!important;
 padding:8px 10px!important;
 box-shadow:inset 0 2px 5px #06090c8c!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] select{
 height:36px!important;min-height:36px!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] #sv-image-prompt{
 height:95px!important;min-height:95px!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] #sv-character-reference{
 height:85px!important;min-height:85px!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-card{
 padding:10px!important;margin:7px 0!important;
 background:#1e2733!important;border:1px solid #485c70!important;
 border-radius:10px!important;
 box-shadow:inset 0 1px #ffffff17!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-card strong{
 color:#e4edf9!important;font-size:11px!important
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-hint{
 color:#b9c9da!important;font-size:10px!important;
 line-height:1.36!important;margin:5px 0!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-pills{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:6px!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-pills button{
 min-width:0!important;padding:7px 5px!important;font-size:10px!important;
 white-space:normal!important;line-height:1.2!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-actions{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:7px!important;
 margin:9px 0 7px!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] #sv-generate-image{
 grid-column:1/-1!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-actions button{
 font-size:11px!important;min-height:38px!important;
 white-space:normal!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-workstage{
 min-width:0!important;align-self:stretch!important;min-height:0!important;height:100%!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-stage-shell{
 display:flex!important;flex-direction:column!important;
 background:linear-gradient(146deg,#1d2736,#090f18)!important;
 padding:11px!important;border-radius:12px!important;
 border:1px solid #6195ad!important;min-height:0!important;
 box-shadow:inset 0 1px #ffffff2c,0 7px 16px #000b,0 0 13px #57c0d534!important;
 flex:1!important;height:100%!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-stage-topline{
 color:#a5e7f1!important;font-size:10px!important;
 padding-bottom:8px!important;border-bottom:1px solid #50657b7c!important
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-output{
 position:relative!important;flex:1!important;
 min-height:300px!important;height:auto!important;
 padding:16px!important;border-radius:9px!important;
 overflow:hidden!important;
 border:1px solid #395973!important;
 background:
  linear-gradient(#7ccde610 1px,transparent 1px) 0 0/36px 36px,
  linear-gradient(90deg,#7ccde610 1px,transparent 1px) 0 0/36px 36px,
  radial-gradient(ellipse at 50% 32%,#293a51 0%,#111c2b 60%,#0a0e18 100%)!important;
 box-shadow:inset 0 5px 20px #0009!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-output::before{
 content:"";position:absolute;inset:14px;
 border:1px dashed #8bdfff65;border-radius:7px;pointer-events:none;
 box-shadow:0 0 14px #47dbe013,inset 0 0 14px #58e5f112!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-output img:not([hidden]){
 display:block!important;
 max-width:100%!important;
 max-height:68vh!important;
 width:auto!important;height:auto!important;
 object-fit:contain!important;position:relative;z-index:2;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-output:has(img:not([hidden]))::before{
 display:none!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] #sv-image-placeholder{
 position:relative;z-index:2;
 padding:13px 18px!important;
 max-width:310px;
 color:#c8deef!important;
 font-size:12px!important;text-align:center!important;
 background:#162131d9!important;
 border:1px solid #547c94!important;
 border-radius:11px!important;
 box-shadow:0 7px 24px #0008,0 0 18px #72dfff22!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] #sv-download-image:not([hidden]){
 position:relative;z-index:3;
}
@media(min-width:1050px){
 body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-tool-layout{
  display:grid!important;
  grid-template-columns:minmax(490px,1fr) minmax(0,1.1fr)!important;
  align-items:stretch!important;gap:12px!important;
 }
 body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-tool-controls .sv-two:has(.sv-card){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
}
@media(min-width:741px) and (max-width:1049px){
 body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-tool-layout{
  display:grid!important;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
  align-items:stretch!important;gap:10px!important;
 }
 body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-pills{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}
@media(max-width:740px){
 body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-tool-layout{
  display:flex!important;flex-direction:column!important;gap:9px!important
 }
 body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-pills{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="images"] .sv-output{
  min-height:230px!important;
 }
}


/* Video workstation: the middle controls frame now reaches the bottom of its
   neighbouring timeline, monitor and project-image workspace. */
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="video"] .sv-tool-layout {
 align-items:stretch!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="video"] .sv-tool-controls {
 align-self:stretch!important;
 height:100%!important;
 display:flex!important;
 flex-direction:column!important;
 min-height:0!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="video"] .sv-export-help {
 margin-top:auto!important;
}
body:not([data-studio-mode="welcome"]) .sv-panel[data-panel="video"] .sv-workstage {
 align-self:stretch!important;
}

/* Finished-music sound console inside the existing bottom transport bar. */
body:not([data-studio-mode="welcome"]) .sv-dock.has-generated-song {
 min-height:70px!important;
 padding:7px 10px!important;
 border-color:#73bae0!important;
 background:
  linear-gradient(112deg,#4ee8f20f 0%,transparent 28%,#bd83fa16 58%,#7eebce0f 100%),
  linear-gradient(180deg,#342e40 0%,#161725 26%,#080d18 70%,#1e1830 100%)!important;
 box-shadow:inset 0 2px 1px #ffffff60,inset 0 -2px 5px #000a,
   0 0 17px #6aafe74a,0 8px 22px #000a!important;
}
.sv-dock-song[hidden] {display:none!important;}
.sv-dock-song {
 --song-accent:#6df5ec;
 display:flex!important;
 align-items:center!important;
 gap:9px!important;
 flex:1 1 auto!important;
 min-width:0!important;
 border:1px solid #5a82a5!important;
 background:linear-gradient(145deg,#242a40,#080d19 55%,#1a1b34)!important;
 border-radius:13px!important;
 padding:6px 10px!important;
 color:#f1f7ff!important;
 box-shadow:inset 0 1px #ffffff36,inset 0 -2px 4px #0007,0 0 11px #7bbee236!important;
}
.sv-dock-song-meta {
 display:flex!important;flex-direction:column!important;
 justify-content:center;gap:2px;
 min-width:80px;max-width:220px;flex:1 1 150px;
}
.sv-dock-song-meta strong{
 color:#f5faff!important;
 font-size:11px!important;
 line-height:1.25!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.sv-dock-song-meta small{
 color:#bad5e7!important;font-size:9px!important;
 letter-spacing:.07em!important;font-weight:800!important;
}
.sv-dock-song.is-playing .sv-dock-song-meta small{
 color:#6ff5d6!important;
 text-shadow:0 0 8px #6ff5d6a0!important;
}
.sv-dock-speaker{
 position:relative;flex:0 0 42px!important;
 display:grid!important;place-items:center!important;
 height:42px;width:42px!important;
 border:2px solid #b399ff!important;border-radius:50%!important;
 background:
  repeating-radial-gradient(circle,#121220 0,#2d2941 4px,#0b0f21 7px,#25263e 10px)!important;
 box-shadow:inset 0 3px 8px #05060ec0,0 0 8px #a38dff9f,0 0 0 3px #a88eff23!important;
 isolation:isolate;
}
.sv-dock-speaker-cone{
 display:grid;place-items:center;width:52%;height:52%;
 border-radius:50%;color:#4a326b;font-size:17px;font-weight:900;
 background:linear-gradient(145deg,#ffedd1,#e7be80 63%,#af7a47)!important;
 box-shadow:inset 0 2px #fff9,inset 0 -2px #8c5b4a70,0 0 12px #ffe1a96b!important;
}
.sv-dock-speaker i {
 position:absolute;inset:-4px;border:2px solid #8de5ff!important;
 border-radius:50%;pointer-events:none;opacity:0;
}
.sv-dock-speaker i:last-child{border-color:#dda7ff!important}
.sv-dock-eq{
 flex:0 0 83px;display:flex!important;align-items:center!important;
 justify-content:center;gap:4px!important;height:35px;
 padding:0 5px;
 border-radius:8px;border:1px solid #497da459;
 background:#0c1624a5!important;
}
.sv-dock-eq i{
 display:block!important;width:5px!important;height:9px!important;
 border-radius:4px!important;transform-origin:center bottom;
 background:linear-gradient(180deg,#c8b3ff,#54e6f0);
 box-shadow:0 0 5px #74d8e889!important;
 opacity:.65;
}
.sv-dock-eq i:nth-child(3n + 2){height:17px;background:linear-gradient(#ffb1db,#a28fff)}
.sv-dock-eq i:nth-child(3n){height:12px;background:linear-gradient(#ffe0a2,#6decce)}
.sv-dock-song-play,.sv-dock-song-download{
 flex:0 0 auto!important;
 min-width:82px!important;
 min-height:34px!important;
 display:inline-flex!important;justify-content:center!important;align-items:center!important;
 padding:6px 9px!important;
 border-radius:9px!important;
 border:1px solid #66dfef!important;
 color:#f5f9ff!important;
 background:linear-gradient(145deg,#36435a,#0a1020 63%,#22233a)!important;
 box-shadow:inset 0 1px #ffffff74,0 2px 0 #070a15,0 0 9px #6db7f489!important;
 text-decoration:none!important;
 text-shadow:0 1px #000!important;
 font-weight:800!important;font-size:11px!important;cursor:pointer;
}
.sv-dock-song-download{min-width:63px!important;border-color:#d6a8ff!important;box-shadow:inset 0 1px #ffffff74,0 2px 0 #070a15,0 0 9px #bb8cfd68!important}
.sv-dock-song-play:hover,.sv-dock-song-download:hover{filter:brightness(1.18)!important}
.sv-dock-song-seek {
 flex:1 1 115px!important;
 min-width:70px!important;max-width:260px!important;
 height:5px!important;
 padding:0!important;border:0!important;border-radius:10px!important;
 background:#304458!important;accent-color:#77f2eb!important;
 cursor:pointer;
}
.sv-dock-song-time{
 color:#d9e8fb!important;font-size:10px!important;
 font-variant-numeric:tabular-nums!important;white-space:nowrap!important;flex:0 0 auto!important;
}
.sv-dock-song audio{display:none!important}
.sv-dock-song.is-playing{
 border-color:#73f7ea!important;
 box-shadow:inset 0 2px #ffffff57,0 0 16px #57edf5a1,0 0 29px #a58cff52!important;
}
.sv-dock-song.is-playing .sv-dock-speaker{
 animation:sv-song-bass .7s ease-in-out infinite!important;
}
.sv-dock-song.is-playing .sv-dock-speaker-cone{
 animation:sv-song-cone .7s ease-in-out infinite!important;
}
.sv-dock-song.is-playing .sv-dock-speaker i{
 animation:sv-song-wave 1.6s ease-out infinite!important;
}
.sv-dock-song.is-playing .sv-dock-speaker i:last-child{
 animation-delay:-.8s!important;
}
.sv-dock-song.is-playing .sv-dock-eq i{
 animation:sv-song-equalizer .52s ease-in-out infinite alternate!important;
}
.sv-dock-song.is-playing .sv-dock-eq i:nth-child(3n+2){animation-delay:-.32s!important;animation-duration:.68s!important}
.sv-dock-song.is-playing .sv-dock-eq i:nth-child(3n){animation-delay:-.19s!important;animation-duration:.45s!important}
@keyframes sv-song-bass{
 0%,100%{transform:scale(1)}
 18%{transform:scale(1.095)}
 40%{transform:scale(.97)}
 60%{transform:scale(1.06)}
}
@keyframes sv-song-cone{
 0%,100%{transform:scale(1)}
 18%{transform:scale(1.22)}
 40%{transform:scale(.91)}
 60%{transform:scale(1.13)}
}
@keyframes sv-song-wave{
 0%{opacity:.8;transform:scale(.8)}
 68%{opacity:.17}
 100%{opacity:0;transform:scale(2.2)}
}
@keyframes sv-song-equalizer{
 from{transform:scaleY(.35);opacity:.5}
 to{transform:scaleY(1.5);opacity:1}
}
@media(max-width:1180px){
 .sv-dock-song{gap:6px!important;padding:5px 7px!important}
 .sv-dock-song-meta{max-width:165px!important;flex-basis:115px!important}
 .sv-dock-eq{flex-basis:53px!important;gap:3px!important}
 .sv-dock-eq i:nth-child(n+7){display:none!important}
 .sv-dock-song-play{min-width:65px!important;padding:6px!important}
}
@media(max-width:800px){
 .sv-dock-song{flex-wrap:wrap!important;justify-content:flex-start!important}
 .sv-dock-song-seek{flex:1 1 100px!important}
 .sv-dock-eq{display:none!important}
 .sv-dock-song-meta{flex:1 1 110px!important}
 body:not([data-studio-mode="welcome"]) .sv-dock.has-generated-song{
  flex-wrap:wrap!important;
 }
}
@media(max-width:520px){
 .sv-dock-song-time{display:none!important}
 .sv-dock-song-seek{display:none!important}
 .sv-dock-speaker{flex-basis:34px!important;width:34px!important;height:34px!important}
}
@media(prefers-reduced-motion:reduce){
 .sv-dock-song.is-playing .sv-dock-speaker,
 .sv-dock-song.is-playing .sv-dock-speaker-cone,
 .sv-dock-song.is-playing .sv-dock-speaker i,
 .sv-dock-song.is-playing .sv-dock-eq i {animation:none!important}
}


/* Compass magical compact workspace pass — scoped to editing screens.
   Preserve welcome hero, functional controls, previews and existing navigation. */
body:not([data-studio-mode="welcome"]) .sv-panel,
body:not([data-studio-mode="welcome"]) .sv-card {
  border-radius:18px;
  border-color:rgba(155,177,255,.42);
  background:linear-gradient(145deg,rgba(33,22,81,.85),rgba(13,27,70,.87));
  box-shadow:inset 0 1px rgba(255,255,255,.19),0 10px 28px rgba(5,5,37,.23);
}
body:not([data-studio-mode="welcome"]) .sv-tool-layout {
  gap:clamp(10px,1.4vw,18px);
  align-items:start;
}
body:not([data-studio-mode="welcome"]) .sv-tool-controls {
  gap:9px;
  min-width:0;
}
body:not([data-studio-mode="welcome"]) .sv-panel {
  padding:clamp(11px,1.2vw,18px);
}
body:not([data-studio-mode="welcome"]) .sv-heading {
  margin-block:0 8px;
  line-height:1.2;
}
body:not([data-studio-mode="welcome"]) .sv-field {
  margin-block:5px 9px;
  min-width:0;
}
body:not([data-studio-mode="welcome"]) textarea {
  min-height:64px;
  max-height:180px;
  resize:vertical;
  line-height:1.45;
}
body:not([data-studio-mode="welcome"]) .sv-tool-controls textarea {
  min-height:64px!important;
  height:clamp(64px,10vh,110px);
}
body:not([data-studio-mode="welcome"]) .sv-actions,
body:not([data-studio-mode="welcome"]) .sv-pills {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}
body:not([data-studio-mode="welcome"]) .sv-actions :is(button,a),
body:not([data-studio-mode="welcome"]) .sv-pills :is(button,a) {
  width:auto;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  border-radius:999px;
  font-weight:750;
  background-image:linear-gradient(180deg,rgba(255,255,255,.39),rgba(255,255,255,.04) 32%,rgba(0,0,0,.14) 78%,rgba(255,255,255,.17));
  box-shadow:inset 0 2px 2px rgba(255,255,255,.35),inset 0 -3px 4px rgba(14,8,60,.25),0 4px 10px rgba(0,0,0,.2);
}
body:not([data-studio-mode="welcome"]) .sv-actions :is(button,a):nth-child(4n+1){border-color:#ff8ddf}
body:not([data-studio-mode="welcome"]) .sv-actions :is(button,a):nth-child(4n+2){border-color:#67e8ff}
body:not([data-studio-mode="welcome"]) .sv-actions :is(button,a):nth-child(4n+3){border-color:#b6ff78}
body:not([data-studio-mode="welcome"]) .sv-actions :is(button,a):nth-child(4n){border-color:#ffc875}
body:not([data-studio-mode="welcome"]) .sv-workstage,
body:not([data-studio-mode="welcome"]) .sv-stage-shell {
  min-width:0;
  overflow:hidden;
  border-radius:18px;
}
body:not([data-studio-mode="welcome"]) .sv-output {
  min-width:0;
  overflow-wrap:anywhere;
}
@media(min-width:900px){
 body:not([data-studio-mode="welcome"]) .sv-tool-layout{
   grid-template-columns:minmax(245px,30%) minmax(0,1fr);
 }
}
@media(max-width:700px){
 body:not([data-studio-mode="welcome"]) .sv-tool-layout{display:block}
 body:not([data-studio-mode="welcome"]) .sv-tool-controls{margin-bottom:12px}
 body:not([data-studio-mode="welcome"]) .sv-panel{padding:11px}
}
@media(prefers-reduced-motion:reduce){
 body:not([data-studio-mode="welcome"]) .sv-actions :is(button,a){transition:none}
}