.creative-launch{display:block;margin:12px 0;padding:12px 18px;max-width:100%;border:1px solid var(--zf-bd-b6dfceff, #b6dfce);border-radius:13px;background:var(--zf-bg-254e43ff, #254e43);color:var(--zf-fg-ffffffff, #fff);font-weight:800;cursor:pointer}
/* Easy-mode controls are outside the original action groups. Explicit colors
   prevent the global white-text rule from hiding labels on native buttons. */
html body[data-shop=ready] #creativeStudio :is(#easyMusicOnly,#easySongAdvanced,#creativeQuickPlay,#creativeQuickStop){background:var(--zf-bg-ffffffff, #fff)!important;color:var(--zf-fg-000000ff, #000)!important;-webkit-text-fill-color:var(--zf-fg-000000ff, #000)!important;text-shadow:none!important;border:1px solid var(--zf-bd-73838aff, #73838a);border-radius:10px;min-height:44px;padding:10px 14px;font:inherit;font-weight:800;opacity:1}
html body[data-shop=ready] #creativeStudio :is(#creativeQuickPlay,#creativeQuickStop):disabled{background:var(--zf-bg-e5e7ebff, #e5e7eb)!important;color:var(--zf-fg-374151ff, #374151)!important;-webkit-text-fill-color:var(--zf-fg-374151ff, #374151)!important;border-style:dashed;cursor:not-allowed}
#creativeQuickListen{margin:14px 0;padding:14px;border:1px solid var(--zf-bd-a7d8c6ff, #a7d8c6);border-radius:12px;background:var(--zf-bg-183c43ff, #183c43)}#creativeQuickListen h3{margin:0 0 12px}#creativeQuickStatus{line-height:1.7;margin:10px 0 0}#creativeQuickListen button:focus-visible{outline:3px solid var(--zf-bd-ffdf32ff, #ffdf32);outline-offset:3px}
.creative-studio{box-sizing:border-box;width:min(720px,94vw);max-height:90dvh;overflow:auto;margin:auto;padding:24px;border:1px solid var(--zf-bd-a7d8c6ff, #a7d8c6);border-radius:20px;background:var(--zf-bg-112b32ff, #112b32);color:var(--zf-fg-ffffffff, #fff);box-shadow:0 20px 80px var(--zf-sh-00000099, #0009)}
.creative-studio::backdrop{background:var(--zf-bg-031018d9, #031018d9)}.creative-studio header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.creative-studio h2{font-size:23px;margin:6px 0 12px}.creative-studio h3{font-size:18px;margin:14px 0}.creative-kicker{font-size:11px;letter-spacing:.07em;margin:0}.creative-intro,.creative-note{line-height:1.7}.creative-note{font-size:13px;color:var(--zf-fg-ffffffff, #fff)}.creative-studio label{display:grid;gap:8px;margin:12px 0;font-weight:700}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.creative-studio input,.creative-studio textarea,.creative-studio select{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid var(--zf-bd-a6c6cbff, #a6c6cb);border-radius:10px;background:var(--zf-bg-173b46ff, #173b46);color:var(--zf-fg-ffffffff, #fff);font:inherit;line-height:1.6}.creative-studio textarea{resize:vertical;white-space:pre-wrap}.creative-studio input::placeholder,.creative-studio textarea::placeholder{color:var(--zf-fg-d5e4e7ff, #d5e4e7);opacity:1}.creative-actions{display:flex;flex-wrap:wrap;gap:8px}.creative-actions button,.creative-studio header button,.creative-attach>button{min-height:44px;padding:10px 14px;border:1px solid var(--zf-bd-afd6c9ff, #afd6c9);border-radius:10px;background:var(--zf-bg-22604dff, #22604d);color:var(--zf-fg-ffffffff, #fff);font-weight:800;cursor:pointer}.creative-studio button:disabled{background:var(--zf-bg-334750ff, #334750);color:var(--zf-fg-ffffffff, #fff);cursor:default;border-style:dashed}.creative-studio button:focus-visible,.creative-studio :is(input,select,textarea):focus-visible,.creative-launch:focus-visible{outline:3px solid var(--zf-bd-f3d68cff, #f3d68c);outline-offset:3px;text-shadow:none}
.creative-studio input[type=checkbox]{width:20px;height:20px;padding:0;vertical-align:middle;accent-color:var(--zf-bd-add9c8ff, #add9c8)}
#creativeStatus{padding:12px;border:1px solid var(--zf-bd-799caaff, #799caa);border-radius:10px;background:var(--zf-bg-1c3c4bff, #1c3c4b);line-height:1.7;overflow-wrap:anywhere}#creativeCount{font-size:12px;text-align:right}#creativePreview{width:100%}#creativeResult,.creative-attach{padding:14px;margin-top:16px;border:1px solid var(--zf-bd-7595a1ff, #7595a1);border-radius:12px;background:var(--zf-bg-163844ff, #163844)}.creative-album{margin:16px 0;padding:16px;border:1px solid var(--zf-bd-a8cdbfff, #a8cdbf);border-radius:12px;background:var(--zf-bg-173b3dff, #173b3d);color:var(--zf-fg-ffffffff, #fff)}.creative-album pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.creative-album p{line-height:1.7}.creative-studio [hidden],.creative-album[hidden]{display:none!important}
.creative-story-help{padding:14px;border:1px solid var(--zf-bd-a3c8b9ff, #a3c8b9);border-radius:14px;background:var(--zf-bg-1c4243ff, #1c4243)}.creative-story-help h3{margin:0 0 6px;font-size:17px}.creative-story-help p{margin:0 0 12px;line-height:1.6;font-size:13px}.creative-story-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.creative-story-examples button{font:inherit;text-align:left;min-height:44px;min-width:0;padding:12px;border:1px solid var(--zf-bd-91b7b1ff, #91b7b1);border-radius:10px;background:var(--zf-bg-244f50ff, #244f50);color:var(--zf-fg-ffffffff, #fff);cursor:pointer}.creative-story-examples b{display:block;font-size:14px;margin-bottom:6px}.creative-story-examples span{display:block;font-size:12px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.creative-story-examples button:hover{background:var(--zf-bg-306364ff, #306364)}.creative-story-examples button:focus-visible{outline:3px solid var(--zf-bd-ffffffff, #fff);outline-offset:2px}
@media(max-width:380px){.creative-story-examples{grid-template-columns:1fr}}
.creative-vocal-prep{margin-top:16px;padding:14px;border:1px solid var(--zf-bd-b4d3a8ff, #b4d3a8);border-radius:12px;background:var(--zf-bg-1d4140ff, #1d4140)}.creative-vocal-prep h4{margin:0 0 8px;font-size:16px}.creative-vocal-prep p{margin:8px 0 12px;line-height:1.65}
.creative-vocal-prep audio{display:block;width:100%;margin:8px 0 14px}.creative-vocal-prep input[type=range]{padding:0;accent-color:var(--zf-bd-a9e0caff, #a9e0ca)}.creative-vocal-prep output{font-weight:800;color:var(--zf-fg-ffffffff, #fff)}.creative-vocal-consent span{display:flex;align-items:flex-start;gap:9px;line-height:1.55;font-size:13px}.creative-vocal-prep details{margin-top:16px;border-top:1px solid var(--zf-bd-91b4a8ff, #91b4a8);padding-top:12px}.creative-vocal-prep summary{cursor:pointer;font-weight:800}#creativeVocalStatus{padding:10px;border-radius:9px;background:var(--zf-bg-173842ff, #173842);color:var(--zf-fg-ffffffff, #fff)}
@media(max-width:560px){.creative-studio{padding:16px;width:96vw;border-radius:14px}.creative-grid{grid-template-columns:1fr;gap:0}.creative-studio h2{font-size:20px}.creative-actions button{flex:1 1 160px}.creative-studio header button{flex-shrink:0}.creative-launch{font-size:14px;width:100%}}

.creative-singer-choice{margin:16px 0;padding:14px;border:2px solid var(--zf-bd-ffdf32ff, #ffdf32);border-radius:12px;background:var(--zf-bg-244b47ff, #244b47);color:var(--zf-fg-ffffffff, #fff)}.creative-singer-choice h3{margin:0 0 8px}.creative-singer-choice p{line-height:1.65}.creative-singer-choice select{border-color:var(--zf-bd-ffdf32ff, #ffdf32)}#creativeStoryReset,#creativeProductReset{min-height:44px;margin:10px 0;padding:10px 14px;border:1px solid var(--zf-bd-d5bd60ff, #d5bd60);border-radius:10px;background:var(--zf-bg-615326ff, #615326);color:var(--zf-fg-ffffffff, #fff);font:inherit;font-weight:800;cursor:pointer}

.creative-singer-led{display:flex;gap:10px;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--zf-bd-8aaab0ff, #8aaab0);border-radius:10px;background:var(--zf-bg-15333dff, #15333d);font-weight:800;line-height:1.6}.creative-led-dot{width:15px;height:15px;flex-shrink:0;border-radius:50%;background:var(--zf-bg-92a3aeff, #92a3ae);box-shadow:0 0 10px currentColor}.creative-singer-led[data-state=available] .creative-led-dot,.creative-singer-led[data-state=working] .creative-led-dot{background:var(--zf-bg-ffdf32ff, #ffdf32);color:var(--zf-fg-ffdf32ff, #ffdf32)}.creative-singer-led[data-state=ready] .creative-led-dot{background:var(--zf-bg-5bffa0ff, #5bffa0);color:var(--zf-fg-5bffa0ff, #5bffa0)}.creative-singer-led[data-state=error] .creative-led-dot{background:var(--zf-bg-ff7777ff, #ff7777);color:var(--zf-fg-ff7777ff, #ff7777)}.creative-singer-led[data-state=working] .creative-led-dot{animation:creativeLedPulse 1s ease-in-out infinite}.creative-singer-actions{margin-top:12px}.creative-singer-actions button{flex:1 1 200px;min-height:48px}#creativeSingerGenerate:enabled{background:var(--zf-bg-ffdf32ff, #ffdf32);color:var(--zf-fg-162e36ff, #162e36);border-color:var(--zf-bd-fff0a3ff, #fff0a3)}#creativeSingerListen:enabled,#creativeSongListen:enabled{background:var(--zf-bg-13572fff, #13572f);border:2px solid var(--zf-bd-5bffa0ff, #5bffa0);color:var(--zf-fg-ffffffff, #fff);box-shadow:0 0 12px var(--zf-sh-5bffa055, #5bffa055)}.creative-singer-actions .is-playing:enabled{background:var(--zf-bg-267a48ff, #267a48)}#creativeSingerStop{background:var(--zf-bg-354b55ff, #354b55)}@keyframes creativeLedPulse{50%{opacity:.35;box-shadow:0 0 16px var(--zf-sh-ffdf32ff, #ffdf32)}}@media(prefers-reduced-motion:reduce){.creative-singer-led[data-state=working] .creative-led-dot{animation:none}}

/* Bright action buttons keep black text despite the global white text override. */
html body[data-shop=ready] #creativeStudio #creativeSingerGenerate:enabled{background:var(--zf-bg-ffdf32ff, #ffdf32)!important;color:var(--zf-fg-000000ff, #000)!important;-webkit-text-fill-color:var(--zf-fg-000000ff, #000)!important;text-shadow:none!important}

#creativeLanguageStatus{padding:10px;border:1px solid var(--zf-bd-8eadaeff, #8eadae);border-radius:10px;background:var(--zf-bg-173b46ff, #173b46);overflow-wrap:anywhere}.creative-studio :is(input,textarea)[dir=rtl]{text-align:right}

/* The guide stays visible inside the dialog, including on small phones. */
.song-guide{position:sticky;top:-1px;z-index:4;margin:12px 0 20px;padding:12px;border:1px solid var(--zf-bd-ffdf32ff, #ffdf32);border-radius:14px;background:var(--zf-bg-142c34ff, #142c34);box-shadow:0 6px 18px var(--zf-sh-00000055, #0005);color:var(--zf-fg-ffffffff, #fff)}
.song-guide-heading{display:flex;justify-content:space-between;gap:8px;font-size:13px}.song-guide-heading span{color:var(--zf-fg-ffe773ff, #ffe773)}
.song-guide ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;list-style:none;padding:0;margin:10px 0}
.song-guide nav button{width:100%;min-height:48px;padding:5px 2px;border:1px solid var(--zf-bd-728b97ff, #728b97);border-radius:9px;background:var(--zf-bg-253d48ff, #253d48);color:var(--zf-fg-ffffffff, #fff);font:inherit;font-size:10px;cursor:pointer}.song-guide nav b,.song-guide nav span{display:block}.song-guide nav b{font-size:13px}
.song-guide nav button[data-complete=true]{border-color:var(--zf-bd-62e4a2ff, #62e4a2)}.song-guide nav button[data-complete=true] b::after{content:' ✓'}
html body[data-shop=ready] #creativeStudio .song-guide nav button[aria-current=step],html body[data-shop=ready] #creativeStudio #songGuideAction:enabled{background:var(--zf-bg-ffdf32ff, #ffdf32)!important;color:var(--zf-fg-000000ff, #000)!important;-webkit-text-fill-color:var(--zf-fg-000000ff, #000)!important;text-shadow:none!important}
#songGuideTip{font-size:13px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.song-guide-actions{display:flex;gap:6px}.song-guide-actions button,#songGuideFileConfirm{min-height:44px;padding:8px;border:1px solid var(--zf-bd-b8cacdff, #b8cacd);border-radius:9px;background:var(--zf-bg-254550ff, #254550);color:var(--zf-fg-ffffffff, #fff);font:inherit;font-size:12px;cursor:pointer}#songGuideAction{flex:1;font-weight:800}#songGuideFileConfirm{margin-top:8px;width:100%;background:var(--zf-bg-185c3bff, #185c3b)}.song-guide-note{font-size:11px;line-height:1.5;margin:7px 0 0;color:var(--zf-fg-d7e6ebff, #d7e6eb)}
.song-map-help{border-top:1px solid var(--zf-bd-69858fff, #69858f);margin-top:12px;padding-top:10px;font-size:13px;line-height:1.65}.song-map-help p{margin:6px 0}.song-map-help button{width:100%;min-height:48px;border:1px solid var(--zf-bd-b7dfceff, #b7dfce);border-radius:10px;background:var(--zf-bg-254e43ff, #254e43);color:var(--zf-fg-ffffffff, #fff);font:inherit;font-weight:800;padding:10px;cursor:pointer}
.song-guide-listening{display:flex;gap:6px;margin:8px 0}.song-guide-listening button{min-height:44px;border:1px solid var(--zf-bd-63e69eff, #63e69e);border-radius:10px;padding:8px 12px;background:var(--zf-bg-185c3bff, #185c3b);color:var(--zf-fg-ffffffff, #fff);font:inherit;font-size:13px;font-weight:800;cursor:pointer}#songGuideListen{flex:1}#songGuideListening{font-size:11px;line-height:1.5;margin:6px 0;color:var(--zf-fg-e0ede8ff, #e0ede8)}
.song-guide.is-compact :is(#songGuideTip,#songGuideListening,.song-guide-actions,.song-guide-note){display:none}.song-guide.is-compact{padding:8px}.song-guide.is-compact ol{margin:6px 0}.song-guide.is-compact .song-guide-listening{margin:6px 0 0}
html body[data-shop=ready] #creativeStudio .song-guide nav button[aria-current=step] :is(b,span){color:var(--zf-fg-000000ff, #000)!important;-webkit-text-fill-color:var(--zf-fg-000000ff, #000)!important;text-shadow:none!important}
.song-guide nav span{overflow-wrap:anywhere}.creative-studio h2,.creative-studio h3{overflow-wrap:anywhere}html[dir=rtl] .creative-studio{text-align:right}html[dir=rtl] .yellow-player{direction:ltr}
@media(max-width:560px){.song-guide{padding:9px}.song-guide-heading{font-size:12px}.song-guide ol{grid-template-columns:repeat(3,minmax(0,1fr))}.song-guide nav button{font-size:11px}.song-guide-note{display:none}.song-guide-actions button{padding:6px;font-size:11px}}
.song-repeat{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--zf-bd-71948cff, #71948c);margin-top:8px}
.song-repeat label{display:flex;align-items:center;gap:8px;flex:1;min-width:170px;font-size:14px;font-weight:800}
.song-repeat select,.song-repeat button{min-height:44px;border:1px solid var(--zf-bd-f2dc83ff, #f2dc83);border-radius:9px;padding:8px;font:inherit;font-weight:800}
.song-repeat select{background:var(--zf-bg-ffe32fff, #ffe32f)!important;color:var(--zf-fg-101820ff, #101820)!important;-webkit-text-fill-color:var(--zf-fg-101820ff, #101820)!important;flex:1;min-width:100px}
.song-repeat button{background:var(--zf-bg-294b4cff, #294b4c);color:var(--zf-fg-ffffffff, #fff)}.song-repeat p{width:100%;font-size:12px;line-height:1.5;margin:0;color:var(--zf-fg-ffffffff, #fff)}
.song-repeat[data-state=playing] p{border-left:4px solid var(--zf-bd-65f6a4ff, #65f6a4);padding-left:8px}
/* Standalone review buttons use the same readable controls as action groups. */
.selected-song-complete{margin:16px 0 12px;padding:12px;border:2px solid var(--zf-bd-ffe335ff, #ffe335);border-radius:12px;background:var(--zf-bg-173b46ff, #173b46)}.selected-song-complete label{margin:0;font-size:18px}.selected-song-complete select{border-color:var(--zf-bd-ffe335ff, #ffe335)}.selected-song-complete p{font-size:13px}#selectedSongFullStatus:empty{display:none}#selectedSongFullStatus{padding:10px;border-left:4px solid var(--zf-bd-7fffafff, #7fffaf);background:var(--zf-bg-244b47ff, #244b47)}html body #creativeStudio #selectedSongFull:enabled{background:var(--zf-bg-ffe335ff, #ffe335)!important;color:var(--zf-fg-000000ff, #000)!important;-webkit-text-fill-color:var(--zf-fg-000000ff, #000)!important;text-shadow:none!important;min-height:48px}
#creativeStudio #selectedSongCompare>button{min-height:46px;padding:10px 14px;margin:6px 8px 6px 0;border:1px solid var(--zf-bd-afd6c9ff, #afd6c9);border-radius:10px;background:var(--zf-bg-22604dff, #22604d);color:var(--zf-fg-ffffffff, #fff);font:inherit;font-weight:800;cursor:pointer}#creativeStudio #selectedSongCompare>button:disabled{background:var(--zf-bg-334750ff, #334750);cursor:default;border-style:dashed}
#creativeStudio .selected-song-listen{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--zf-bd-8cddb4ff, #8cddb4);border-radius:10px;background:var(--zf-bg-185f40ff, #185f40);color:var(--zf-fg-ffffffff, #fff);font:inherit;font-weight:800;cursor:pointer;margin:8px 0 14px}#creativeStudio .selected-song-listen:before{content:'●';color:var(--zf-fg-ffe335ff, #ffe335);margin-right:10px}#creativeStudio .selected-song-listen[data-listen-state=playing]:before{color:var(--zf-fg-79ffb3ff, #79ffb3)}#creativeStudio .selected-song-listen:disabled{background:var(--zf-bg-334750ff, #334750);cursor:default}
html body #creativeStudio #selectedSongCompare .selected-song-listen:before{color:var(--zf-fg-ffe335ff, #ffe335)!important;-webkit-text-fill-color:var(--zf-fg-ffe335ff, #ffe335)!important}html body #creativeStudio #selectedSongCompare .selected-song-listen[data-listen-state=playing]:before{color:var(--zf-fg-79ffb3ff, #79ffb3)!important;-webkit-text-fill-color:var(--zf-fg-79ffb3ff, #79ffb3)!important}html body #creativeStudio #selectedSongCompare .selected-song-listen:disabled:before{color:var(--zf-fg-b8c6caff, #b8c6ca)!important;-webkit-text-fill-color:var(--zf-fg-b8c6caff, #b8c6ca)!important}