/* COMPASS STUDIO — ONE fairytale design system.
 * The only new presentation stylesheet on dedicated Studio pages.
 * Original generators, music iframe, scene renderers, storage and handlers remain untouched.
 * All four selected background photographs are existing approved assets. */
:root{
 --fairy-ink:#fff6ff;--fairy-soft:#d9d0f4;--fairy-rim:#b58afc;
 --fairy-glass:linear-gradient(145deg,#302353d9,#141b3cf0 62%,#1e2350e8);
 --fairy-shadow:inset 0 2px 1px #ffffff63,inset 0 -2px 2px #22104994,0 11px 26px #030319ad;
}
html body[data-studio-page],html body[data-studio-mode="welcome"]{
 --fairy-art:url('/assets/studio/backgrounds/compass-bg-studio.webp');
 background-color:#080a26!important;
 background-image:linear-gradient(180deg,#070b24bd,#070b2782 43%,#090c2ad9),var(--fairy-art)!important;
 background-position:center center!important;background-repeat:no-repeat!important;
 background-size:cover!important;background-attachment:fixed!important;
 color:var(--fairy-ink)!important;
 overflow-x:hidden!important;
}
html body[data-studio-page="story"],html body[data-studio-page="script"]{--fairy-art:url('/assets/studio/backgrounds/compass-bg-story.webp')}
html body[data-studio-page="characters"],html body[data-studio-page="images"]{--fairy-art:url('/assets/studio/backgrounds/compass-bg-characters.webp')}
html body[data-studio-page="music"],html body[data-studio-page="music-video"]{--fairy-art:url('/assets/studio/backgrounds/compass-bg-music.webp')}
html body.cs-fairy-ready::before,html body.cs-fairy-ready::after{display:none!important;content:none!important}
html body.cs-fairy-ready .sv-app{
 display:block!important;position:relative!important;isolation:isolate;
 width:100%!important;max-width:none!important;
 margin:0!important;padding:10px clamp(8px,1.25vw,22px) 25px!important;
 min-height:100dvh!important;background:transparent!important;
}
html body.cs-fairy-ready .sv-production-shell{
 width:100%!important;max-width:none!important;
 background:transparent!important;box-shadow:none!important;
 border:none!important;margin:0!important;padding:0!important;
}
html body.cs-fairy-ready .sv-production-shell>.sv-grid{
 display:block!important;grid-template-columns:minmax(0,1fr)!important;
 margin:0!important;padding:0!important;width:100%!important;min-width:0!important;
}
html body.cs-fairy-ready .sv-production-shell .sv-grid>.sv-steps,
html body.cs-fairy-ready .sv-production-shell .sv-grid>.sv-inspector,
html body.cs-fairy-ready .sv-mode-shortcuts,
html body.cs-fairy-ready .sv-production-path,
html body.cs-fairy-ready .sv-production-shell .sv-dock,
html body.cs-fairy-ready .sv-production-shell .sv-transport{
 display:none!important;
}
html body.cs-fairy-ready .sv-production-shell .sv-grid>.sv-content{
 display:block!important;width:100%!important;max-width:none!important;min-width:0!important;
 padding:0!important;margin:0!important;background:transparent!important;
}
html body.cs-fairy-ready .sv-content>section[data-panel]{
 display:block!important;width:100%!important;max-width:none!important;min-width:0!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
 box-shadow:none!important;
}
/* This last rule only applies to the active content panel; retain hidden panels for state. */
html body.cs-fairy-ready .sv-content>section[data-panel][hidden]{display:none!important}
html body.cs-fairy-ready .sv-content>section[data-panel]>.sv-heading,
html body.cs-fairy-ready .sv-content>section[data-panel]>.prism-workspace-heading{
 display:none!important;
}
/* Main fairytale top dock — rich, luminous but practical. */
html body.cs-fairy-ready .sv-app>.sv-head{
 position:relative!important;top:auto!important;z-index:25!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-flow:row wrap!important;gap:10px!important;
 width:100%!important;max-width:none!important;min-height:94px!important;
 padding:11px 16px!important;margin:0 0 8px!important;
 border:1.5px solid #db9bff!important;border-radius:22px!important;
 background:
  radial-gradient(ellipse 31% 140% at 4% 10%,#c24ced7a,transparent 95%),
  radial-gradient(ellipse 23% 140% at 97% 87%,#25c4ed8a,transparent 94%),
  linear-gradient(125deg,#281252f5,#17194ff0 49%,#2e1957f0)!important;
 box-shadow:inset 0 3px 1px #ffffff9c,inset 0 -4px 3px #7b35cb97,0 0 0 1px #7036a3b5,0 9px 28px #250b5891!important;
 backdrop-filter:blur(16px) saturate(140%)!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-brand{
 display:flex!important;align-items:center!important;gap:8px!important;
 min-width:200px!important;margin:0!important;flex:0 0 auto!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-logo{
 display:grid!important;place-items:center!important;
 width:49px!important;height:49px!important;min-width:49px!important;
 border-radius:50%!important;border:1px solid #eebf7a!important;
 background:radial-gradient(circle at 30% 30%,#fff9d5,#a96bd49a 53%,#39236a)!important;
 color:#fce8a4!important;font-size:27px!important;
 text-shadow:0 0 14px #ffe18a!important;
 box-shadow:inset 0 1px #fff8,0 0 17px #e5a2fd77!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-brand strong{
 display:block!important;font:800 clamp(19px,1.55vw,27px)/1.15 Georgia,serif!important;
 white-space:nowrap!important;color:#ffe4b1!important;text-shadow:0 2px 8px #6f3697!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-brand small{
 font:700 9px/1.35 system-ui,sans-serif!important;letter-spacing:.07em!important;
 color:#e9d8ff!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-back,
html body.cs-fairy-ready .sv-app>.sv-head #sv-home{
 display:none!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-projectbar{
 display:none!important;
}
html body.cs-fairy-ready .cs-fairy-nav{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:1 1 650px!important;min-width:0!important;gap:7px!important;
}
html body.cs-fairy-ready .cs-fairy-tab{
 --j-a:#bc83ef;--j-b:#6437ad;--j-r:#f5b5ff;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 gap:0!important;
 flex:0 0 clamp(75px,6.8vw,104px)!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;
 padding:8px 10px!important;margin:0!important;
 position:relative!important;overflow:hidden!important;isolation:isolate!important;
 border:1.5px solid var(--j-r)!important;border-radius:17px!important;
 background:linear-gradient(155deg,#ffffffa8 -18%,#ffffff27 14%,transparent 40%),
 linear-gradient(180deg,var(--j-a) 0%,var(--j-b) 79%,#201c59 100%)!important;
 box-shadow:inset 0 3px 2px #ffffffa9,inset 0 -4px 2px #1d11599e,0 5px 1px #090827,0 7px 13px #06051fca,0 0 15px color-mix(in srgb,var(--j-r),transparent 50%)!important;
 color:white!important;text-align:center!important;text-decoration:none!important;
 cursor:pointer!important;white-space:nowrap!important;
 transition:filter .16s,transform .16s!important;
}
html body.cs-fairy-ready .cs-fairy-tab::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:140%;height:54%;left:-20%;top:-26%;border-radius:50%;
 border-bottom:1px solid #ffffff7f;background:linear-gradient(#fff7,transparent);
}
html body.cs-fairy-ready .cs-fairy-tab:hover{filter:brightness(1.17) saturate(1.09)!important;transform:translateY(-2px)!important}
html body.cs-fairy-ready .cs-fairy-tab.is-active,
html body.cs-fairy-ready .cs-fairy-tab[aria-current]{
 border-color:#fff4d3!important;
 box-shadow:inset 0 3px #ffffffc3,inset 0 -4px #2b155b,0 0 0 2px var(--j-r),0 0 23px color-mix(in srgb,var(--j-r),transparent 8%)!important;
 filter:brightness(1.1)!important;
}
html body.cs-fairy-ready .cs-fairy-tab-icon{
 font:800 29px/1 system-ui,sans-serif!important;text-shadow:0 0 11px #ffffffd1,0 2px 2px #260c5b!important;
}
html body.cs-fairy-ready .cs-fairy-tab-title{
 font:700 12px/1.2 system-ui,sans-serif!important;text-shadow:0 1px 3px #190f52!important;
}
html body.cs-fairy-ready [data-color="amethyst"]{--j-a:#9873ea;--j-b:#4d39a2;--j-r:#d7b6ff}
html body.cs-fairy-ready [data-color="rose"]{--j-a:#ed91cc;--j-b:#913f9e;--j-r:#ffb8e8}
html body.cs-fairy-ready [data-color="lilac"]{--j-a:#b988f2;--j-b:#6443ae;--j-r:#e5bfff}
html body.cs-fairy-ready [data-color="sapphire"]{--j-a:#6faef4;--j-b:#4163c2;--j-r:#a8ecff}
html body.cs-fairy-ready [data-color="aqua"]{--j-a:#59e0d6;--j-b:#278fb2;--j-r:#a3fff1}
html body.cs-fairy-ready [data-color="orchid"]{--j-a:#d17cfc;--j-b:#6743b9;--j-r:#f3baff}
html body.cs-fairy-ready [data-color="mint"]{--j-a:#8be6b2;--j-b:#318b91;--j-r:#bcffe0}
html body.cs-fairy-ready [data-color="gold"]{--j-a:#fbd78a;--j-b:#b87d5e;--j-r:#fff2bb}
html body.cs-fairy-ready [data-color="sea"]{--j-a:#5bc6c3;--j-b:#3866a7;--j-r:#b1fff7}
html body.cs-fairy-ready [data-color="coral"]{--j-a:#f3a4a4;--j-b:#aa5b93;--j-r:#ffd0cc}
html body.cs-fairy-ready [data-color="plum"]{--j-a:#9c91ed;--j-b:#55449d;--j-r:#e6ceff}
html body.cs-fairy-ready [data-color="sunset"]{--j-a:#fac279;--j-b:#9761aa;--j-r:#ffe5b9}
html body.cs-fairy-ready .cs-fairy-more{position:relative;z-index:40;flex:0 0 auto}
html body.cs-fairy-ready .cs-fairy-more-title{
 display:flex;align-items:center;justify-content:center;min-width:57px;height:43px;
 padding:8px 10px;border-radius:13px;border:1px solid #ddaafa;
 background:linear-gradient(#ae73e7,#5b43ad);box-shadow:inset 0 2px #fff9,0 5px 12px #06051eba;
 color:white;font:800 11px system-ui,sans-serif;cursor:pointer;list-style:none;
}
html body.cs-fairy-ready .cs-fairy-more-title::-webkit-details-marker{display:none}
html body.cs-fairy-ready .cs-fairy-more-menu{
 position:absolute;right:0;top:calc(100% + 10px);display:grid;grid-template-columns:repeat(2,100px);gap:9px;
 padding:13px;border:1px solid #d4aaff;border-radius:17px;
 background:linear-gradient(135deg,#3d2465,#17254c);box-shadow:0 12px 27px #03051ee8;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-head-actions{
 display:flex!important;align-items:center!important;gap:8px!important;
 margin:0!important;flex:0 0 auto!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-head-actions > :not(#sv-sparkle-toggle):not(#sv-piano-toggle):not(.sv-welcome-return-worlds){
 display:none!important;
}
html body.cs-fairy-ready .sv-app>.sv-head :is(#sv-sparkle-toggle,#sv-piano-toggle){
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:38px!important;max-width:93px!important;padding:5px 8px!important;
 border-radius:12px!important;border:1px solid #d6b1f8!important;
 background:linear-gradient(180deg,#ac85df,#5950aa)!important;
 box-shadow:inset 0 2px #fff8,0 4px 9px #06051dbb!important;
 color:white!important;font:800 10px/1.1 system-ui,sans-serif!important;
 white-space:normal!important;
}
html body.cs-fairy-ready .sv-app>.sv-head #sv-sparkle-toggle{
 background:linear-gradient(#61bfe9,#4e57c3)!important;border-color:#a1efff!important;
}
html body.cs-fairy-ready .sv-app>.sv-head .sv-welcome-return-worlds{
 min-height:35px!important;font-size:10px!important;
}
/* One slim second row — no redundant generic headings or empty bars. */
html body.cs-fairy-ready .cs-fairy-projectbar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:10px!important;min-height:56px!important;
 margin-bottom:11px!important;padding:8px 13px!important;
 border:1px solid #9b78d8bd!important;border-radius:17px!important;
 background:linear-gradient(115deg,#281951e9,#151e48de 59%,#271c4ddd)!important;
 box-shadow:inset 0 2px #ffffff68,0 5px 14px #04051b8f!important;
 backdrop-filter:blur(13px)!important;
}
html body.cs-fairy-ready .cs-fairy-project-left,
html body.cs-fairy-ready .cs-fairy-project-actions{
 display:flex!important;align-items:center!important;gap:9px!important;
}
html body.cs-fairy-ready .cs-fairy-project-left{flex:1 1 230px!important;min-width:0!important}
html body.cs-fairy-ready .cs-fairy-back{
 display:grid!important;place-items:center!important;min-width:37px!important;width:37px!important;
 height:37px!important;padding:6px!important;border-radius:50%!important;border:1px solid #c69aff!important;
 background:linear-gradient(#9366d5,#4c367e)!important;color:white!important;
 box-shadow:inset 0 2px #ffffff8b,0 0 12px #b77fff99!important;
}
html body.cs-fairy-ready .cs-fairy-project-name{
 display:flex!important;min-width:0!important;align-items:center!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body.cs-fairy-ready .cs-fairy-project-name #sv-project-name{
 display:block!important;min-width:135px!important;width:100%!important;
 font:800 15px/1.2 system-ui,sans-serif!important;
}
html body.cs-fairy-ready .cs-fairy-project-name label{display:none!important}
html body.cs-fairy-ready .cs-fairy-stepper{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important;
}
html body.cs-fairy-ready .cs-fairy-step{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
 min-height:33px!important;padding:5px 10px!important;white-space:nowrap!important;
 border-radius:17px!important;border:1px solid #8574b9!important;
 background:linear-gradient(#39316c,#202958)!important;cursor:pointer;
 font:800 10px/1 system-ui,sans-serif!important;color:#f5e8ff!important;
 box-shadow:inset 0 2px #ffffff42,0 2px 5px #06051f85!important;
}
html body.cs-fairy-ready .cs-fairy-step-number{
 display:grid;place-items:center;width:20px;height:20px;
 border:1px solid #e2b9ff;border-radius:50%;background:#51428d;color:white;
}
html body.cs-fairy-ready .cs-fairy-step.done{border-color:#78b9e9!important;color:#d6f8ff!important}
html body.cs-fairy-ready .cs-fairy-step.done .cs-fairy-step-number{background:#378fbe!important;border-color:#8de8f4}
html body.cs-fairy-ready .cs-fairy-step.current{
 border-color:#99eeff!important;background:linear-gradient(#49b5ef,#4852b8)!important;
 box-shadow:inset 0 2px #ffffff84,0 0 11px #6fdcffa6!important;
}
html body.cs-fairy-ready .cs-fairy-project-actions :is(button,#sv-head-export){
 min-height:36px!important;padding:7px 13px!important;
 border:1px solid #f8ceff!important;border-radius:15px!important;
 background:linear-gradient(#b47be8,#7044ad)!important;color:white!important;
 font:800 11px/1.2 system-ui,sans-serif!important;
 box-shadow:inset 0 2px #fff9,inset 0 -3px #1e18557d,0 3px 9px #07051c9c!important;
}
html body.cs-fairy-ready .cs-fairy-project-actions .cs-fairy-library{
 border-color:#b9f9fc!important;background:linear-gradient(#6eace4,#4755b3)!important;
}
/* Feature-specific identity: one clear title at start of the working area. */
html body.cs-fairy-ready .cs-fairy-title{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 min-height:70px;padding:10px 18px;margin:0 0 12px;
 border:1px solid #a184e7c9;border-radius:19px;
 background:linear-gradient(108deg,#30205cdd,#1c2455d7 58%,#351f5ed7);
 box-shadow:inset 0 2px #ffffff68,0 7px 16px #05051c9c;
 backdrop-filter:blur(16px);
}
html body.cs-fairy-ready .cs-fairy-title-text{min-width:0}
html body.cs-fairy-ready .cs-fairy-eyebrow{
 display:block;color:#a9f8ff;font:850 10px/1.25 system-ui,sans-serif;letter-spacing:.16em;
}
html body.cs-fairy-ready .cs-fairy-title h1{
 margin:3px 0!important;color:#fff3ff!important;font:850 clamp(21px,2.25vw,32px)/1.12 system-ui,sans-serif!important;
 text-shadow:0 2px 8px #582fa6b5!important;
}
html body.cs-fairy-ready .cs-fairy-title p{
 margin:3px 0 0!important;color:#dfd6fa!important;font:500 12px/1.4 system-ui,sans-serif!important;
}
html body.cs-fairy-ready .cs-fairy-title-star{
 font:400 48px/1 Georgia,serif;color:#d7adff;text-shadow:0 0 18px #a968f1;
}
/* Readable glass cards with a magical rim, not flat black forms. */
html body.cs-fairy-ready :is(
 .sv-story-writer-card,.sv-story-existing-content,.sv-character-editor,.sv-character-preview,
 .sv-character-saved,.sv-character-public,.sv-character-variations,
 .sv-review-monitor,.sv-review-filmstrip-wrap,.sv-review-shot-inspector,
 .sv-image-results,#sv-image-controls,.sv-tool-controls,.sv-workstage,.sv-account-toolbar,
 .sv-account-project-card,.sv-music-write,.cs-fairy-music-main,.cs-fairy-music-side,
 .cs-fairy-script-director,.cs-fairy-script-editor,.sv-panel .sv-card
 ){
 border:1px solid #ad8de7c9!important;border-radius:19px!important;
 background:var(--fairy-glass)!important;
 box-shadow:var(--fairy-shadow)!important;backdrop-filter:blur(16px) saturate(130%)!important;
 min-width:0!important;
}
/* All native action buttons receive the same 3D glass material, different jewel colours. */
html body.cs-fairy-ready :is(
 .sv-button,.prism-action,.sv-review-step-nav button,.sv-story-mode-tabs button,
 .cs-fairy-project-actions button,.cs-fairy-home-card
 ){
 --b-top:#ab7be1;--b-bottom:#6245a6;--b-edge:#e1b9ff;
 position:relative!important;isolation:isolate!important;
 min-height:35px!important;padding:8px 12px!important;
 border:1.5px solid var(--b-edge)!important;border-radius:13px!important;
 background:linear-gradient(145deg,#ffffff8e -35%,transparent 38%),
 linear-gradient(180deg,var(--b-top),var(--b-bottom) 80%)!important;
 color:white!important;
 box-shadow:inset 0 2px 1px #ffffffbd,inset 0 -3px 3px #1b125d8a,0 4px 0 #090723,0 6px 12px #05051eb0,0 0 11px color-mix(in srgb,var(--b-edge),transparent 75%)!important;
 text-shadow:0 1px 3px #21104d!important;
 font:850 11px/1.25 system-ui,sans-serif!important;
 transition:filter .14s,transform .14s!important;
 cursor:pointer!important;
}
html body.cs-fairy-ready :is(.sv-button,.prism-action,.cs-fairy-home-card):hover:not(:disabled){
 filter:brightness(1.17) saturate(1.12)!important;transform:translateY(-2px)!important;
}
html body.cs-fairy-ready :is(.sv-button,.prism-action):disabled{
 opacity:.54!important;cursor:not-allowed!important;filter:saturate(.4)!important;
}
html body.cs-fairy-ready :is(.sv-button.primary,#sv-generate-image,#sv-character-work-generate,#sv-review-generate-shot){
 --b-top:#48d4f1;--b-bottom:#4560bd;--b-edge:#acf9ff;
}
html body.cs-fairy-ready :is(#sv-review-approve,#sv-character-work-save,#sv-account-save,#sv-save-selected){
 --b-top:#83e6ac;--b-bottom:#398e9b;--b-edge:#ccffe0;
}
html body.cs-fairy-ready :is(#sv-video-export,#sv-review-animate-shot,#sv-review-to-characters){
 --b-top:#ffd184;--b-bottom:#b87965;--b-edge:#fff0be;
}
html body.cs-fairy-ready :is(#sv-video-stop,#sv-review-stop-generation){
 --b-top:#ef9dbf;--b-bottom:#9b467e;--b-edge:#ffd3e5;
}
html body.cs-fairy-ready .prism-action[data-tone="pink"]{--b-top:#ed8bcb;--b-bottom:#8c47ad;--b-edge:#ffcaef}
html body.cs-fairy-ready .prism-action[data-tone="aqua"]{--b-top:#63e5e4;--b-bottom:#3282ba;--b-edge:#b6ffff}
html body.cs-fairy-ready .prism-action[data-tone="gold"]{--b-top:#ffdc8a;--b-bottom:#b57d55;--b-edge:#fff1bd}
html body.cs-fairy-ready .prism-action[data-tone="violet"]{--b-top:#bd91f8;--b-bottom:#6049af;--b-edge:#e4c6ff}
html body.cs-fairy-ready .prism-action[data-tone="green"]{--b-top:#8ce7b4;--b-bottom:#369894;--b-edge:#c5ffe4}
/* Inputs never resemble ugly plain rectangles. */
html body.cs-fairy-ready :is(textarea,input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),select){
 border:1px solid #8e7ccbd9!important;border-radius:11px!important;
 background:linear-gradient(153deg,#17264ce8,#17183de8)!important;
 color:#fff!important;box-shadow:inset 0 2px 6px #0508279e!important;
 font:500 12px/1.5 system-ui,sans-serif!important;
}
html body.cs-fairy-ready input::placeholder,
html body.cs-fairy-ready textarea::placeholder{color:#afbbdc!important}
html body.cs-fairy-ready :is(button,a,input,select,textarea,summary):focus-visible{
 outline:3px solid #a4faff!important;outline-offset:2px!important;
}
html body.cs-fairy-ready .prism-connected-controls{
 display:flex!important;flex-wrap:wrap!important;gap:8px!important;
 margin:8px 0!important;padding:11px!important;
 border:1px solid #9b86d3c7!important;border-radius:14px!important;
 background:linear-gradient(115deg,#35225be2,#1c254bdf)!important;
 box-shadow:inset 0 1px #ffffff56!important;
}
html body.cs-fairy-ready .prism-connected-controls .prism-controls-copy{
 flex:1 1 100%!important;
}
html body.cs-fairy-ready .prism-connected-controls h3{
 margin:0!important;color:#fff!important;font-size:13px!important;
}
html body.cs-fairy-ready .prism-connected-controls p{
 margin:3px 0!important;color:#d5d3ee!important;font-size:11px!important;
}
html body.cs-fairy-ready .prism-connected-controls .prism-action{
 flex:1 1 135px!important;min-width:0!important;
}
html body.cs-fairy-ready .sv-inspector{display:none!important}
/* ANIMATED NEON ORBS are decorative and never obstruct actual work. */
html body.cs-fairy-ready .sv-app::before,html body.cs-fairy-ready .sv-app::after{
 content:"";position:fixed;z-index:-1;pointer-events:none;
 width:35px;height:35px;border-radius:50%;
 border:1px solid #bf9fff;
 background:radial-gradient(circle at 28% 20%,#fff8,#ad7ce799 40%,#5a65ca51);
 box-shadow:0 0 14px #d79bff,0 0 35px #7c75ff57;
 animation:fairy-float 9s ease-in-out infinite alternate;
}
html body.cs-fairy-ready .sv-app::before{left:2%;top:18%}
html body.cs-fairy-ready .sv-app::after{
 width:22px;height:22px;right:1%;bottom:17%;animation-delay:-4s;filter:hue-rotate(90deg);
}
@keyframes fairy-float{to{transform:translate(16px,-37px) rotate(25deg);opacity:.44}}
html body.sv-sparkles-off .sv-app::before,html body.sv-sparkles-off .sv-app::after{
 display:none!important;animation:none!important;
}
/* Character Atelier: saved sheets | full fitted portrait | designer. */
html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid{
 display:grid!important;grid-template-columns:minmax(185px,19%) minmax(350px,1fr) minmax(270px,27%)!important;
 gap:13px!important;align-items:start!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-saved{
 grid-column:1!important;grid-row:1!important;max-height:73dvh!important;overflow-y:auto!important;
 padding:13px!important;min-height:450px!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-preview{
 grid-column:2!important;grid-row:1!important;min-height:530px!important;padding:12px!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-editor{
 grid-column:3!important;grid-row:1!important;max-height:73dvh!important;overflow-y:auto!important;
 padding:13px!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .sv-character-worktop{
 display:none!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .sv-character-preview-frame{
 height:clamp(355px,52vh,590px)!important;min-height:355px!important;
 border:1px solid #c8a1ff!important;border-radius:15px!important;
 background:radial-gradient(ellipse 65% 70% at 50% 40%,#57458aa8,#121b43ed 80%)!important;
 overflow:hidden!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .sv-character-preview-frame img{
 width:100%!important;height:100%!important;max-height:100%!important;
 object-fit:contain!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .sv-character-variations{margin:11px 0 0!important;padding:11px!important}
html body.cs-fairy-ready[data-studio-page="characters"] .sv-character-variation-gallery{
 display:flex!important;flex-flow:row nowrap!important;gap:9px!important;overflow-x:auto!important;
}
html body.cs-fairy-ready[data-studio-page="characters"] .sv-character-public{margin-top:13px!important}
html body.cs-fairy-ready .cs-fairy-panel-title{
 margin:0 0 12px!important;color:#f5e1ff!important;
 font:850 15px/1.3 system-ui,sans-serif!important;
}
/* Storyboard: existing vertical scene list | hero image with narration + variants | tools. */
html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid,
html body.cs-fairy-ready[data-studio-page="scene-edit"] .cs-fairy-storyboard-grid{
 display:grid!important;grid-template-columns:minmax(180px,18%) minmax(325px,1fr) minmax(265px,27%)!important;
 gap:12px!important;align-items:start!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-filmstrip-wrap{
 padding:12px!important;max-height:73dvh!important;overflow-y:auto!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-filmstrip-title strong{color:#f8eaff!important}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-filmstrip-shot{
 border-radius:11px!important;background:linear-gradient(#2c3261,#151d41)!important;
 border:1px solid #7c80c8!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-filmstrip-shot.is-current{
 border-color:#9cf9ff!important;box-shadow:0 0 15px #5cdaffa6!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-monitor{overflow:hidden!important}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-monitor-top{
 padding:10px!important;background:#25254fe8!important;color:#e7ddff!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-monitor-picture{
 height:clamp(300px,45vh,565px)!important;min-height:300px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 background:radial-gradient(ellipse at 50% 33%,#2e416fa8,#0c183ce8 78%)!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-monitor-picture img{
 width:100%!important;height:100%!important;object-fit:contain!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-narration{
 display:flex!important;flex-direction:column!important;gap:7px!important;
 padding:11px 13px!important;background:#191e44dd!important;
 border-top:1px solid #a987e8a1!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-narration strong{
 font-size:12px!important;color:#fbecff!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-narration textarea{
 min-height:60px!important;max-height:100px!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-versions,
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-shot-versions{
 padding:11px!important;display:flex!important;flex-direction:column!important;gap:8px!important;
 border-top:1px solid #ae82ed!important;background:linear-gradient(#1c2248,#211c4b)!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-history{
 display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-history-image{
 flex:0 0 126px!important;width:126px!important;height:82px!important;
 border:1px solid #b193f0!important;border-radius:12px!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-shot-inspector{
 padding:13px!important;max-height:73dvh!important;overflow-y:auto!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-generation-bar{
 display:flex!important;flex-wrap:wrap!important;gap:8px!important;
 margin:0 0 10px!important;padding:8px!important;
 background:#242452bf!important;border:1px solid #9285d7!important;border-radius:12px!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-generation-bar button{flex:1 1 auto!important}
html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-shot-inspector textarea{
 min-height:100px!important;
}
/* Images: control rail, dominant fitted image, variants below. Generate stays next to prompt. */
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-layout-shell{
 display:grid!important;grid-template-columns:minmax(240px,25%) minmax(0,1fr)!important;
 gap:13px!important;align-items:start!important;width:100%!important;max-width:none!important;
}
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-layout-shell>#sv-image-controls{
 position:sticky!important;top:10px!important;min-width:0!important;
 width:100%!important;max-width:none!important;flex:auto!important;max-height:79dvh!important;
 overflow-y:auto!important;padding:13px!important;
}
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-layout-shell>#sv-image-workstage{
 display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;
 max-width:none!important;gap:11px!important;flex:auto!important;
}
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-workstage>.sv-image-promptbar{
 display:flex!important;flex-flow:row nowrap!important;align-items:end!important;gap:10px!important;
 width:100%!important;margin:0!important;padding:12px!important;
 border:1px solid #ad8be5!important;border-radius:15px!important;
 background:var(--fairy-glass)!important;
}
html body.cs-fairy-ready[data-studio-page="images"] .sv-image-prompt-field{
 flex:1 1 auto!important;min-width:0!important;
}
html body.cs-fairy-ready[data-studio-page="images"] #sv-generate-image{
 width:auto!important;min-width:112px!important;max-width:154px!important;flex:0 0 auto!important;
 min-height:43px!important;
}
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-stage{
 min-height:clamp(310px,50vh,620px)!important;
 border:1px solid #b2eefa!important;border-radius:17px!important;
 background:radial-gradient(ellipse at center,#394b7e,#121a41 80%)!important;
 box-shadow:inset 0 2px #ffffff64,0 7px 20px #05051ca8!important;
}
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-preview{
 width:100%!important;height:100%!important;object-fit:contain!important;
}
html body.cs-fairy-ready[data-studio-page="images"] .sv-image-results{padding:11px!important}
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-gallery{
 display:flex!important;flex-flow:row nowrap!important;gap:9px!important;
 overflow-x:auto!important;overflow-y:hidden!important;
}
html body.cs-fairy-ready[data-studio-page="images"] #sv-image-gallery>*{
 flex:0 0 clamp(125px,17vw,190px)!important;
}
/* Story and Script: designed writing desk, not generic nested toolbars. */
html body.cs-fairy-ready[data-studio-page="story"] .sv-story-author-shell{
 display:grid!important;grid-template-columns:minmax(275px,35%) minmax(0,1fr)!important;gap:12px!important;
}
html body.cs-fairy-ready[data-studio-page="story"] :is(.sv-story-writer-card,.sv-story-existing-content){
 padding:16px!important;min-height:425px!important;
}
html body.cs-fairy-ready[data-studio-page="story"] #sv-manuscript{
 min-height:290px!important;font:500 14px/1.7 Georgia,serif!important;
}
html body.cs-fairy-ready[data-studio-page="script"] .cs-fairy-script-grid{
 display:grid!important;grid-template-columns:minmax(240px,28%) minmax(0,1fr)!important;gap:12px!important;
}
html body.cs-fairy-ready[data-studio-page="script"] :is(.cs-fairy-script-director,.cs-fairy-script-editor){
 padding:15px!important;
}
html body.cs-fairy-ready[data-studio-page="script"] #sv-script{min-height:300px!important}
html body.cs-fairy-ready[data-studio-page="script"] #sv-scenes{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important;
}
/* Music: show the ONE real embedded music creator, not a second empty composer. */
html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-desk{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(245px,25%)!important;
 gap:13px!important;align-items:start!important;
}
html body.cs-fairy-ready[data-studio-page="music"] :is(.cs-fairy-music-main,.cs-fairy-music-side){
 min-width:0!important;padding:13px!important;
}
html body.cs-fairy-ready[data-studio-page="music"] #sv-music-frame{
 display:block!important;width:100%!important;max-width:none!important;
 height:900px;min-height:720px!important;
 border:1px solid #ad8fe7!important;border-radius:15px!important;
 background:#11163ce6!important;
}
html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-mirror{
 position:absolute!important;left:-100000px!important;top:auto!important;
 width:1px!important;height:1px!important;overflow:hidden!important;
 opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;
}
html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-fallback .cs-fairy-music-mirror{
 position:static!important;width:auto!important;height:auto!important;
 opacity:1!important;pointer-events:auto!important;clip-path:none!important;
}
html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-side .prism-connected-controls{
 margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;
}
html body.cs-fairy-ready[data-studio-page="music"] #prism-music-visual-idea{
 display:block!important;flex:1 1 100%!important;width:100%!important;
 min-height:100px!important;resize:vertical!important;
}
/* Video/Animation/Music Video: one cinematic monitor + controls, timeline underneath. */
html body.cs-fairy-ready[data-studio-page="video"] .cs-fairy-video-grid,
html body.cs-fairy-ready[data-studio-page="animation"] .cs-fairy-video-grid{
 display:grid!important;grid-template-columns:minmax(250px,26%) minmax(0,1fr)!important;
 gap:13px!important;align-items:start!important;
}
html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid:not([hidden]){
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(235px,26%)!important;
 gap:13px!important;align-items:start!important;
}
html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid .sv-tool-controls{
 grid-column:2!important;grid-row:1!important;
}
html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid .sv-workstage{
 grid-column:1!important;grid-row:1 / span 2!important;
}
html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid .sv-animation-disclaimer{
 grid-column:1/-1!important;
}
html body.cs-fairy-ready .cs-fairy-video-grid .sv-tool-controls{padding:13px!important}
html body.cs-fairy-ready .cs-fairy-video-grid .sv-stage-shell{
 border-radius:16px!important;overflow:hidden!important;border:1px solid #a59be6!important;
}
html body.cs-fairy-ready .cs-fairy-video-grid .sv-timeline{
 border:1px solid #9a87c9!important;border-radius:14px!important;
 background:#182044db!important;padding:12px!important;
}
/* My Projects: visually curated gallery using existing saved project cards. */
html body.cs-fairy-ready[data-studio-page="account"] .sv-account-project-gallery{
 display:grid!important;grid-template-columns:repeat(auto-fill,minmax(225px,1fr))!important;gap:14px!important;
}
html body.cs-fairy-ready[data-studio-page="account"] .sv-account-project-card{
 overflow:hidden!important;min-height:235px!important;
}
/* Entrance uses original cinematic hero and one set of colourful launch cards. */
html body.cs-fairy-ready[data-studio-mode="welcome"] .sv-welcome-choices{
 display:none!important;
}
html body.cs-fairy-ready .cs-fairy-home-grid{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:12px!important;
 margin:15px 0!important;padding:16px!important;
 border:1px solid #ae88e5!important;border-radius:20px!important;
 background:linear-gradient(110deg,#30204eda,#171f49e5)!important;
 box-shadow:inset 0 2px #ffffff56,0 9px 22px #04051caa!important;
}
html body.cs-fairy-ready .cs-fairy-home-card{
 --b-top:var(--j-a,#a67edc);--b-bottom:var(--j-b,#6342a9);--b-edge:var(--j-r,#e0b9ff);
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:3px!important;min-height:66px!important;padding:10px 10px!important;
 border-radius:17px!important;text-align:center!important;
}
html body.cs-fairy-ready .cs-fairy-home-card-icon{
 font:800 34px/1 system-ui,sans-serif!important;color:white!important;text-shadow:0 0 13px #fff!important;
}
html body.cs-fairy-ready .cs-fairy-home-card strong{font:700 13px/1.2 system-ui,sans-serif!important}
html body.cs-fairy-ready .cs-fairy-home-card-arrow{font-size:10px!important;opacity:.9}
/* Text-only buttons. Artwork remains in actual scene and image gallery selectors. */
html body.cs-fairy-ready .cs-fairy-tab-icon,
html body.cs-fairy-ready .cs-fairy-home-card-icon,
html body.cs-fairy-ready :is(.sv-button,.prism-action,.cs-fairy-inspector-tab,.cs-fairy-tab,.cs-fairy-home-card)>:is(img,svg,.icon,.lucide){
 display:none!important;
}
html body.cs-fairy-ready .cs-fairy-home-card-arrow{font:600 10px/1.15 system-ui,sans-serif!important;opacity:.8!important}
html body.cs-fairy-ready .cs-fairy-tab::before{height:36%!important}
html body.cs-fairy-ready .prism-bubble{
 pointer-events:none!important;
}
@media(max-width:1400px){
 html body.cs-fairy-ready .sv-app>.sv-head .sv-brand{min-width:176px!important}
 html body.cs-fairy-ready .cs-fairy-nav{flex:1 1 590px!important}
 html body.cs-fairy-ready .cs-fairy-tab{flex-basis:70px!important}
 html body.cs-fairy-ready .cs-fairy-tab-title{font-size:10px!important}
}
@media(max-width:1150px){
 html body.cs-fairy-ready .sv-app>.sv-head{flex-wrap:wrap!important}
 html body.cs-fairy-ready .cs-fairy-nav{
  flex:1 1 100%!important;order:2!important;
  justify-content:flex-start!important;overflow-x:auto!important;padding:5px!important;
 }
 html body.cs-fairy-ready .sv-app>.sv-head .sv-head-actions{order:1!important}
 html body.cs-fairy-ready .cs-fairy-projectbar{gap:6px!important}
 html body.cs-fairy-ready .cs-fairy-stepper{order:3!important;flex:1 1 100%!important}
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid{
  grid-template-columns:minmax(0,1fr) minmax(280px,38%)!important;
 }
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-preview{grid-column:1!important;grid-row:1!important}
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-editor{grid-column:2!important;grid-row:1!important}
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-saved{
  grid-column:1/-1!important;grid-row:2!important;max-height:290px!important;min-height:170px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid{
  grid-template-columns:minmax(185px,25%) minmax(0,1fr)!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-shot-inspector{
  grid-column:1/-1!important;max-height:none!important;
 }
}
@media(max-width:700px){
 html body.cs-fairy-ready{background-attachment:scroll!important}
 html body.cs-fairy-ready .sv-app{padding:6px!important}
 html body.cs-fairy-ready .sv-app>.sv-head{padding:9px!important;gap:7px!important}
 html body.cs-fairy-ready .cs-fairy-nav{overflow-x:auto!important}
 html body.cs-fairy-ready .cs-fairy-tab{flex-basis:75px!important}
 html body.cs-fairy-ready .cs-fairy-projectbar{padding:9px!important}
 html body.cs-fairy-ready .cs-fairy-title{padding:11px!important}
 html body.cs-fairy-ready .cs-fairy-title h1{font-size:22px!important}
 html body.cs-fairy-ready .cs-fairy-title-star{display:none!important}
 html body.cs-fairy-ready[data-studio-page="story"] .sv-story-author-shell,
 html body.cs-fairy-ready[data-studio-page="script"] .cs-fairy-script-grid,
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid,
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid,
 html body.cs-fairy-ready[data-studio-page="images"] #sv-image-layout-shell,
 html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-desk,
 html body.cs-fairy-ready[data-studio-page="video"] .cs-fairy-video-grid,
 html body.cs-fairy-ready[data-studio-page="animation"] .cs-fairy-video-grid,
 html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid:not([hidden]){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 }
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-preview{grid-column:1!important;grid-row:1!important}
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-editor{grid-column:1!important;grid-row:2!important;max-height:none!important}
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-saved{grid-column:1!important;grid-row:3!important}
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-shot-inspector{grid-column:1!important}
 html body.cs-fairy-ready[data-studio-page="images"] #sv-image-layout-shell>#sv-image-controls{
  position:static!important;max-height:none!important;
 }
 html body.cs-fairy-ready[data-studio-page="images"] #sv-image-workstage>.sv-image-promptbar{flex-wrap:wrap!important}
 html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid .sv-tool-controls,
 html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid .sv-workstage,
 html body.cs-fairy-ready[data-studio-page="music-video"] .cs-fairy-video-grid .sv-animation-disclaimer{
  grid-column:1!important;grid-row:auto!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.cs-fairy-ready .sv-app::before,html body.cs-fairy-ready .sv-app::after{
  animation:none!important;
 }
 html body.cs-fairy-ready .cs-fairy-tab,
 html body.cs-fairy-ready .sv-button{
  transition:none!important;
 }
}

/* 2026-11-08: Magical compact workspaces, using existing approved fantasy art.
   Presentation-only: no new DOM, storage, provider or navigation behaviour. */
html body.cs-fairy-ready[data-studio-page]{
 --fairy-glass:linear-gradient(145deg,rgba(47,23,102,.78),rgba(15,28,76,.87) 62%,rgba(42,19,91,.82));
 --fairy-shadow:inset 0 1px 1px rgba(255,255,255,.33),inset 0 -2px 4px rgba(30,8,71,.45),0 9px 25px rgba(4,3,30,.3);
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-main,
html body.cs-fairy-ready[data-studio-page] .cs-fairy-workspace{
 min-width:0;
}
html body.cs-fairy-ready[data-studio-page] :is(
 .cs-fairy-character-grid,.cs-fairy-storyboard-grid,.cs-fairy-music-desk,.cs-fairy-video-grid
){gap:clamp(10px,1.3vw,18px)!important;align-items:start}
html body.cs-fairy-ready[data-studio-page] :is(
 .sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side,
 .cs-fairy-music-main,.sv-character-preview,.sv-workstage,.sv-review-monitor
){
 border-radius:18px!important;
 box-shadow:var(--fairy-shadow)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(
 .sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side
){padding:clamp(10px,1.1vw,16px)!important}
html body.cs-fairy-ready[data-studio-page] :is(
 .sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side
) :is(h2,h3,h4){margin-block:4px 8px!important;line-height:1.2}
html body.cs-fairy-ready[data-studio-page] :is(
 .sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side
) textarea{
 height:auto!important;
 min-height:64px!important;
 max-height:155px!important;
 resize:vertical!important;
}
html body.cs-fairy-ready[data-studio-page="storyboard"] :is(
 .cs-fairy-narration textarea,.sv-review-shot-inspector textarea
){min-height:60px!important;max-height:130px!important}
html body.cs-fairy-ready[data-studio-page] :is(
 .sv-review-monitor-picture,.sv-character-preview,.sv-stage-shell,.sv-video-preview
){min-width:0;overflow:hidden}
html body.cs-fairy-ready[data-studio-page] :is(
 .sv-review-shot-filmstrip,.sv-image-gallery,.sv-video-library-grid
){gap:9px!important}
html body.cs-fairy-ready[data-studio-page] :is(
 .cs-fairy-tab,.sv-button,.prism-action
){
 border-radius:999px!important;
 box-shadow:inset 0 2px 2px rgba(255,255,255,.45),
 inset 0 -3px 5px rgba(10,4,45,.3),0 4px 12px rgba(2,3,29,.33)!important;
 transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
html body.cs-fairy-ready[data-studio-page] :is(
 .cs-fairy-tab,.sv-button,.prism-action
):not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.12)}
html body.cs-fairy-ready[data-studio-page] :is(
 .cs-fairy-tab,.sv-button,.prism-action
):not(:disabled):active{transform:translateY(1px) scale(.985)}
html body.cs-fairy-ready[data-studio-page] :is(
 .sv-actions,.sv-review-step-nav,.sv-review-footer,.sv-video-library-actions
){gap:8px!important;flex-wrap:wrap}
@media(max-width:760px){
 html body.cs-fairy-ready[data-studio-page] :is(
 .sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side
 ){padding:10px!important}
 html body.cs-fairy-ready[data-studio-page] :is(
 .cs-fairy-character-grid,.cs-fairy-storyboard-grid,.cs-fairy-music-desk,.cs-fairy-video-grid
 ){gap:10px!important}
}
@media(prefers-reduced-motion:reduce){
 html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action){transition:none!important}
}

/* COMPLETE MAGICAL WORKSPACE POLISH — 8 November 2026
   Only presentation rules. Existing selected backgrounds, character @mentions,
   project persistence, scene approvals, audio and video actions are untouched. */
html body.cs-fairy-ready[data-studio-page] .cs-fairy-shell,
html body.cs-fairy-ready[data-studio-page] .cs-fairy-content,
html body.cs-fairy-ready[data-studio-page] .sv-app{min-width:0}
html body.cs-fairy-ready[data-studio-page] .sv-app{
 --magic-outline:rgba(201,165,255,.58);
 --magic-frost:linear-gradient(145deg,rgba(42,25,99,.8),rgba(10,25,67,.9));
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-character-grid,.cs-fairy-storyboard-grid,.cs-fairy-music-desk,.cs-fairy-video-grid) > *{min-width:0}
html body.cs-fairy-ready[data-studio-page] :is(.sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side,.sv-review-scene-list,.sv-character-saved){
 background:var(--magic-frost)!important;
 border:1px solid var(--magic-outline)!important;
 backdrop-filter:blur(13px);
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side) :is(label,p,small){
 line-height:1.35;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side) :is(input,select,textarea){
 max-width:100%;box-sizing:border-box;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side) textarea{
 min-height:64px!important;
 height:76px!important;
 max-height:150px!important;
 padding:9px 11px!important;
 overflow:auto;
}
html body.cs-fairy-ready[data-studio-page] textarea:focus{
 min-height:100px!important;
 outline:2px solid #a9dbff!important;
 outline-offset:2px;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-review-monitor,.sv-character-preview,.sv-video-preview,.sv-stage-shell){
 background-color:rgba(6,9,39,.75)!important;
 border:1px solid rgba(175,145,255,.55)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-review-monitor-picture,.sv-video-preview,.sv-stage-shell) :is(img,video){
 max-width:100%;max-height:100%;object-fit:contain;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-review-shot-versions,.sv-review-shot-filmstrip,.sv-image-gallery,.sv-video-library-grid){
 overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a58fff #17163b;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-review-shot-versions,.sv-review-shot-filmstrip,.sv-image-gallery) img{
 border-radius:12px;object-fit:cover;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-review-editor-grid,.sv-review-scene-list,.sv-character-saved){
 min-width:0;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action){
 min-height:34px!important;
 padding:7px 12px!important;
 white-space:normal;
 text-align:center;
 text-shadow:0 1px 2px rgba(15,5,51,.55);
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="rose"],
html body.cs-fairy-ready[data-studio-page] .prism-action[data-tone="rose"]{background:linear-gradient(#ffb6e8,#e04dba 60%,#a82a8c)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="aqua"],
html body.cs-fairy-ready[data-studio-page] .prism-action[data-tone="aqua"]{background:linear-gradient(#a7f6ff,#3da8db 60%,#2168ad)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="mint"],
html body.cs-fairy-ready[data-studio-page] .prism-action[data-tone="mint"]{background:linear-gradient(#c6ffd8,#46c69f 60%,#21887c)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="gold"],
html body.cs-fairy-ready[data-studio-page] .prism-action[data-tone="gold"]{background:linear-gradient(#fff1af,#e9ac4e 60%,#ae722c)!important}
html body.cs-fairy-ready[data-studio-page] :is(.sv-button,.prism-action,.cs-fairy-tab):focus-visible{
 outline:2px solid #e2faff!important;outline-offset:3px!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.sv-button,.prism-action,.cs-fairy-tab):disabled{
 opacity:.52;cursor:not-allowed;transform:none!important;
}
@media(min-width:1050px){
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid{
  grid-template-columns:minmax(210px,23%) minmax(0,1fr) minmax(220px,24%)!important;
 }
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)!important;
 }
 html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-desk{
  grid-template-columns:minmax(0,1.65fr) minmax(255px,.85fr)!important;
 }
}
@media(max-width:1049px){
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-desk{
  grid-template-columns:minmax(0,1fr)!important;
 }
}
@media(max-width:640px){
 html body.cs-fairy-ready[data-studio-page] :is(.sv-button,.prism-action,.cs-fairy-tab){
  font-size:12px!important;padding:7px 9px!important;
 }
 html body.cs-fairy-ready[data-studio-page] :is(.sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side){
  backdrop-filter:none;
 }
}

/* Jelly-button restoration: keep the original raised multicolour design.
   The prior pass accidentally overrode the original gradients with flat colours. */
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab{
 border-radius:17px!important;
 min-height:44px!important;
 height:44px!important;
 padding:8px 10px!important;
 background:linear-gradient(155deg,rgba(255,255,255,.66) -18%,rgba(255,255,255,.15) 14%,transparent 40%),
 linear-gradient(180deg,var(--j-a) 0%,var(--j-b) 79%,#201c59 100%)!important;
 border:1.5px solid var(--j-r)!important;
 box-shadow:inset 0 3px 2px #ffffffa9,inset 0 -4px 2px #1d11599e,
 0 5px 1px #090827,0 7px 13px #06051fca,
 0 0 15px color-mix(in srgb,var(--j-r),transparent 50%)!important;
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab::before{
 content:"";display:block!important;position:absolute;z-index:-1;pointer-events:none;
 width:140%;height:54%;left:-20%;top:-26%;border-radius:50%;
 background:linear-gradient(rgba(255,255,255,.45),transparent);
}
html body.cs-fairy-ready[data-studio-page] .sv-button,
html body.cs-fairy-ready[data-studio-page] .prism-action{
 background-image:linear-gradient(160deg,rgba(255,255,255,.5),transparent 42%),
 linear-gradient(180deg,var(--j-a,#a984f5),var(--j-b,#6444b5) 78%,#211a60)!important;
 border:1.5px solid var(--j-r,#d8b9ff)!important;
 box-shadow:inset 0 3px 2px rgba(255,255,255,.55),inset 0 -4px 2px rgba(28,15,78,.6),
 0 4px 1px #0c0a36,0 7px 14px rgba(3,3,28,.65)!important;
 border-radius:16px!important;
}


/* WOW FINISH — one final cascade for luminous glass, real jelly depth and stage-first layouts */
html body.cs-fairy-ready[data-studio-page]{
 --wow-pink:#ff85df;--wow-blue:#77d8ff;--wow-violet:#c19aff;
 background-image:radial-gradient(ellipse at 15% 12%,rgba(232,89,255,.26),transparent 42%),radial-gradient(ellipse at 90% 30%,rgba(65,207,255,.23),transparent 44%),linear-gradient(120deg,rgba(13,8,44,.34),rgba(7,11,48,.17)),var(--fairy-art)!important;
 background-attachment:fixed!important;
}
html body.cs-fairy-ready[data-studio-page]::before{
 display:block!important;
 content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.18) 0 1px,transparent 3px),radial-gradient(circle at 76% 24%,rgba(255,225,255,.35) 0 2px,transparent 4px),radial-gradient(circle at 53% 77%,rgba(139,230,255,.25) 0 2px,transparent 5px);
 background-size:143px 161px,229px 211px,293px 247px;
 opacity:.85;animation:wow-stars 16s ease-in-out infinite alternate;
}
@keyframes wow-stars{to{opacity:.38;transform:translateY(-12px)}}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-main,.cs-fairy-workspace,.sv-app){position:relative;z-index:1}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-title,.cs-fairy-projectbar,.sv-character-editor,.sv-review-shot-inspector,.sv-tool-controls,.cs-fairy-music-side,.cs-fairy-music-main,.sv-review-scene-list,.sv-character-saved,.sv-character-preview,.sv-review-monitor){
 border:1px solid rgba(204,172,255,.62)!important;
 background-image:linear-gradient(145deg,rgba(255,255,255,.16),transparent 34%),linear-gradient(135deg,rgba(35,18,89,.79),rgba(9,19,65,.83))!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.46),inset 0 0 28px rgba(121,93,244,.12),0 12px 34px rgba(4,3,31,.4),0 0 22px rgba(177,113,255,.13)!important;
 border-radius:20px!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action,.cs-fairy-step,.cs-fairy-library,.cs-fairy-save,.cs-fairy-home-card){
 --j-a:#b994fa;--j-b:#6944bb;--j-r:#e0baff;
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 background:linear-gradient(164deg,rgba(255,255,255,.8) -27%,rgba(255,255,255,.35) 9%,rgba(255,255,255,.07) 36%,transparent 43%),linear-gradient(180deg,var(--j-a) 0%,var(--j-b) 72%,#281655 100%)!important;
 color:#fff!important;border:1.5px solid var(--j-r)!important;border-radius:17px!important;
 box-shadow:inset 0 3px 2px rgba(255,255,255,.87),inset 0 -4px 3px rgba(25,10,75,.72),0 4px 0 #150b40,0 8px 15px rgba(3,2,24,.7),0 0 18px color-mix(in srgb,var(--j-r),transparent 38%)!important;
 text-shadow:0 1px 3px rgba(17,8,52,.8)!important;
 transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action,.cs-fairy-step,.cs-fairy-library,.cs-fairy-save,.cs-fairy-home-card)::after{
 content:"";position:absolute;inset:2px 9px auto;height:36%;border-radius:100% 100% 40% 40%;
 background:linear-gradient(180deg,rgba(255,255,255,.57),rgba(255,255,255,.02));
 pointer-events:none;z-index:0;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action,.cs-fairy-step,.cs-fairy-library,.cs-fairy-save,.cs-fairy-home-card):hover:not(:disabled){
 transform:translateY(-2px)!important;filter:brightness(1.18) saturate(1.14)!important;
 box-shadow:inset 0 3px 3px #fff,inset 0 -4px 3px #29135c,0 6px 0 #150b40,0 12px 20px #050320,0 0 27px var(--j-r)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action):active:not(:disabled){transform:translateY(3px)!important;box-shadow:inset 0 2px 5px #201348,0 1px 0 #150b40,0 0 14px var(--j-r)!important}
html body.cs-fairy-ready[data-studio-page] [data-color="rose"],html body.cs-fairy-ready[data-studio-page] [data-tone="rose"]{--j-a:#ffb4e7;--j-b:#bc39a7;--j-r:#ff9fe8}
html body.cs-fairy-ready[data-studio-page] [data-color="aqua"],html body.cs-fairy-ready[data-studio-page] [data-tone="aqua"]{--j-a:#9df7ff;--j-b:#258fc2;--j-r:#8ff6ff}
html body.cs-fairy-ready[data-studio-page] [data-color="mint"],html body.cs-fairy-ready[data-studio-page] [data-tone="mint"]{--j-a:#a5ffd5;--j-b:#229d83;--j-r:#91ffd1}
html body.cs-fairy-ready[data-studio-page] [data-color="gold"],html body.cs-fairy-ready[data-studio-page] [data-tone="gold"]{--j-a:#ffe7a0;--j-b:#bd782c;--j-r:#ffe8a3}
html body.cs-fairy-ready[data-studio-page] [data-color="sapphire"]{--j-a:#b3d9ff;--j-b:#4365d0;--j-r:#99d9ff}
html body.cs-fairy-ready[data-studio-page] [data-color="orchid"]{--j-a:#f0b6ff;--j-b:#9a43cb;--j-r:#f4baff}
html body.cs-fairy-ready[data-studio-page] [data-color="lilac"]{--j-a:#d9bbff;--j-b:#7650c2;--j-r:#e6c9ff}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-nav{gap:8px!important;flex-wrap:wrap!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab{flex:0 1 auto!important;min-width:78px!important;max-width:118px!important;height:45px!important;min-height:45px!important;padding:7px 11px!important}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-character-grid,.cs-fairy-storyboard-grid,.cs-fairy-music-desk,.cs-fairy-video-grid){gap:12px!important;align-items:start!important}
html body.cs-fairy-ready[data-studio-page] :is(.sv-character-preview,.sv-review-monitor,.sv-video-preview){min-height:300px}
html body.cs-fairy-ready[data-studio-page] :is(input,textarea,select){border-radius:12px!important;box-shadow:inset 0 1px 6px rgba(8,5,42,.45)!important}
@media(max-width:720px){html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab{min-width:66px!important;max-width:95px!important;height:40px!important;min-height:40px!important}html body.cs-fairy-ready[data-studio-page] :is(.sv-character-preview,.sv-review-monitor,.sv-video-preview){min-height:220px}}
@media(prefers-reduced-motion:reduce){html body.cs-fairy-ready[data-studio-page]::before{animation:none!important}html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action){transition:none!important}}

/* Studio jewel lighting: directional pools of light and illuminated controls */
html body.cs-fairy-ready[data-studio-page]{
 background-image:radial-gradient(ellipse 40% 43% at 7% 12%,rgba(255,60,197,.42),transparent 95%),radial-gradient(ellipse 40% 45% at 94% 25%,rgba(38,210,255,.42),transparent 95%),radial-gradient(ellipse 48% 40% at 58% 91%,rgba(156,85,255,.38),transparent 95%),linear-gradient(180deg,rgba(7,4,31,.25),rgba(7,5,38,.55)),var(--fairy-art)!important;
 background-size:cover!important;background-position:center!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-tone="aqua"]{--j-a:#a8ffff;--j-b:#087db8;--j-r:#38eeff}
html body.cs-fairy-ready[data-studio-page] [data-wow-tone="rose"]{--j-a:#ffc1f1;--j-b:#a82e9b;--j-r:#ff68df}
html body.cs-fairy-ready[data-studio-page] [data-wow-tone="sapphire"]{--j-a:#b4dcff;--j-b:#2c56bf;--j-r:#61baff}
html body.cs-fairy-ready[data-studio-page] [data-wow-tone="gold"]{--j-a:#fff2b7;--j-b:#bd7226;--j-r:#ffcf55}
html body.cs-fairy-ready[data-studio-page] [data-wow-tone="mint"]{--j-a:#c7ffe5;--j-b:#168e81;--j-r:#5effc3}
html body.cs-fairy-ready[data-studio-page] [data-wow-tone="coral"]{--j-a:#ffc9bd;--j-b:#ad4e68;--j-r:#ff9c9e}
html body.cs-fairy-ready[data-studio-page] [data-wow-tone="orchid"]{--j-a:#eac7ff;--j-b:#6941ae;--j-r:#cd8fff}
html body.cs-fairy-ready[data-studio-page] :is(.sv-button,.prism-action,.cs-fairy-tab,.cs-fairy-step,.cs-fairy-library,.cs-fairy-save,.cs-fairy-home-card){
 background:radial-gradient(ellipse 74% 42% at 50% 0%,rgba(255,255,255,.95),transparent 95%),linear-gradient(180deg,var(--j-a) 0%,var(--j-b) 72%,#281655 100%)!important;
 box-shadow:inset 0 3px 2px #ffffffd9,inset 0 -5px 3px #1c104cbd,0 4px 0 #120a38,0 9px 19px #02021cd9,0 0 13px var(--j-r),0 0 28px color-mix(in srgb,var(--j-r),transparent 38%)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-title,.sv-character-preview,.sv-review-monitor,.cs-fairy-music-main){
 box-shadow:inset 0 1px 2px #ffffff91,0 12px 35px #03031e99,0 0 30px #b67aff45,0 0 5px #84e8ff6e!important;
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab.is-active{
 box-shadow:inset 0 3px 3px #fff,inset 0 -5px 3px #22104d,0 4px 0 #130b3d,0 0 0 2px var(--j-r),0 0 32px var(--j-r)!important;
}

/* CINEMATIC STUDIO V7 — actual lightscape layers, asymmetric workspaces and illuminated stages */
html body.cs-fairy-ready[data-studio-page]{isolation:isolate!important}
html body.cs-fairy-ready[data-studio-page] .cs-wow-lightscape{
 position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
 background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 31%,rgba(103,200,255,.04) 66%,transparent);
}
html body.cs-fairy-ready[data-studio-page] .cs-wow-orb{
 position:absolute;display:block;border-radius:50%;filter:blur(48px);mix-blend-mode:screen;
 opacity:.9;animation:cs-wow-breathe 8s ease-in-out infinite alternate;will-change:opacity,transform;
}
html body.cs-fairy-ready[data-studio-page] .cs-wow-orb-pink{width:38vw;height:48vh;left:-13vw;top:7vh;background:radial-gradient(circle,#ff4bb4ba 0%,#f327b660 30%,transparent 72%);}
html body.cs-fairy-ready[data-studio-page] .cs-wow-orb-cyan{width:43vw;height:57vh;right:-16vw;top:19vh;background:radial-gradient(circle,#48f4ffd4 0%,#1679e965 35%,transparent 73%);animation-delay:-3s}
html body.cs-fairy-ready[data-studio-page] .cs-wow-orb-violet{width:53vw;height:49vh;left:24vw;bottom:-25vh;background:radial-gradient(circle,#ab4bffb3 0%,#6a40ef64 40%,transparent 75%);animation-delay:-5s}
html body.cs-fairy-ready[data-studio-page] .cs-wow-orb-gold{width:22vw;height:29vh;right:12vw;top:-13vh;background:radial-gradient(circle,#ffd68c90,transparent 72%);animation-delay:-2s}
@keyframes cs-wow-breathe{from{opacity:.65;transform:translate3d(-12px,8px,0) scale(.94)}to{opacity:1;transform:translate3d(12px,-8px,0) scale(1.12)}}
html body.cs-fairy-ready[data-studio-page] :is(.sv-app,.cs-fairy-projectbar,.cs-fairy-title){position:relative;z-index:1}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-title{
 min-height:90px!important;padding:15px 24px!important;
 background:linear-gradient(110deg,rgba(70,32,126,.76),rgba(14,26,74,.68) 58%,rgba(76,26,108,.6))!important;
 border:1px solid rgba(238,191,255,.7)!important;
 box-shadow:inset 0 1px #fff9,0 0 0 1px #8c73ff29,0 14px 35px #0803239c,0 0 38px #a25dff50!important;
 overflow:hidden!important;
}
html body.cs-fairy-ready[data-studio-page] .cs-wow-heading-light{
 position:absolute;inset:-90% -10% auto 30%;height:210%;pointer-events:none;
 background:radial-gradient(ellipse at center,rgba(255,161,240,.22),rgba(90,213,255,.12) 33%,transparent 68%);
 transform:rotate(-14deg);
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-title h1{
 font-size:clamp(25px,2.7vw,39px)!important;
 background:linear-gradient(95deg,#fff,#ffe5fc 48%,#b7f4ff);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 2px 8px #bf69ff66);
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone]{
 position:relative!important;min-width:0!important;overflow:hidden;
 border:1px solid rgba(199,169,255,.58)!important;border-radius:23px!important;
 background:linear-gradient(140deg,rgba(86,55,140,.34),rgba(12,20,58,.79) 37%,rgba(9,13,45,.83))!important;
 backdrop-filter:blur(19px) saturate(1.4)!important;
 box-shadow:inset 0 2px 1px #ffffff4d,inset 0 0 25px #a373ff17,0 13px 35px #03031b9e!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone="stage"]{
 border-color:rgba(132,235,255,.83)!important;
 box-shadow:inset 0 2px 2px #ffffff70,inset 0 0 35px #4dc5ff18,0 14px 40px #03031dbb,0 0 0 1px #92eaff40,0 0 34px #48d6ff61!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone="stage"]::before{
 content:"";position:absolute;inset:0 0 auto;height:4px;z-index:4;pointer-events:none;
 background:linear-gradient(90deg,transparent,#fc95ff 24%,#f7ffff 52%,#5af5ff 77%,transparent);
 box-shadow:0 0 14px #70e7ff,0 0 28px #bf70ff;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone="tools"]{
 border-color:#ffb1eb9c!important;
 box-shadow:inset 0 2px 1px #ffffff4f,0 12px 32px #03031b9e,0 0 26px #fa72d23b!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone="library"]{
 border-color:#c7a9ff9c!important;
 box-shadow:inset 0 2px 1px #ffffff4f,0 12px 32px #03031b9e,0 0 26px #9b72ff3b!important;
}
@media(min-width:1200px){
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid{grid-template-columns:minmax(205px,18%) minmax(0,1fr) minmax(255px,24%)!important;gap:16px!important}
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid{grid-template-columns:minmax(195px,17%) minmax(0,1fr) minmax(270px,25%)!important;gap:16px!important}
 html body.cs-fairy-ready[data-studio-page="music"] .cs-fairy-music-desk{grid-template-columns:minmax(0,1.9fr) minmax(260px,.65fr)!important;gap:16px!important}
 html body.cs-fairy-ready[data-studio-page="video"] .cs-fairy-video-grid{grid-template-columns:minmax(230px,23%) minmax(0,1fr)!important;gap:16px!important}
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-nav{justify-content:center!important;gap:9px!important}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action,.cs-fairy-step,.cs-fairy-save,.cs-fairy-library){
 letter-spacing:.012em!important;filter:saturate(1.16);
 border-width:2px!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action,.cs-fairy-step,.cs-fairy-save,.cs-fairy-library)::after{
 height:44%!important;inset:1px 7px auto!important;
 background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.92),rgba(255,255,255,.33) 35%,transparent 80%)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action,.cs-fairy-step,.cs-fairy-save,.cs-fairy-library):hover:not(:disabled){
 filter:brightness(1.24) saturate(1.35)!important;
}
@media(max-width:1050px){
 html body.cs-fairy-ready[data-studio-page] .cs-wow-orb{filter:blur(37px);opacity:.65}
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title{min-height:75px!important;padding:12px 16px!important}
 html body.cs-fairy-ready[data-studio-page] [data-wow-zone]{backdrop-filter:blur(8px)!important}
}
@media(prefers-reduced-motion:reduce){html body.cs-fairy-ready[data-studio-page] .cs-wow-orb{animation:none!important}}

/* MOBILE FIRST V8: one navigation, one production stepper, preview before settings */
@media(max-width:760px){
 html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:7px!important;padding:10px 11px 8px!important;margin:0 0 7px!important;
  border-radius:17px!important;min-height:0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head .sv-brand{
  flex:1 1 100%!important;min-width:0!important;margin:0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head .sv-brand strong{
  font-size:clamp(17px,4.4vw,25px)!important;line-height:1.12!important;
 }
 html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head .sv-head-actions{
  display:flex!important;flex-wrap:nowrap!important;gap:6px!important;order:1!important;
  margin:0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-nav{
  order:2!important;flex:1 1 100%!important;width:100%!important;
  min-width:0!important;max-width:100%!important;
  display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;
  gap:7px!important;overflow-x:auto!important;overscroll-behavior-x:contain;
  padding:4px 3px 9px!important;scrollbar-width:thin;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-nav .cs-fairy-tab{
  flex:0 0 auto!important;width:auto!important;min-width:73px!important;
  height:37px!important;min-height:37px!important;max-height:37px!important;
  padding:6px 11px!important;border-radius:13px!important;font-size:12px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-more{flex:0 0 auto!important}
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-projectbar{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  align-items:center!important;gap:6px!important;min-height:0!important;
  padding:7px 10px!important;margin:0 0 8px!important;border-radius:14px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-project-left{
  flex:1 1 50%!important;min-width:0!important;display:flex!important;gap:5px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-project-name{
  min-width:0!important;max-width:100%!important;flex:1 1 auto!important;
 }
 html body.cs-fairy-ready[data-studio-page] #sv-project-name{
  min-width:0!important;width:100%!important;height:36px!important;padding:5px 9px!important;
  font-size:14px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-project-actions{
  flex:0 0 auto!important;display:flex!important;gap:5px!important;margin:0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-project-actions button{
  min-height:35px!important;padding:6px 10px!important;font-size:12px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-stepper{
  order:3!important;flex:1 1 100%!important;gap:4px!important;
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
  padding:3px 0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-step{
  flex:1 0 auto!important;min-width:0!important;min-height:32px!important;
  padding:5px 7px!important;font-size:11px!important;border-radius:11px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .sv-mode-shortcuts,
 html body.cs-fairy-ready[data-studio-page] .sv-review-step-head,
 html body.cs-fairy-ready[data-studio-page] .sv-production-path{
  display:none!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title{
  min-height:0!important;margin:0 0 9px!important;padding:8px 12px!important;
  border-radius:13px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title h1{
  font-size:clamp(19px,5vw,25px)!important;margin:2px 0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title p{
  font-size:11px!important;margin:0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title-star{font-size:27px!important}
 html body.cs-fairy-ready[data-studio-page] .sv-content,
 html body.cs-fairy-ready[data-studio-page] .sv-panel{padding-top:0!important;margin-top:0!important}
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid,
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid{
  display:flex!important;flex-direction:column!important;gap:10px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid>.sv-review-monitor,
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-preview{
  order:0!important;width:100%!important;min-height:240px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid>.sv-review-shot-inspector,
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-editor{
  order:1!important;width:100%!important;max-height:none!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-storyboard-grid>.sv-review-filmstrip-wrap,
 html body.cs-fairy-ready[data-studio-page="characters"] .cs-fairy-character-grid>.sv-character-saved{
  order:2!important;width:100%!important;min-height:0!important;max-height:none!important;
 }
 html body.cs-fairy-ready[data-studio-page="characters"] .sv-character-preview-frame{
  height:clamp(240px,42vh,420px)!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-heading{
  padding:6px 0!important;margin:0 0 7px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-heading h3{
  font-size:19px!important;margin:0!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-heading p{
  font-size:11px!important;line-height:1.3!important;margin:3px 0!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-monitor-picture{
  min-height:220px!important;
 }
 html body.cs-fairy-ready[data-studio-page] [data-wow-zone]{
  border-radius:16px!important;padding:10px!important;
 }
}

/* MOBILE V9 — remove the exact duplicated blocks visible in the iPhone screenshot */
@media(max-width:760px){
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-content>.sv-mode-shortcuts,
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-mode-shortcuts,
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-review-step-head,
 html body.cs-fairy-ready[data-studio-page="storyboard"] #sv-video-review-wizard>.sv-review-step-head,
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-panel[data-panel="video"]>.sv-heading,
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-panel[data-panel="video"]>.sv-production-path{
  display:none!important;visibility:hidden!important;height:0!important;
  margin:0!important;padding:0!important;border:0!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-app>.sv-head{
  padding:7px 10px!important;gap:5px!important;border-radius:14px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-app>.sv-head .sv-brand{
  flex:1 1 auto!important;width:auto!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-app>.sv-head .sv-logo{
  width:36px!important;height:36px!important;min-width:36px!important;font-size:19px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-app>.sv-head .sv-brand strong{
  font-size:clamp(15px,4vw,20px)!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-app>.sv-head .sv-head-actions{
  flex:0 1 auto!important;order:1!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-nav{
  order:3!important;flex:1 1 100%!important;flex-wrap:nowrap!important;
  white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
  max-height:56px!important;gap:6px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-nav .cs-fairy-tab{
  flex:0 0 auto!important;min-width:70px!important;height:36px!important;
  min-height:36px!important;max-height:36px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-projectbar{
  padding:6px 8px!important;gap:5px!important;min-height:0!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-project-actions button{
  font-size:11px!important;padding:5px 8px!important;min-height:32px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-stepper{
  gap:3px!important;padding:0!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-step{
  font-size:10px!important;min-height:30px!important;padding:4px 5px!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .sv-video-review-wizard{
  margin-top:0!important;padding-top:0!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] #sv-review-storyboard .sv-review-heading{
  margin:0 0 5px!important;padding:0!important;
 }
 html body.cs-fairy-ready[data-studio-page="storyboard"] .cs-fairy-title{
  margin-bottom:6px!important;
 }
}

/* V10: explicit colour backgrounds override earlier purple button rules */
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="amethyst"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="amethyst"]{--j-a:#bda2ff!important;--j-b:#6636b8!important;--j-r:#9c6bff!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#bda2ff 0%,#6636b8 76%,#6636b8 100%)!important;border-color:#9c6bff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #9c6bff,0 0 25px #9c6bff88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="rose"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="rose"]{--j-a:#ffb2e8!important;--j-b:#d62d9b!important;--j-r:#ff53d5!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#ffb2e8 0%,#d62d9b 76%,#d62d9b 100%)!important;border-color:#ff53d5!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #ff53d5,0 0 25px #ff53d588!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="lilac"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="lilac"]{--j-a:#e6b8ff!important;--j-b:#8851d3!important;--j-r:#bb85ff!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#e6b8ff 0%,#8851d3 76%,#8851d3 100%)!important;border-color:#bb85ff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #bb85ff,0 0 25px #bb85ff88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="sapphire"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="sapphire"]{--j-a:#a7e7ff!important;--j-b:#1d6dce!important;--j-r:#40cbff!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#a7e7ff 0%,#1d6dce 76%,#1d6dce 100%)!important;border-color:#40cbff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #40cbff,0 0 25px #40cbff88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="aqua"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="aqua"]{--j-a:#a5ffff!important;--j-b:#087eac!important;--j-r:#12f5ed!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#a5ffff 0%,#087eac 76%,#087eac 100%)!important;border-color:#12f5ed!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #12f5ed,0 0 25px #12f5ed88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="orchid"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="orchid"]{--j-a:#f3a8ff!important;--j-b:#a53fcb!important;--j-r:#e55aff!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#f3a8ff 0%,#a53fcb 76%,#a53fcb 100%)!important;border-color:#e55aff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #e55aff,0 0 25px #e55aff88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="mint"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="mint"]{--j-a:#b6ffce!important;--j-b:#159b79!important;--j-r:#4dffae!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#b6ffce 0%,#159b79 76%,#159b79 100%)!important;border-color:#4dffae!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #4dffae,0 0 25px #4dffae88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="gold"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="gold"]{--j-a:#fff2ac!important;--j-b:#c98719!important;--j-r:#ffdc45!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#fff2ac 0%,#c98719 76%,#c98719 100%)!important;border-color:#ffdc45!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #ffdc45,0 0 25px #ffdc4588!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="coral"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="coral"]{--j-a:#ffc3a6!important;--j-b:#d45272!important;--j-r:#ff8c82!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#ffc3a6 0%,#d45272 76%,#d45272 100%)!important;border-color:#ff8c82!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #ff8c82,0 0 25px #ff8c8288!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="sea"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="sea"]{--j-a:#a3faff!important;--j-b:#168bb4!important;--j-r:#41f1fa!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#a3faff 0%,#168bb4 76%,#168bb4 100%)!important;border-color:#41f1fa!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #41f1fa,0 0 25px #41f1fa88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="plum"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="plum"]{--j-a:#e5baff!important;--j-b:#8242bc!important;--j-r:#c674ff!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#e5baff 0%,#8242bc 76%,#8242bc 100%)!important;border-color:#c674ff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #c674ff,0 0 25px #c674ff88!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="sunset"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="sunset"]{--j-a:#ffdc99!important;--j-b:#d15b8b!important;--j-r:#ff9d57!important;background:radial-gradient(ellipse 85% 45% at 50% 0%,#ffffffde,transparent 85%),linear-gradient(180deg,#ffdc99 0%,#d15b8b 76%,#d15b8b 100%)!important;border-color:#ff9d57!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -5px 3px #13052e9c,0 4px 0 #0b0a29,0 9px 18px #05031a,0 0 12px #ff9d57,0 0 25px #ff9d5788!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="amethyst"]{--j-a:#bda2ff!important;--j-b:#6636b8!important;--j-r:#9c6bff!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#bda2ff,#6636b8 80%)!important;border-color:#9c6bff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #9c6bffb8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="rose"]{--j-a:#ffb2e8!important;--j-b:#d62d9b!important;--j-r:#ff53d5!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#ffb2e8,#d62d9b 80%)!important;border-color:#ff53d5!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #ff53d5b8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="lilac"]{--j-a:#e6b8ff!important;--j-b:#8851d3!important;--j-r:#bb85ff!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#e6b8ff,#8851d3 80%)!important;border-color:#bb85ff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #bb85ffb8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="sapphire"]{--j-a:#a7e7ff!important;--j-b:#1d6dce!important;--j-r:#40cbff!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#a7e7ff,#1d6dce 80%)!important;border-color:#40cbff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #40cbffb8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="aqua"]{--j-a:#a5ffff!important;--j-b:#087eac!important;--j-r:#12f5ed!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#a5ffff,#087eac 80%)!important;border-color:#12f5ed!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #12f5edb8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="orchid"]{--j-a:#f3a8ff!important;--j-b:#a53fcb!important;--j-r:#e55aff!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#f3a8ff,#a53fcb 80%)!important;border-color:#e55aff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #e55affb8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="mint"]{--j-a:#b6ffce!important;--j-b:#159b79!important;--j-r:#4dffae!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#b6ffce,#159b79 80%)!important;border-color:#4dffae!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #4dffaeb8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="gold"]{--j-a:#fff2ac!important;--j-b:#c98719!important;--j-r:#ffdc45!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#fff2ac,#c98719 80%)!important;border-color:#ffdc45!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #ffdc45b8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="coral"]{--j-a:#ffc3a6!important;--j-b:#d45272!important;--j-r:#ff8c82!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#ffc3a6,#d45272 80%)!important;border-color:#ff8c82!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #ff8c82b8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="sea"]{--j-a:#a3faff!important;--j-b:#168bb4!important;--j-r:#41f1fa!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#a3faff,#168bb4 80%)!important;border-color:#41f1fa!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #41f1fab8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="plum"]{--j-a:#e5baff!important;--j-b:#8242bc!important;--j-r:#c674ff!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#e5baff,#8242bc 80%)!important;border-color:#c674ff!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #c674ffb8!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="sunset"]{--j-a:#ffdc99!important;--j-b:#d15b8b!important;--j-r:#ff9d57!important;background:radial-gradient(ellipse 80% 43% at 50% 0%,#ffffffdf,transparent 90%),linear-gradient(180deg,#ffdc99,#d15b8b 80%)!important;border-color:#ff9d57!important;box-shadow:inset 0 3px 2px #fff9,inset 0 -4px 2px #16092e,0 4px 0 #0b0a29,0 8px 16px #05031a,0 0 15px #ff9d57b8!important}

/* V11 — editorial cinematic polish: background artwork flows through bars and panels */
html body.cs-fairy-ready[data-studio-page]{
 --cs-surface:rgba(10,17,42,.60);
 --cs-edge:rgba(197,218,255,.32);
 background-image:linear-gradient(180deg,rgba(5,9,29,.26),rgba(5,9,29,.45)),var(--fairy-art)!important;
 background-size:cover!important;background-position:center center!important;
}
html body.cs-fairy-ready[data-studio-page] .cs-wow-lightscape{opacity:.55!important}
html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head,
html body.cs-fairy-ready[data-studio-page] .cs-fairy-projectbar,
html body.cs-fairy-ready[data-studio-page] .cs-fairy-title{
 border:1px solid var(--cs-edge)!important;
 background-image:linear-gradient(115deg,rgba(9,19,46,.68),rgba(17,22,51,.42) 48%,rgba(9,29,57,.58)),var(--fairy-art)!important;
 background-size:cover!important;
 background-position:center 27%!important;
 background-blend-mode:normal!important;
 backdrop-filter:blur(13px) saturate(125%)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.36),0 10px 28px rgba(3,7,25,.35)!important;
 border-radius:18px!important;
}
html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head::before,
html body.cs-fairy-ready[data-studio-page] .cs-fairy-projectbar::before{
 content:"";display:block!important;position:absolute;inset:0;pointer-events:none;
 border-radius:inherit;background:linear-gradient(110deg,rgba(95,209,255,.13),transparent 38%,rgba(255,128,209,.13) 85%,transparent);
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-title{
 background-image:linear-gradient(100deg,rgba(9,17,41,.76),rgba(11,22,49,.47)),var(--fairy-art)!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone]{
 background:linear-gradient(145deg,rgba(15,23,48,.72),rgba(12,21,46,.63))!important;
 border:1px solid rgba(188,222,255,.28)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.24),0 14px 28px rgba(2,6,24,.36)!important;
 border-radius:18px!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone="stage"]{
 border-color:rgba(119,221,247,.66)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.3),0 12px 32px rgba(2,6,24,.46),0 0 18px rgba(49,199,235,.21)!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone="tools"]{
 border-color:rgba(255,182,215,.38)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.24),0 12px 26px rgba(2,6,24,.36)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.cs-fairy-step,.sv-button,.prism-action,.cs-fairy-save,.cs-fairy-library){
 border-radius:13px!important;
 text-shadow:0 1px 2px rgba(8,13,33,.58)!important;
 transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.cs-fairy-step,.sv-button,.prism-action,.cs-fairy-save,.cs-fairy-library):active{
 transform:translateY(2px) scale(.99)!important;
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-nav{
 background:rgba(5,14,35,.22)!important;
 border-radius:15px!important;padding:5px!important;
}
@media(max-width:760px){
 html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head{
  min-height:0!important;padding:9px 10px!important;gap:7px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head .sv-brand{
  min-width:0!important;flex:1 1 100%!important;
 }
 html body.cs-fairy-ready[data-studio-page] .sv-app>.sv-head .sv-brand strong{
  font-size:clamp(16px,4.2vw,22px)!important;white-space:normal!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-nav{
  flex:1 1 100%!important;order:3!important;
  flex-wrap:nowrap!important;justify-content:flex-start!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  max-height:56px!important;gap:6px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-nav .cs-fairy-tab{
  flex:0 0 auto!important;min-width:73px!important;
  height:37px!important;min-height:37px!important;max-height:37px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-projectbar{
  min-height:0!important;padding:7px 9px!important;gap:6px!important;
 }
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title{
  padding:9px 12px!important;min-height:0!important;
 }
 html body.cs-fairy-ready[data-studio-page] .sv-review-step-head,
 html body.cs-fairy-ready[data-studio-page] .sv-mode-shortcuts,
 html body.cs-fairy-ready[data-studio-page] .sv-production-path{
  display:none!important;
 }
}

/* V12 — RESTORE ORIGINAL BLACK + NEON BUTTON LANGUAGE */
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.cs-fairy-step,.cs-fairy-home-card,.sv-button,.prism-action,.cs-fairy-save,.cs-fairy-library,.cs-fairy-inspector-tab,.cs-fairy-mini-action,.cs-fairy-monitor-button){
 --neon:var(--j-r,#5ceeff);
 position:relative!important;isolation:isolate!important;
 color:#f8fcff!important;-webkit-text-fill-color:#f8fcff!important;
 background:linear-gradient(155deg,#303847 0%,#101722 18%,#080d17 65%,#151725 100%)!important;
 border:1.5px solid var(--neon)!important;
 border-radius:12px!important;
 box-shadow:inset 0 1px 0 #ffffff4b,inset 0 -2px 0 #02050b,0 3px 0 #03050a,0 7px 14px #01040b99,0 0 8px color-mix(in srgb,var(--neon),transparent 30%),0 0 18px color-mix(in srgb,var(--neon),transparent 55%)!important;
 text-shadow:0 1px 3px #000,0 0 7px color-mix(in srgb,var(--neon),transparent 35%)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.cs-fairy-step,.cs-fairy-home-card,.sv-button,.prism-action,.cs-fairy-save,.cs-fairy-library,.cs-fairy-inspector-tab,.cs-fairy-mini-action,.cs-fairy-monitor-button)::before{
 content:""!important;position:absolute!important;inset:0!important;display:block!important;
 border-radius:inherit!important;pointer-events:none!important;
 background:linear-gradient(180deg,#ffffff25,transparent 36%,#00000022 80%,#ffffff0b)!important;
 box-shadow:inset 0 1px 1px #ffffff28!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.cs-fairy-step,.cs-fairy-home-card,.sv-button,.prism-action,.cs-fairy-save,.cs-fairy-library,.cs-fairy-inspector-tab,.cs-fairy-mini-action,.cs-fairy-monitor-button)::after{
 content:""!important;display:block!important;position:absolute!important;inset:auto 12% -4px!important;
 height:3px!important;border-radius:50%!important;pointer-events:none!important;
 background:var(--neon)!important;filter:blur(3px)!important;opacity:.85!important;
}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="amethyst"]{--neon:#a987ff}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="rose"]{--neon:#ff57b8}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="lilac"]{--neon:#d49bff}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="sapphire"]{--neon:#45b8ff}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="aqua"]{--neon:#36f5f0}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="orchid"]{--neon:#e47aff}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="mint"]{--neon:#55fca4}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="gold"]{--neon:#ffd65d}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="aqua"]{--neon:#35eefa}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="rose"]{--neon:#ff64ba}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="sapphire"]{--neon:#5bb9ff}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="gold"]{--neon:#ffda63}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="mint"]{--neon:#61ffb0}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="coral"]{--neon:#ff887f}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="orchid"]{--neon:#c994ff}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab.is-active{
 background:linear-gradient(160deg,#252f41,#060b13 80%)!important;
 box-shadow:inset 0 1px #ffffff6b,0 4px 0 #020409,0 0 0 1px var(--neon),0 0 14px var(--neon),0 0 28px color-mix(in srgb,var(--neon),transparent 48%)!important;
}
html body.cs-fairy-ready[data-studio-page] :is(.cs-fairy-tab,.sv-button,.prism-action,.cs-fairy-step):hover:not(:disabled){
 background:linear-gradient(160deg,#253244,#080e1b)!important;filter:brightness(1.15)!important;
}
/* Let fantasy scenery be the colour; remove the purple card takeover. */
html body.cs-fairy-ready[data-studio-page] :is(.sv-app>.sv-head,.cs-fairy-projectbar,.cs-fairy-title){
 background-image:linear-gradient(110deg,#070e20d9,#0c1628b3 50%,#07101edb),var(--fairy-art)!important;
 background-size:cover!important;border-color:#87a8c255!important;
 box-shadow:inset 0 1px #ffffff48,0 10px 26px #01051199!important;
}
html body.cs-fairy-ready[data-studio-page] [data-wow-zone]{
 background:linear-gradient(135deg,#081120d9,#0a1628d1)!important;
 border-color:#90b5d04d!important;
}
@media(max-width:760px){
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title p{display:none!important}
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-title{padding:7px 11px!important}
 html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab{font-size:12px!important}
}

/* Win over legacy V10 coloured background selectors; preserve neon variable */
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="amethyst"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="amethyst"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="rose"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="rose"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="lilac"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="lilac"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="sapphire"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="sapphire"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="aqua"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="aqua"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="orchid"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="orchid"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="mint"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="mint"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="gold"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="gold"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="coral"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="coral"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="sea"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="sea"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="plum"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="plum"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] .cs-fairy-tab[data-color="sunset"],html body.cs-fairy-ready[data-studio-page] .cs-fairy-home-card[data-color="sunset"]{background:linear-gradient(155deg,#293442 0%,#101723 23%,#060c16 72%,#151825 100%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="aqua"]{background:linear-gradient(155deg,#293442,#0a101c 36%,#050b15 82%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="rose"]{background:linear-gradient(155deg,#293442,#0a101c 36%,#050b15 82%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="sapphire"]{background:linear-gradient(155deg,#293442,#0a101c 36%,#050b15 82%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="gold"]{background:linear-gradient(155deg,#293442,#0a101c 36%,#050b15 82%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="mint"]{background:linear-gradient(155deg,#293442,#0a101c 36%,#050b15 82%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="coral"]{background:linear-gradient(155deg,#293442,#0a101c 36%,#050b15 82%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}
html body.cs-fairy-ready[data-studio-page] button[data-wow-tone="orchid"]{background:linear-gradient(155deg,#293442,#0a101c 36%,#050b15 82%)!important;border-color:var(--neon)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #02050b,0 4px 0 #03050a,0 8px 16px #01040bbb,0 0 11px var(--neon),0 0 23px color-mix(in srgb,var(--neon),transparent 55%)!important}