body[data-shop=ready]{--surface:var(--zf-bg-162332ff, #162332);--surface2:var(--zf-bg-203348ff, #203348);--text:var(--zf-fg-f0f5f9ff, #f0f5f9);--muted:var(--zf-fg-bacbd6ff, #bacbd6);--line:var(--zf-bd-375269ff, #375269);background:linear-gradient(130deg,var(--zf-bg-0c1525f7, #0c1525f7),var(--zf-bg-102632eb, #102632eb)),url('bg_energetic_1790071550300.jpg') center/cover fixed;color:var(--zf-fg-f0f5f9ff, #f0f5f9);padding-bottom:110px}
body[data-shop=ready] main.wrap{max-width:1380px;padding:24px 28px 0}
body[data-shop=ready] .head{display:flex;align-items:center;gap:14px;text-align:left;padding:0 0 16px}
body[data-shop=ready] .head h1{font-size:27px;margin:0;order:0}
body[data-shop=ready] .head>p{font-size:12px;order:1;margin-right:auto}
body[data-shop=ready] .head #langSwitcher{order:3;margin:0!important;max-width:145px}
body[data-shop=ready] .head-links{order:2;margin:0}
body[data-shop=ready] #btn6dSync{display:none!important}
body[data-shop=ready] .shop-preview-banner{background:var(--zf-bg-244537ff, #244537)!important;animation:none!important;color:var(--zf-fg-c9ebd9ff, #c9ebd9)!important;font-size:12px!important;font-weight:600!important;padding:8px!important}
.shop-nav{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 18px;background:var(--zf-bg-0e1b2af5, #0e1b2af5);backdrop-filter:blur(18px)}
.shop-main-nav{display:flex;gap:6px}
.shop-main-nav button{border:1px solid var(--zf-bd-40576aff, #40576a);background:var(--zf-bg-182939ff, #182939);color:var(--zf-fg-c0d0dbff, #c0d0db);border-radius:12px;padding:10px 20px;min-height:46px;font-size:14px;font-weight:700}
.shop-main-nav button span{font-size:10px;opacity:.65;margin-right:7px}
.shop-main-nav button[aria-current=page]{background:var(--zf-bg-9ee3c8ff, #9ee3c8);border-color:var(--zf-bd-9ee3c8ff, #9ee3c8);color:var(--zf-fg-122b26ff, #122b26)}
.shop-layout-control{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--zf-fg-bed0dfff, #bed0df)}
.shop-layout-control select{font:inherit;min-height:40px;border-radius:10px;padding:7px 10px;border:1px solid var(--zf-bd-466078ff, #466078);background:var(--zf-bg-203348ff, #203348);color:var(--zf-fg-f0f5f9ff, #f0f5f9)}
.shop-view[hidden],#shopLegacySlot[hidden]{display:none!important}
.shop-home{display:grid;grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);gap:26px;align-items:start}
.shop-entrance{grid-column:1/-1;padding:24px;border:1px solid var(--zf-bd-3a566bff, #3a566b);border-radius:22px;background:linear-gradient(110deg,var(--zf-bg-183c42ff, #183c42),var(--zf-bg-1a2b40ff, #1a2b40))}
.shop-entrance h2{font-size:27px;margin:0 0 18px;word-break:keep-all}
.shop-entrance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shop-entrance-options button{font:inherit;display:flex;flex-direction:column;gap:8px;text-align:left;min-height:126px;padding:20px;border:1px solid var(--entry-color);border-radius:16px;color:var(--zf-fg-edf7f9ff, #edf7f9);background:var(--zf-bg-182c3aff, #182c3a);--entry-color:var(--zf-bd-a6dfc5ff, #a6dfc5)}
.shop-entrance-options button:nth-child(2){--entry-color:var(--zf-bd-a7bafdff, #a7bafd);background:var(--zf-bg-232f4bff, #232f4b)}
.shop-entrance-options button:nth-child(3){--entry-color:var(--zf-bd-e8c180ff, #e8c180);background:var(--zf-bg-393127ff, #393127)}
.shop-entrance-options button[aria-pressed=true]{outline:2px solid var(--entry-color);outline-offset:2px;box-shadow:0 8px 30px var(--zf-sh-00000033, #0003)}
.shop-entrance-options button span{color:var(--entry-color);font-size:10px;letter-spacing:1px;font-weight:800}
.shop-entrance-options button b{font-size:19px;word-break:keep-all}
.shop-entrance-options button small{font-size:12px;color:var(--zf-fg-cad9dfff, #cad9df);line-height:1.6}
.shop-entrance .shop-step-hint{margin-bottom:0}
#shopLibraryGroup[hidden],#bgmChoice[hidden],#shopBlockGroup[hidden]{display:none!important}
body[data-shop=ready] #shopBlockGroup .buffet-card{display:block!important}
#shopWelcomeSlot[hidden]{display:none!important}
#shopBlockGroup .buffet-card>p:first-child{display:none}
#shopBlockGroup .buffet-card{margin:18px 0}
#shopBlockGroup .buffet-options{grid-template-columns:1fr}
body[data-start-mode=customer] .shop-home,body[data-start-mode=blocks] .shop-home{grid-template-columns:minmax(0,1fr)}
.shop-home .journey-welcome{margin:0;padding:30px;border-radius:22px;background:linear-gradient(160deg,var(--zf-bg-235050ff, #235050),var(--zf-bg-172a42ff, #172a42) 72%,var(--zf-bg-392f2cff, #392f2c));border-color:var(--zf-bd-4c897eff, #4c897e);position:sticky;top:86px}
.shop-home .journey-welcome h2{font-size:31px;line-height:1.4}
.shop-home .journey-scenes{display:none}
.shop-home #journeyRecordings{display:none}
.shop-home .journey-start{margin-top:8px;min-height:50px;font-size:15px}
.shop-home .journey-price{font-size:12px;margin-top:18px;line-height:1.8}
.shop-home #tbase{padding:24px;border:1px solid var(--zf-bd-3f566cff, #3f566c);border-radius:22px;background:var(--zf-bg-152335ee, #152335ee)}
.shop-home .melody-panel h2{font-size:25px}
.shop-home .melody-categories{gap:6px}
.shop-home .melody-categories button{min-height:40px;font-size:12px;padding:7px 10px}
.shop-home .melody-card{background:linear-gradient(130deg,var(--zf-bg-294454ff, #294454),var(--zf-bg-292841ff, #292841));border-radius:16px;min-height:118px;padding:18px}
.shop-home .melody-card[aria-pressed=true]{background:linear-gradient(130deg,var(--zf-bg-245b4fff, #245b4f),var(--zf-bg-253d4bff, #253d4b))}
.shop-home .gathering-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.shop-home #bgmChoice{margin:18px 0!important;background:var(--zf-bg-1c3042ff, #1c3042)!important}
.shop-home #openMusicLibBtn,.shop-home .orchestra-roadmap{display:none!important}
.shop-home #shopHomeContinue{width:100%;margin-top:16px;min-height:50px}
.shop-more{grid-column:1/-1;padding:14px 18px;border:1px solid var(--zf-bd-3e5265ff, #3e5265);border-radius:14px;color:var(--zf-fg-bed0deff, #bed0de);font-size:13px;margin:0 0 20px}
.shop-more summary,.shop-album-extras summary{cursor:pointer;font-weight:700}
.shop-more .buffet-card{margin:15px 0}
.shop-view-heading{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:12px 0 24px}
.shop-view-heading h2{font-size:27px;margin:4px 0 8px;word-break:keep-all}
.shop-view-heading p:not(.shop-kicker){font-size:14px;color:var(--zf-fg-c0cfdbff, #c0cfdb);margin:0}
.shop-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--zf-fg-9ddfc9ff, #9ddfc9);margin:0 0 8px}
.shop-primary,.shop-secondary{border-radius:12px;min-height:44px;padding:10px 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;border:1px solid var(--zf-bd-a7e3cdff, #a7e3cd)}
.shop-primary{background:var(--zf-bg-a7e3cdff, #a7e3cd);color:var(--zf-fg-173c33ff, #173c33)}
.shop-primary:disabled{opacity:.42;cursor:default}
.shop-secondary{background:var(--zf-bg-203348ff, #203348);border-color:var(--zf-bd-546f83ff, #546f83);color:var(--zf-fg-e2edf5ff, #e2edf5)}
.shop-box{background:var(--zf-bg-162737ed, #162737ed);border:1px solid var(--zf-bd-3a5267ff, #3a5267);border-radius:18px;padding:18px;min-width:0}
.shop-studio-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(340px,1.8fr) minmax(240px,1fr);gap:18px;align-items:start}
.shop-base-column,.shop-basket-column{position:sticky;top:86px}
.shop-base-column h3{font-size:19px;margin:0 0 10px}
.shop-base-title{font-size:14px;font-weight:800;color:var(--zf-fg-e9e2bcff, #e9e2bc);overflow-wrap:anywhere}
.shop-source-label{font-size:11px;line-height:1.6;color:var(--zf-fg-92d8bfff, #92d8bf);padding:6px 9px;border:1px solid var(--zf-bd-416653ff, #416653);background:var(--zf-bg-203a34ff, #203a34);border-radius:8px}
#shopRecommendedDetails summary{font-size:12px;color:var(--zf-fg-c6d8e5ff, #c6d8e5);cursor:pointer;padding:8px 0}
.shop-base-column #baseMusicMix{padding:10px;margin:16px 0;background:var(--zf-bg-243b49ff, #243b49)}
.shop-base-column #baseMusicMix label{min-width:0;width:100%;display:grid;font-size:12px}
.shop-base-column #baseMusicMix button{font-size:11px;min-height:36px;padding:7px 9px}
.shop-base-column .melody-recommendation{margin:12px 0;padding:12px;background:var(--zf-bg-2f342fff, #2f342f);border-color:var(--zf-bd-7a8971ff, #7a8971)}
.shop-base-column .melody-recommendation h2{font-size:15px}
.shop-base-column .melody-recommendation button{font-size:11px;min-height:38px;padding:8px;width:100%}
.shop-base-column .remix-settings{grid-template-columns:1fr}
.shop-base-column #orchestraStudioLink{display:block;color:var(--zf-fg-d0e8f7ff, #d0e8f7);font-size:12px;line-height:1.7;margin:16px 0 0}
.shop-base-column #orchestraStudioLink[hidden]{display:none}
.shop-sound-column{min-width:0}
.shop-sound-column .stage{margin:0}
.shop-sound-column .stage>.cname{font-size:18px;margin:8px 0}
.shop-sound-column .stage .orbs-container{grid-template-columns:repeat(2,minmax(0,130px));gap:10px;margin:0 auto 6px;padding:0}
.shop-sound-column .stage .orb-label{font-size:10px;padding:4px 8px}
.shop-sound-column .stage .drone-count{font-size:10px;margin:2px 0}
.shop-sound-column .stage .vis>div:not(.orbs-container){display:none!important}
.shop-sound-column .stage #breatheGuide,.shop-sound-column .stage .ground,.shop-sound-column .stage #hint{display:none!important}
.shop-sound-column #soundCheckStatus{display:none}
.shop-sound-column .stage #soundCheckBtn{font-size:12px!important}
.shop-controls{margin-top:16px}
.shop-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.shop-dimensions button{font:inherit;min-height:44px;border:1px solid var(--zf-bd-627184ff, #627184);border-radius:10px;padding:7px 3px;font-size:11px;color:var(--zf-fg-eff6ffff, #eff6ff);background:var(--zf-bg-22364aff, #22364a)}
.shop-dimensions button[aria-selected=true]{font-weight:800}
.shop-step-hint{font-size:12px;line-height:1.7;color:var(--zf-fg-cedde6ff, #cedde6);margin:14px 0}
.shop-controls .panel{padding-top:5px}
.shop-controls .flow-next{display:none}
.shop-controls #shopStepNext{width:100%;margin-top:18px}
.shop-controls .lead,.shop-controls .note{font-size:12px}
.shop-controls #toggleInstBtn{font-size:12px!important;padding:0 12px!important}
.shop-controls #instContainer{padding:10px!important}
.shop-controls #shopInstrumentLibrary{font-size:13px;border:1px solid var(--zf-bd-4a667bff, #4a667b);border-radius:12px;padding:12px;margin:14px 0}
.shop-controls #shopInstrumentLibrary summary{cursor:pointer;font-weight:800;color:var(--zf-fg-d0e4edff, #d0e4ed)}
.shop-controls #instOpts{margin-top:16px}
#shopSelectedInstruments{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--zf-fg-bccfdaff, #bccfda);margin:10px 0}
.shop-selected-instrument{display:flex;align-items:center;gap:6px;font:inherit;font-size:12px;min-height:42px;padding:7px 10px;border:1px solid;border-radius:10px;background:var(--zf-bg-223b4aff, #223b4a);color:var(--zf-fg-f5f8faff, #f5f8fa)}
.shop-selected-instrument .instrument-symbol{width:23px;height:23px}
.shop-controls .row{gap:10px}
.shop-controls .rl{min-width:0}
.shop-controls #pad{max-width:100%}
body[data-shop=ready] #pad .dot.off{display:none}
body[data-shop=ready] label[for=userAudioUpload][hidden]{display:none!important}
.shop-controls #t3>p.lead{display:none}
.shop-basket-column .album-tray{margin:0;padding:18px;border-radius:18px}
.shop-basket-column .album-steps,.shop-album .album-steps{grid-template-columns:1fr}
.shop-basket-column .album-step{padding:8px}
.shop-basket-column .shop-album-action{width:100%;margin-top:12px}
.shop-preview-note{font-size:11px;line-height:1.6;color:var(--zf-fg-a8c2d1ff, #a8c2d1);margin:10px 4px}
.shop-album-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.shop-album .album-tray{margin:0;border-radius:18px;padding:20px}
.shop-album .bio6d-outcome{margin:0;background:transparent;border:0;padding:0}
.shop-album #makeAudio{width:100%;background:var(--zf-bg-a7e3cdff, #a7e3cd);color:var(--zf-fg-173c33ff, #173c33);border-color:var(--zf-bd-a7e3cdff, #a7e3cd)}
.shop-album-extras{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--zf-bd-44596cff, #44596c);font-size:13px}
.shop-render-notice{font-size:13px;padding:12px;border:1px solid var(--zf-bd-cfa15aff, #cfa15a);border-radius:10px;color:var(--zf-fg-ffe0aaff, #ffe0aa);background:var(--zf-bg-453827ff, #453827)}
.shop-player{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px max(24px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom));background:var(--zf-bg-0a1522f5, #0a1522f5);border-top:1px solid var(--zf-bd-567080ff, #567080);backdrop-filter:blur(18px);box-shadow:0 -8px 30px var(--zf-sh-00000044, #0004)}
.shop-player-info{min-width:0;width:min(460px,40vw)}
.shop-player-info strong,.shop-player-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-player-info strong{font-size:14px}.shop-player-info span{font-size:11px;color:var(--zf-fg-bed2ddff, #bed2dd);margin-top:3px}
.shop-player .bar{display:block;position:static;padding:0;border:0;margin:0;min-width:175px}
.shop-player .bar .playBtn{margin:0!important;min-height:46px;width:100%!important;padding:10px 20px!important;font-size:14px;border-radius:12px!important;box-shadow:none!important;background:var(--zf-bg-203d52ff, #203d52)!important;color:var(--zf-fg-ffffffff, #fff)!important}
.shop-player #shopPlayerNext{min-width:145px;min-height:46px}
body[data-shop-layout=mobile] main.wrap{max-width:640px;padding:14px 14px 0}
body[data-shop-layout=mobile] .head{gap:8px;flex-wrap:wrap;padding-bottom:9px}
body[data-shop-layout=mobile] .head h1{font-size:22px}
body[data-shop-layout=mobile] .head>p{font-size:10px}
body[data-shop-layout=mobile] .head-links{display:none}
body[data-shop-layout=mobile] .head #langSwitcher{max-width:105px;font-size:11px}
body[data-shop-layout=mobile] .shop-nav{gap:8px;align-items:stretch;padding:8px 0 12px;flex-wrap:wrap}
body[data-shop-layout=mobile] .shop-main-nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
body[data-shop-layout=mobile] .shop-main-nav button{padding:9px 4px;font-size:12px;min-height:44px}
body[data-shop-layout=mobile] .shop-main-nav button span{margin-right:4px;font-size:9px}
body[data-shop-layout=mobile] .shop-layout-control{margin-left:auto;font-size:10px}
body[data-shop-layout=mobile] .shop-layout-control select{min-height:32px;padding:4px 7px;font-size:10px}
body[data-shop-layout=mobile] .shop-home{grid-template-columns:1fr;gap:14px}
body[data-shop-layout=mobile][data-start-mode] .shop-home{grid-template-columns:1fr}
body[data-shop-layout=mobile] .shop-entrance{padding:16px}
body[data-shop-layout=mobile] .shop-entrance h2{font-size:23px;margin-bottom:15px}
body[data-shop-layout=mobile] .shop-entrance-options{grid-template-columns:1fr;gap:10px}
body[data-shop-layout=mobile] .shop-entrance-options button{min-height:100px;padding:14px;gap:5px}
body[data-shop-layout=mobile] .shop-entrance-options button b{font-size:18px}
body[data-shop-layout=mobile] .shop-home .journey-welcome{position:static;padding:20px}
body[data-shop-layout=mobile] .shop-home .journey-welcome h2{font-size:24px}
body[data-shop-layout=mobile] .shop-home #tbase{padding:16px}
body[data-shop-layout=mobile] .shop-home .melody-panel h2{font-size:21px}
body[data-shop-layout=mobile] .shop-home .gathering-options{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-shop-layout=mobile] .shop-home .melody-choices{grid-template-columns:1fr}
body[data-shop-layout=mobile] .shop-home .melody-card{min-height:98px;padding:14px}
body[data-shop-layout=mobile] .shop-view-heading{align-items:flex-start;gap:10px;margin:12px 0 16px}
body[data-shop-layout=mobile] .shop-view-heading h2{font-size:21px}
body[data-shop-layout=mobile] .shop-view-heading p:not(.shop-kicker){font-size:12px}
body[data-shop-layout=mobile] .shop-view-heading>.shop-secondary{min-width:95px;font-size:11px;padding:8px}
body[data-shop-layout=mobile] .shop-studio-grid{display:flex;flex-direction:column;gap:14px}
body[data-shop-layout=mobile] .shop-base-column{position:static;width:100%;padding:14px}
body[data-shop-layout=mobile] .shop-base-column .melody-recommendation{margin-bottom:0}
body[data-shop-layout=mobile] .shop-base-column .remix-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-shop-layout=mobile] .shop-sound-column{width:100%}
body[data-shop-layout=mobile] .shop-basket-column{display:none}
body[data-shop-layout=mobile] .shop-box{padding:14px}
body[data-shop-layout=mobile] .shop-album-grid{grid-template-columns:1fr;gap:14px}
body[data-shop-layout=mobile] .shop-player{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 14px calc(9px + env(safe-area-inset-bottom))}
body[data-shop-layout=mobile] .shop-player-info{grid-column:1/-1;width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center}
body[data-shop-layout=mobile] .shop-player-info strong{font-size:11px;max-width:43%}
body[data-shop-layout=mobile] .shop-player-info span{font-size:10px;margin:0;max-width:57%}
body[data-shop-layout=mobile] .shop-player .bar{min-width:0}
body[data-shop-layout=mobile] .shop-player .bar .playBtn,body[data-shop-layout=mobile] #shopPlayerNext{font-size:12px;min-height:43px;padding:8px 10px!important}
body[data-shop-layout=mobile] #shopPlayerNext{min-width:0}
body[data-shop=ready] :is(.shop-primary,.shop-secondary,.shop-main-nav button,.shop-dimensions button):focus-visible{outline:3px solid var(--zf-bd-ffffffff, #fff);outline-offset:3px}
@media(max-width:999px){body[data-shop-layout=desktop] .shop-studio-grid,body[data-shop-layout=desktop] .shop-home,body[data-shop-layout=desktop] .shop-album-grid{grid-template-columns:1fr}body[data-shop-layout=desktop] .shop-base-column,body[data-shop-layout=desktop] .shop-basket-column{position:static}}
@media(prefers-reduced-motion:reduce){body[data-shop=ready] *{scroll-behavior:auto!important}}

/* White text uses dark surfaces; selection stays visible through borders and shapes. */
html body[data-shop=ready]{--text:var(--zf-fg-ffffffff, #fff);--muted:var(--zf-fg-ffffffff, #fff);color:var(--zf-fg-ffffffff, #fff)!important}
html body[data-shop=ready] *,
html body[data-shop=ready] :is(#musicShop,#cursorBasket,.shop-player,.head,.shop-preview-banner,dialog,.toast,[role=dialog]),
html body[data-shop=ready] :is(#musicShop,#cursorBasket,.shop-player,.head,.shop-preview-banner,dialog,.toast,[role=dialog]) *{
  color:var(--zf-fg-ffffffff, #fff)!important;text-shadow:none!important;-webkit-text-fill-color:var(--zf-fg-ffffffff, #fff)!important;
}
html body[data-shop=ready] :is(input,select,textarea,option){background:var(--zf-bg-162737ff, #162737)!important;color:var(--zf-fg-ffffffff, #fff)!important}
html body[data-shop=ready] ::placeholder{color:var(--zf-fg-ffffffff, #fff)!important;opacity:1}
html body[data-shop=ready] .shop-main-nav button span{opacity:1}
html body[data-shop=ready] :is(button,.journey-start,.shop-primary,.melody-card):disabled{opacity:1!important;background:var(--zf-bg-304552ff, #304552)!important;border-style:dashed!important;cursor:not-allowed}
html body[data-shop=ready] :is(.shop-primary,.shop-main-nav button[aria-current=page],.melody-categories button[aria-pressed=true]){background:var(--zf-bg-236653ff, #236653)!important}
html body[data-shop=ready] .journey-start{background:linear-gradient(110deg,var(--zf-bg-236653ff, #236653),var(--zf-bg-17666aff, #17666a))!important}
html body[data-shop=ready] :is(.opts .opt[aria-pressed=true],.bio6d-outcome #makeAudio,.btn,.toast){background:var(--zf-bg-24465fff, #24465f)!important}
html body[data-shop=ready] .btn.ghost{background:var(--zf-bg-203348ff, #203348)!important}
html body[data-shop=ready] .chips .chip:nth-child(1){background:var(--zf-bg-255e34ff, #255e34)!important}
html body[data-shop=ready] .chips .chip:nth-child(2){background:var(--zf-bg-854324ff, #854324)!important}
html body[data-shop=ready] .chips .chip:nth-child(3){background:var(--zf-bg-78621cff, #78621c)!important}
html body[data-shop=ready] .chips .chip:nth-child(4){background:var(--zf-bg-435361ff, #435361)!important}
html body[data-shop=ready] .chips .chip:nth-child(5){background:var(--zf-bg-245a82ff, #245a82)!important}
html body[data-shop=ready] :is(.buffet-options button[aria-pressed=true],.buffet-versions button[aria-pressed=true],.bio6d-mode button[aria-pressed=true],#premiumPreviewContinue){background:var(--zf-bg-704910ff, #704910)!important}
html body[data-shop=ready] .chips .chip{filter:none!important}
:root .shop-spaces{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
:root .shop-spaces a{display:block;background:var(--zf-bg-243e51ff, #243e51);border:1px solid var(--zf-bd-6a8194ff, #6a8194);border-radius:9px;padding:7px 12px;color:var(--zf-fg-ffffffff, #fff)!important;text-shadow:none!important;-webkit-text-fill-color:var(--zf-fg-ffffffff, #fff)!important;font-size:11px;font-weight:700}
:root .shop-spaces a:last-child{background:var(--zf-bg-704f2bff, #704f2b);border-color:var(--zf-bd-bd9b62ff, #bd9b62)}

/* Customer entry: one choice, one active path, one next-step action. */
body[data-shop=ready] .shop-tools{position:relative;margin:0 0 4px;text-align:right;font-size:12px}
body[data-shop=ready] .shop-tools>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;padding:7px 10px;border-radius:9px}
body[data-shop=ready] .shop-tools[open]>summary{background:var(--zf-bg-223b50ff, #223b50)}
body[data-shop=ready] .shop-tools-panel{position:absolute;right:0;top:100%;z-index:65;max-width:100%;width:310px;padding:16px;border:1px solid var(--zf-bd-6f91a6ff, #6f91a6);border-radius:14px;background:var(--zf-bg-162b3dff, #162b3d);box-shadow:0 12px 35px var(--zf-sh-00000066, #0006);text-align:left}
body[data-shop=ready] .shop-tools .shop-spaces{display:grid;margin:0 0 12px}
body[data-shop=ready] .shop-tools .shop-layout-control{margin:0;justify-content:space-between}
body[data-shop=ready] .shop-tools select{min-height:44px}
body[data-shop=ready] .shop-main-nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-shop=ready] .shop-main-nav button{font-size:13px;min-height:46px}
body[data-shop=ready] .shop-nav{padding:5px 0 16px}
body[data-shop=ready] .shop-main-nav button span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--zf-bd-90a9b9ff, #90a9b9);border-radius:50%;margin-right:6px;font-size:11px}
body[data-shop=ready][data-start-mode] .shop-home{grid-template-columns:minmax(0,1fr);gap:18px}
body[data-shop=ready] .shop-entrance{padding:24px;background:linear-gradient(120deg,var(--zf-bg-173b40ff, #173b40),var(--zf-bg-192d43ff, #192d43));box-shadow:0 10px 30px var(--zf-sh-00000022, #0002)}
body[data-shop=ready] .shop-entrance h2{font-size:30px;line-height:1.3;margin:0 0 9px}
body[data-shop=ready] .shop-entrance-intro{font-size:14px;line-height:1.6;margin:0 0 20px}
body[data-shop=ready] .shop-entrance-options{gap:12px}
body[data-shop=ready] .shop-entrance-options button{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:94px;padding:15px;border-radius:14px;text-align:left;transition:border-color .15s,background .15s}
body[data-shop=ready] .shop-entrance-options button[aria-pressed=true]{outline:1px solid var(--zf-bd-bcf1dbff, #bcf1db);outline-offset:2px;background:var(--zf-bg-214b43ff, #214b43);box-shadow:none}
body[data-shop=ready] .shop-entrance-options .shop-entry-icon{display:flex;justify-content:center;align-items:center;width:36px;height:40px;border-radius:10px;background:var(--zf-bg-ffffff12, #ffffff12);font-size:26px;letter-spacing:0;font-weight:500}
body[data-shop=ready] .shop-entrance-options .shop-entry-copy{display:grid;gap:6px;letter-spacing:0}
body[data-shop=ready] .shop-entrance-options b{font-size:17px;line-height:1.4}
body[data-shop=ready] .shop-entrance-options small{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0}
body[data-shop=ready] .shop-entry-check{visibility:hidden;font-size:16px}
body[data-shop=ready] [aria-pressed=true]>.shop-entry-check{visibility:visible}
body[data-shop=ready] .shop-quick-listen{display:flex;align-items:center;gap:18px;border-top:1px solid var(--zf-bd-5f7b8866, #5f7b8866);margin-top:16px;padding-top:14px}
body[data-shop=ready] .shop-quick-listen .journey-start{margin:0;min-height:46px;font-size:13px;border:1px solid var(--zf-bd-83c6b5ff, #83c6b5);padding:10px 18px;white-space:nowrap}
body[data-shop=ready] .shop-quick-listen .journey-status{margin:0;font-size:12px;line-height:1.6}
body[data-shop=ready] .shop-trial-info{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px;font-size:11px;line-height:1.6}
body[data-shop=ready] .shop-trial-info>p{margin:0}
body[data-shop=ready] .shop-trial-info summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body[data-shop=ready] .shop-trial-info details[open]{max-width:380px}
body[data-shop=ready] .shop-home #tbase{padding:22px}
body[data-shop=ready] #shopLibraryGroup>.melody-panel>p:first-child{display:none}
body[data-shop=ready] .shop-home .melody-panel h2{font-size:22px;margin-top:0}
body[data-shop=ready] .shop-gathering-help{margin:12px 0 18px;font-size:12px}
body[data-shop=ready] .shop-gathering-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
body[data-shop=ready] #shopHomeContinue[hidden],body[data-shop=ready] #shopQuickListen[hidden],body[data-shop-view=home] #cursorBasket{display:none!important}
body[data-shop=ready] .shop-player-info strong{white-space:normal;line-height:1.4}
body[data-shop=ready] .shop-player-info span{font-size:11px}
body[data-shop=ready] #shopPlayerNext,body[data-shop=ready] .shop-player .playBtn{min-height:46px!important}
body[data-shop=ready] .shop-entrance-options button:focus-visible,body[data-shop=ready] .shop-tools summary:focus-visible,body[data-shop=ready] .shop-gathering-help summary:focus-visible{outline:3px solid var(--zf-bd-ffffffff, #fff);outline-offset:3px}
body[data-shop-layout=mobile] .shop-entrance{padding:16px}
body[data-shop-layout=mobile] .shop-entrance h2{font-size:24px}
body[data-shop-layout=mobile] .shop-entrance-intro{font-size:12px;margin-bottom:16px}
body[data-shop-layout=mobile] .shop-entrance-options button{min-height:80px;padding:12px;gap:10px}
body[data-shop-layout=mobile] .shop-entrance-options b{font-size:16px}
body[data-shop-layout=mobile] .shop-entrance-options small{font-size:11px}
body[data-shop-layout=mobile] .shop-quick-listen{display:grid;gap:8px;margin-top:12px;padding-top:12px}
body[data-shop-layout=mobile] .shop-quick-listen .journey-start{width:100%}
body[data-shop-layout=mobile] .shop-trial-info{display:block}
body[data-shop-layout=mobile] .shop-trial-info details{margin-top:5px}
body[data-shop-layout=mobile] .shop-home #tbase{padding:16px}
body[data-shop-layout=mobile] .shop-player-info{display:block}
body[data-shop-layout=mobile] .shop-player-info strong,body[data-shop-layout=mobile] .shop-player-info span{max-width:100%}
body[data-shop-layout=mobile] .shop-player-info span{margin-top:3px;font-size:10px}
@media(max-width:360px){body[data-shop=ready] .shop-main-nav button{font-size:11px;padding:8px 2px}body[data-shop=ready] .shop-main-nav button span{width:18px;height:18px;margin-right:3px}}
body[data-shop=ready] .shop-preview-banner{display:none}
body[data-shop-view=home][data-player-visible=false] .shop-player{display:none!important}
body[data-shop-view=home][data-player-visible=false]{padding-bottom:24px}
body[data-shop-layout=mobile] .shop-entrance-options button{min-height:74px}
body[data-shop-layout=mobile] #shopModeHelp{margin:12px 0 0}
body[data-shop=ready] #shopLibraryGroup>p:first-child{display:none}
body[data-shop=ready] #shopBlockGroup .buffet-card>h2{display:none}

/* The original animated stage is the entrance; choosing files is its support view. */
body[data-shop-view=main]{background:radial-gradient(ellipse at 50% 16%,var(--zf-bg-ba824025, #ba824025),transparent 58%),linear-gradient(180deg,var(--zf-bg-0c142dda, #0c142dda),var(--zf-bg-141b28d9, #141b28d9) 70%,var(--zf-bg-081321ed, #081321ed)),url('bg_energetic_1790071550300.jpg') center/cover fixed;padding-bottom:32px}
body[data-shop-view=main] .shop-nav{background:var(--zf-bg-111e2de8, #111e2de8)}
body[data-shop-view=main] #cursorBasket{display:none!important}
.shop-main-view{max-width:980px;margin:0 auto}
.shop-concert-heading{text-align:center;padding:16px 12px 20px}
.shop-concert-heading .shop-kicker{font-size:11px;letter-spacing:2px;margin:0 0 10px}
.shop-concert-heading h2{font-size:32px;line-height:1.4;margin:0 0 9px;word-break:keep-all}
.shop-concert-heading>p:last-child{font-size:14px;line-height:1.7;margin:0}
.shop-concert-stage{position:relative;isolation:isolate;padding:24px 28px 16px;border:1px solid var(--zf-bd-b999676b, #b999676b);border-radius:120px 120px 28px 28px;background:radial-gradient(ellipse at 50% 0%,var(--zf-bg-f3cb7030, #f3cb7030),transparent 48%),linear-gradient(120deg,var(--zf-bg-1a293bb8, #1a293bb8),var(--zf-bg-19283bd4, #19283bd4) 60%,var(--zf-bg-263340b8, #263340b8));box-shadow:0 20px 70px var(--zf-sh-00000044, #0004),inset 0 1px 0 var(--zf-sh-fae2a63b, #fae2a63b)}
.shop-concert-stage::before{content:'';position:absolute;z-index:-1;inset:12px;border:1px solid var(--zf-bd-d8b57b26, #d8b57b26);border-radius:inherit;pointer-events:none}
.shop-concert-stage .stage{margin:0}
.shop-concert-stage .stage>h2{display:none}
.shop-concert-stage .orbs-container{grid-template-columns:repeat(4,minmax(0,150px));gap:14px;padding:0;margin:0 auto 14px}
.shop-concert-stage .orb-item{border:1px solid var(--zf-bd-f0d9ad38, #f0d9ad38);border-radius:20px;background:linear-gradient(160deg,var(--zf-bg-fff8e910, #fff8e910),var(--zf-bg-09182769, #09182769));padding:10px 6px 6px;box-shadow:0 6px 25px var(--zf-sh-00000033, #0003);transition:border-color .2s,background .2s}
.shop-concert-stage .orb-item:hover,.shop-concert-stage .orb-item[data-active=true]{border-color:var(--zf-bd-e0c28bff, #e0c28b);background:linear-gradient(160deg,var(--zf-bg-ae89452e, #ae89452e),var(--zf-bg-0b203c99, #0b203c99))}
.shop-concert-stage .orb-item:focus-visible{outline:3px solid var(--zf-bd-ffffffff, #fff);outline-offset:3px}
.shop-concert-stage .orb-label{font-size:11px;margin:0 0 6px;background:var(--zf-bg-233448e8, #233448e8);padding:5px 8px}
.shop-concert-stage .orb-wrap{border:0!important;box-shadow:none!important}
.shop-concert-stage .drone-count{position:absolute;z-index:3;top:43px;left:0;right:0;margin:0;font-size:10px}
.shop-concert-stage .orb-item{position:relative}
html body[data-shop-view=main] #musicShop .shop-concert-stage .stage .playBtn{background:linear-gradient(110deg,var(--zf-bg-725628ff, #725628),var(--zf-bg-5e482cff, #5e482c))!important;border:1px solid var(--zf-bd-d4b37bff, #d4b37b)!important;min-height:48px}
.shop-concert-stage .stage .ground{opacity:.45;margin-top:12px!important}
.shop-concert-stage .stage .cname{font-size:18px;line-height:1.4;margin:8px 0}
.shop-concert-stage .stage .hint{font-size:12px;margin:6px 0}
.shop-concert-stage .stage #soundCheckStatus{display:none}
.shop-concert-stage .stage #audioSignalStatus{font-size:11px!important}
.shop-main-source{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;margin-top:20px;background:linear-gradient(120deg,var(--zf-bg-354335cd, #354335cd),var(--zf-bg-203647ed, #203647ed))}
.shop-main-source h3{font-size:20px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.shop-main-source .shop-kicker{font-size:10px;margin:0 0 7px}
.shop-main-source .shop-step-hint{margin:5px 0 0}
.shop-main-actions{display:grid;gap:8px;align-self:center}
.shop-main-actions button{min-height:46px;font-size:13px}
#shopMainBaseMixSlot{grid-column:1/-1;min-width:0}
#shopMainBaseMixSlot:empty{display:none}
#shopMainBaseMixSlot #baseMusicMix{margin:0;background:var(--zf-bg-112737b3, #112737b3);min-width:0}
#shopMainBaseMixSlot #baseMusicMix label{min-width:0}
.shop-main-scenes{margin-top:16px;background:var(--zf-bg-17283ad9, #17283ad9)}
.shop-main-scenes>summary{cursor:pointer;min-height:44px;align-content:center;font-size:13px;font-weight:700}
.shop-main-scenes[open] #shopMainPresetSlot{margin-top:16px}
.shop-main-nature{margin-top:16px;background:linear-gradient(120deg,var(--zf-bg-183943ec, #183943ec),var(--zf-bg-23344bef, #23344bef))}
.shop-main-nature .shop-kicker{font-size:10px;margin:0 0 6px}
.shop-main-nature h3{margin:0;font-size:21px;line-height:1.5}
.shop-main-nature .shop-step-hint{margin:10px 0;line-height:1.7}
.shop-nature-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.shop-nature-choices button{display:grid;gap:7px;text-align:center;align-content:center;min-height:116px;padding:14px 8px;border:1px solid var(--zf-bd-698ea5ff, #698ea5);border-radius:14px;background:var(--zf-bg-193046ff, #193046);font:inherit}
.shop-nature-choices button span{font-size:27px}
.shop-nature-choices button b{font-size:14px;word-break:keep-all}
.shop-nature-choices button small{font-size:11px;line-height:1.6}
.shop-nature-choices button[aria-pressed=true]{border:2px solid var(--zf-bd-bbeee2ff, #bbeee2);background:var(--zf-bg-236153ff, #236153);box-shadow:inset 0 0 0 2px var(--zf-sh-12282cff, #12282c)}
.shop-nature-choices button:focus-visible{outline:3px solid var(--zf-bd-ffffffff, #fff);outline-offset:3px}
.shop-nature-actions{display:flex;gap:8px;flex-wrap:wrap}
.shop-nature-actions button{min-height:44px;font-size:12px}
#shopMainControlsBox{scroll-margin-top:82px}
.shop-source-edit{background:var(--zf-bg-193c3dde, #193c3dde);min-width:0}
.shop-source-edit .shop-kicker{font-size:10px;margin:0 0 7px}
.shop-source-edit h3{font-size:19px;margin:0;overflow-wrap:anywhere}
.shop-source-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.shop-source-edit-actions button{font-size:12px;min-height:46px;padding:10px 8px}
#shopSourceEdit[hidden],#shopMainStop[hidden]{display:none!important}
body[data-shop-layout=mobile] .shop-main-nature h3{font-size:19px}
body[data-shop-layout=mobile] .shop-nature-choices{grid-template-columns:1fr;gap:8px}
body[data-shop-layout=mobile] .shop-nature-choices button{grid-template-columns:32px minmax(0,1fr);gap:2px 10px;text-align:left;min-height:72px;padding:10px 14px}
body[data-shop-layout=mobile] .shop-nature-choices button span{grid-row:1/3;align-self:center;font-size:25px}
body[data-shop-layout=mobile] .shop-nature-actions{display:grid;grid-template-columns:1fr}
.shop-main-scenes .sec-t{font-size:14px;margin:0 0 12px;gap:10px}
.shop-main-scenes .chips{gap:8px}
.shop-main-scenes .chip{min-height:44px;padding:8px 5px;font-size:12px}
.shop-main-scenes #moreChipsBtn{min-height:44px!important;padding:8px!important;max-width:46%;font-size:11px!important}
.shop-main-save{margin:18px 0 10px;width:100%}
.shop-main-basket{margin:16px 0;font-size:13px;background:var(--zf-bg-17283ad9, #17283ad9)}
.shop-main-basket>summary{cursor:pointer;min-height:44px;align-content:center;font-weight:700}
.shop-main-basket .album-tray{margin:10px 0 0;border-radius:14px}
.shop-main-basket .album-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-shop-view=main] main.wrap{max-width:1100px}
body[data-shop-layout=mobile] .shop-concert-heading{padding:10px 4px 18px}
body[data-shop-layout=mobile] .shop-concert-heading h2{font-size:23px}
body[data-shop-layout=mobile] .shop-concert-heading .shop-kicker{font-size:10px;letter-spacing:1.2px}
body[data-shop-layout=mobile] .shop-concert-heading>p:last-child{font-size:12px}
body[data-shop-layout=mobile] .shop-concert-stage{padding:20px 14px 14px;border-radius:68px 68px 22px 22px}
body[data-shop-layout=mobile] .shop-concert-stage .orbs-container{grid-template-columns:repeat(2,minmax(0,140px));gap:12px 10px}
body[data-shop-layout=mobile] .shop-concert-stage .orb-item{padding:8px 4px 4px}
body[data-shop-layout=mobile] .shop-concert-stage .orb-label{font-size:10px;padding:4px 6px}
body[data-shop-layout=mobile] .shop-concert-stage .stage #watchSync{display:none!important}
body[data-shop-layout=mobile] .shop-concert-stage .stage .playBtn,body[data-shop-layout=mobile] .shop-concert-stage .stage #btnBreatheMain{min-width:0!important;padding:10px 5px!important;font-size:12px!important}
body[data-shop-layout=mobile] .shop-main-source{grid-template-columns:1fr;gap:12px;margin-top:14px}
body[data-shop-layout=mobile] .shop-main-source h3{font-size:17px}
body[data-shop-layout=mobile] .shop-main-actions{grid-template-columns:1fr}
body[data-shop-layout=mobile] .shop-main-basket .album-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:360px){body[data-shop-layout=mobile] .shop-concert-stage{padding:16px 8px 12px}body[data-shop-layout=mobile] .shop-concert-heading h2{font-size:21px}body[data-shop-layout=mobile] .shop-main-scenes .chip{font-size:11px}}

/* The owner's 1360-track chooser uses a native dialog, keyboard focus and pagination. */
.vault-entry{padding:18px;margin:14px 0;border:1px solid var(--zf-bd-b99b58ff, #b99b58);border-radius:18px;background:var(--zf-bg-273229ff, #273229);color:var(--zf-fg-ffffffff, #fff)}
.vault-entry h3{margin:0 0 8px}.vault-entry p{margin:8px 0}.vault-entry button{width:100%}
.vault-local-note{font-size:12px;color:var(--zf-fg-ffffffff, #fff);line-height:1.6;opacity:1}
dialog.vault-dialog{box-sizing:border-box;width:min(760px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:90dvh;margin:auto;padding:20px;border:1px solid var(--zf-bd-a5956cff, #a5956c);border-radius:22px;background:var(--zf-bg-172633ff, #172633);color:var(--zf-fg-ffffffff, #fff);box-shadow:0 24px 80px var(--zf-sh-00000099, #0009);overflow:auto}
.vault-dialog::backdrop{background:var(--zf-bg-050a13dd, #050a13dd);backdrop-filter:blur(8px)}
.vault-dialog *{box-sizing:border-box;text-shadow:none!important;color:var(--zf-fg-ffffffff, #fff)!important}
.vault-dialog button{opacity:1!important;min-height:44px;border-radius:12px;border:1px solid var(--zf-bd-a4b4c4ff, #a4b4c4);font-family:inherit;font-size:14px;font-weight:700;line-height:1.35;cursor:pointer;padding:11px 14px;background:var(--zf-bg-294a60ff, #294a60)}
.vault-dialog button.shop-primary{background:var(--zf-bg-28674fff, #28674f)}.vault-dialog button:disabled{cursor:default;border-style:dashed;background:var(--zf-bg-253542ff, #253542)}
.vault-dialog button:focus-visible,.vault-dialog input:focus-visible{outline:3px solid var(--zf-bd-f4d787ff, #f4d787);outline-offset:2px}
.vault-content-section{padding:14px;margin:12px 0;border:1px solid var(--zf-bd-8ab6b0ff, #8ab6b0);border-radius:16px;background:var(--zf-bg-203c42ff, #203c42)}
.vault-content-section h3{margin:0 0 10px;font-size:18px}.vault-content-section p{font-size:13px;line-height:1.6;margin:10px 0 0}
.vault-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vault-contents button[data-vault-content=all]{grid-column:1/-1}.vault-contents button{min-height:48px}
.vault-contents button[aria-pressed=true]{background:var(--zf-bg-ffdf36ff, #ffdf36)!important;border-color:var(--zf-bd-fff2a9ff, #fff2a9)!important;color:var(--zf-fg-000000ff, #000)!important}
.vault-content-badge{font-size:13px;font-weight:800;border-left:3px solid var(--zf-bd-89d7beff, #89d7be);padding-left:8px;line-height:1.6}
.vault-singer-choice{display:block;font-size:13px;font-weight:700;line-height:1.6;margin:10px 0}
.vault-singer-choice select{display:block;width:100%;min-height:46px;margin-top:6px;border:1px solid var(--zf-bd-8eacb5ff, #8eacb5);border-radius:10px;background:var(--zf-bg-182b39ff, #182b39);font:inherit;padding:8px}
.creative-singer-treatment{padding:12px;border:1px solid var(--zf-bd-83baa4ff, #83baa4);border-radius:12px;margin:10px 0;background:var(--zf-bg-1c3a38ff, #1c3a38)}.creative-singer-treatment h4{margin:0 0 8px}
.vault-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.vault-header h2{font-size:23px;margin:3px 0}.vault-header p{margin:4px 0;line-height:1.5}
.vault-header button{flex:none}.vault-search{display:flex;gap:8px;margin-top:7px}
.vault-search input{min-width:0;width:100%;min-height:46px;flex:1;background:var(--zf-bg-101e2aff, #101e2a);border:1px solid var(--zf-bd-90a7bcff, #90a7bc);border-radius:12px;padding:10px;font:inherit}
.vault-search input::placeholder{color:var(--zf-fg-e0e7efff, #e0e7ef)}.vault-preview{position:sticky;top:0;z-index:1;background:var(--zf-bg-223849ff, #223849);border:1px solid var(--zf-bd-658299ff, #658299);padding:12px;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}
.vault-preview strong{grid-column:1/-1;overflow-wrap:anywhere}.vault-preview audio{width:100%;min-width:0;height:42px}
.vault-tracks{display:grid;gap:12px}.vault-track{min-width:0;border:1px solid var(--zf-bd-668195ff, #668195);background:var(--zf-bg-1f3343ff, #1f3343);border-radius:16px;padding:15px}.vault-track h3{font-size:17px;margin:0 0 7px;overflow-wrap:anywhere}
.vault-filename{font-size:12px;overflow-wrap:anywhere;margin:0 0 8px}.vault-track-meta{font-size:12px;margin:0 0 12px}.vault-track-actions{display:flex;gap:8px}.vault-track-actions button{flex:1}
.vault-pages{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;bottom:-20px;background:var(--zf-bg-172633ff, #172633);padding:14px 0 0;margin-top:14px}
.vault-pages-top{position:static;margin:0 0 14px;padding:8px 0}.vault-pages span{font-weight:800;white-space:nowrap}.vault-tracks:focus{outline:none}
@media(max-width:600px){dialog.vault-dialog{padding:14px;max-height:94dvh}.vault-header h2{font-size:19px}.vault-header p{font-size:12px}.vault-header button{padding:9px}.vault-search{flex-wrap:wrap}.vault-search input{flex-basis:100%}.vault-search button{flex:1}.vault-preview{grid-template-columns:1fr}.vault-preview audio{height:40px}.vault-track-actions button{padding:10px 6px;font-size:13px}.vault-pages{bottom:-14px}}
.vault-guide{list-style:none;margin:14px 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vault-guide li{padding:10px;background:var(--zf-bg-243e50ff, #243e50);border:1px solid var(--zf-bd-6e8c9eff, #6e8c9e);border-radius:12px;line-height:1.5}
.vault-guide b{display:block;font-size:14px}.vault-guide span{display:block;font-size:12px;margin-top:4px}
.vault-next-guide{font-size:13px;line-height:1.65;margin:8px 0 12px}
.vault-catalog-modes{display:flex;gap:8px}.vault-catalog-modes[hidden]{display:none}.vault-catalog-modes button{flex:1;min-width:0;background:var(--zf-bg-223c50ff, #223c50)}.vault-catalog-modes button[aria-pressed=true]{background:var(--zf-bg-28674fff, #28674f);border-color:var(--zf-bd-ccdbc8ff, #ccdbc8)}
.vault-file-info{margin-top:12px;font-size:12px}.vault-file-info summary{cursor:pointer;min-height:28px;line-height:28px}
@media(max-width:600px){.vault-guide{gap:5px}.vault-guide li{padding:7px 5px}.vault-guide b{font-size:12px}.vault-guide span{display:none}.vault-next-guide{font-size:12px}.vault-catalog-modes button{font-size:12px;padding:9px 6px}}
.vault-discovery{border:1px solid var(--zf-bd-728d9cff, #728d9c);background:var(--zf-bg-1e3340ff, #1e3340);padding:12px;border-radius:16px;margin:12px 0}
.vault-discovery h3{font-size:16px;margin:0 0 10px}.vault-discovery p{font-size:12px;margin:10px 0 0;line-height:1.55}
.vault-groups{display:flex;gap:7px;flex-wrap:wrap}.vault-groups button{flex:1 1 145px;min-width:0;background:var(--zf-bg-294759ff, #294759)}
.vault-groups button[aria-pressed=true]{background:var(--zf-bg-296a4fff, #296a4f);border:2px solid var(--zf-bd-d5e8d5ff, #d5e8d5)}
#vaultViewAll{width:100%;margin-bottom:12px}.vault-pages:has(#vaultPrev:disabled):has(#vaultNext:disabled){position:static}
@media(max-width:600px){.vault-groups button{flex-basis:calc(50% - 8px);font-size:12px;padding:8px 5px}.vault-discovery{padding:10px}}
body[data-shop=ready] .shop-main-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-shop-layout=mobile] .shop-main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
.vault-learning{font-size:12px;line-height:1.5;margin-bottom:10px}.vault-learning summary{cursor:pointer;min-height:34px;line-height:34px}
.vault-preview-actions{display:flex;gap:6px}.vault-preview-actions button{padding:9px 10px;flex:1}
.vault-preview[hidden]{display:none}
.vault-recommend-actions{display:flex;gap:8px;margin-bottom:12px}.vault-recommend-actions button{flex:1;min-width:0;width:auto!important;margin:0!important}
@media(max-width:600px){.vault-recommend-actions button{font-size:12px;padding:9px 6px}}
.vault-discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.vault-discovery-heading h3{margin:0}.vault-discovery-heading button{min-height:44px;padding:8px 14px}
.vault-discovery-heading button[aria-pressed=true]{background:var(--zf-bg-28674fff, #28674f);border-color:var(--zf-bd-d5e8d5ff, #d5e8d5)}

/* Multi-axis recommendations keep genre/vocal uncertainty explicit. */
/* Colored rotation follows included sounds, with fixed highlights for depth. */
body[data-shop=ready] .orbs-container .orb{overflow:hidden;isolation:isolate}
body[data-shop=ready] .orb-color-flow{position:absolute;inset:0;border-radius:inherit;background:var(--orb-palette,var(--zf-bg-344958ff, #344958));box-shadow:inset 0 -18px 24px var(--zf-sh-00000055, #0005);animation:orbPaletteTurn 18s linear infinite;pointer-events:none;z-index:1}
body[data-shop=ready] #wrap4D .orb{width:60%;animation:none}
body[data-shop=ready] #wrap5D .orb{width:64%;animation:none}
body[data-shop=ready] #wrap4D .orb-color-flow{animation-duration:24s;animation-direction:reverse}
body[data-shop=ready] #wrap5D .orb-color-flow{animation-duration:21s}
body[data-shop=ready] .orb-item[data-palette-active=false] .orb-color-flow{opacity:.25;animation:none;box-shadow:none}
body[data-shop=ready] .orb-item[data-palette-active=false] #orbRing5D{opacity:.3}
body[data-shop=ready] .choice-orbit{transform:scale(.8)}
body[data-shop=ready] .mini-globe-scene{transform:scale(.35)}
body[data-shop=ready] .mini-earth::before{content:'';position:absolute;inset:-15px;border-radius:50%;padding:10px;background:var(--orb-palette,var(--zf-bg-344958ff, #344958));-webkit-mask:linear-gradient(var(--zf-bd-ffffffff, #fff) 0 0) content-box,linear-gradient(var(--zf-bd-ffffffff, #fff) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:orbPaletteTurn 18s linear infinite;pointer-events:none}
body[data-shop=ready] .mini-earth{box-shadow:0 0 32px var(--orb-glow,var(--zf-sh-7bbaffff, #7bbaff))}
body[data-shop=ready] .orb-color-key{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;min-height:10px;max-width:100%;pointer-events:none}
body[data-shop=ready] .orb-color-key[hidden]{display:none}
body[data-shop=ready] .orb-color-key i{display:block;width:9px;height:9px;border-radius:50%;background:var(--swatch);border:1px solid var(--zf-bd-ffffff99, #fff9);box-shadow:0 0 5px var(--swatch)}
body[data-shop=ready] .orb-color-key small{color:var(--zf-fg-ffffffff, #fff)!important;font-size:10px}
@keyframes orbPaletteTurn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body[data-shop=ready] .orb-color-flow,body[data-shop=ready] .mini-earth::before,body[data-shop=ready] .orb-ring-wrap,body[data-shop=ready] .orb-ring{animation:none!important}}

.vault-usage-section{border:1px solid var(--zf-bd-759098ff, #759098);background:var(--zf-bg-213b46ff, #213b46);border-radius:14px;padding:14px;margin:12px 0}.vault-usage-section h3{font-size:17px;margin:0 0 8px}.vault-usage-section p{font-size:12px;line-height:1.6}
.vault-usages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.vault-usages button{font:inherit;font-size:12px;color:var(--zf-fg-ffffffff, #fff);background:var(--zf-bg-294d50ff, #294d50);border:1px solid var(--zf-bd-8daba7ff, #8daba7);border-radius:10px;min-height:44px;padding:9px;cursor:pointer;min-width:0}.vault-usages button[aria-pressed=true]{background:var(--zf-bg-705c2eff, #705c2e);border:2px solid var(--zf-bd-e5d38aff, #e5d38a)}.vault-usages button:focus-visible{outline:3px solid var(--zf-bd-ffdf94ff, #ffdf94);outline-offset:2px}
.vault-refine{margin-top:12px;font-size:12px}.vault-refine summary{cursor:pointer;line-height:1.6;min-height:44px;padding:10px 0}.vault-axis-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vault-axis-filters select{display:block;width:100%;font:inherit;min-height:44px;color:var(--zf-fg-ffffffff, #fff);background:var(--zf-bg-244554ff, #244554);border:1px solid var(--zf-bd-86a2a6ff, #86a2a6);border-radius:9px;padding:7px;min-width:0}.vault-axis-filters label{font-size:12px;line-height:1.8}.vault-refine input{min-height:20px;min-width:20px;vertical-align:middle;margin:10px 6px 10px 0}.vault-usage-tags{background:var(--zf-bg-294d46ff, #294d46);border:1px solid var(--zf-bd-789d94ff, #789d94);border-radius:9px;padding:9px;font-size:12px;line-height:1.6}.vault-axis-line{font-size:12px;line-height:1.6}
@media(max-width:600px){.vault-usages,.vault-axis-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-usage-section{padding:10px}.vault-usages button{font-size:11px;padding:8px 5px}}

/* A dimension has one workflow color; individual sound colors stay on the spheres. */
html body[data-shop=ready] :is([data-dimension-color="3"],[data-shop-dimension=t3],[data-tab=t3],[data-album-finish="3"],[data-dimension-procedure=t3],#dimensionFollow[data-dimension="3"],#albumMapRailFinish[data-tier="3"],.recipe .r3,.melody-recommendation){--dimension-bg:var(--zf-bd-59411fff, #59411f);--dimension-border:var(--zf-bd-e1b365ff, #e1b365)}
html body[data-shop=ready] :is([data-dimension-color="4"],[data-shop-dimension=t4],[data-tab=t4],[data-album-finish="4"],[data-dimension-procedure=t4],#dimensionFollow[data-dimension="4"],#albumMapRailFinish[data-tier="4"],.recipe .r4){--dimension-bg:var(--zf-bd-263f68ff, #263f68);--dimension-border:var(--zf-bd-8dbafaff, #8dbafa)}
html body[data-shop=ready] :is([data-dimension-color="5"],[data-shop-dimension=t5],[data-tab=t5],[data-album-finish="5"],[data-dimension-procedure=t5],#dimensionFollow[data-dimension="5"],#albumMapRailFinish[data-tier="5"],.recipe .r5,.shop-main-nature){--dimension-bg:var(--zf-bd-1c5149ff, #1c5149);--dimension-border:var(--zf-bd-7ddfc3ff, #7ddfc3)}
html body[data-shop=ready] :is([data-dimension-color="6"],[data-shop-dimension=t6d],[data-tab=t6d],[data-album-finish="6"],[data-dimension-procedure=t6d],#dimensionFollow[data-dimension="6"],#albumMapRailFinish[data-tier="6"],.recipe .r6){--dimension-bg:var(--zf-bd-543564ff, #543564);--dimension-border:var(--zf-bd-d6a1edff, #d6a1ed)}
html body[data-shop=ready] :is(.shop-dimensions button,[data-album-finish],[data-dimension-procedure],.panel[data-dimension-color],.album-step[data-dimension-color],.dimension-procedure[data-dimension-color],#dimensionProcedureFinish,.recipe :is(.r3,.r4,.r5,.r6),.melody-recommendation,.shop-main-nature,#albumMapRailFinish){background:var(--dimension-bg)!important;border-color:var(--dimension-border)!important;color:var(--zf-fg-ffffffff, #fff)!important}
html body[data-shop=ready] .panel[data-dimension-color]{border:1px solid var(--dimension-border);border-left-width:5px;border-radius:14px;padding:14px}
html body[data-shop=ready] :is(.album-step[data-dimension-color],.recipe :is(.r3,.r4,.r5,.r6)){border-left:4px solid var(--dimension-border);padding:9px;border-radius:9px}
html body[data-shop=ready] .recipe :is(.r3,.r4,.r5,.r6){margin:6px 0}
html body[data-shop=ready] .orb-item[data-dimension-color]{background:linear-gradient(165deg,var(--dimension-bg),var(--zf-bg-111e2dff, #111e2d))!important;border-color:var(--dimension-border)!important}
html body[data-shop=ready] .orb-item[data-dimension-color] :is(.orb-label,.dimension-inclusion-status){background:var(--dimension-bg)!important;color:var(--zf-fg-ffffffff, #fff)!important}
html body[data-shop=ready] .orb-item[data-dimension-color] .orb-label{border:1px solid var(--dimension-border);white-space:normal;text-align:center;line-height:1.4}
html body[data-shop=ready] :is([data-shop-dimension][aria-selected=true],[data-album-finish][aria-pressed=true],[data-dimension-procedure][aria-current=step],.orb-item[data-active=true]){border:2px solid var(--zf-bd-ffffffff, #fff)!important;box-shadow:inset 0 0 0 2px var(--dimension-bg),0 0 0 1px var(--dimension-border);font-weight:800}
html body[data-shop=ready] :is([data-shop-dimension],[data-album-finish]){position:relative}
html body[data-shop=ready] :is([data-shop-dimension][aria-selected=true],[data-album-finish][aria-pressed=true]){padding-right:20px}
html body[data-shop=ready] :is([data-shop-dimension][aria-selected=true],[data-album-finish][aria-pressed=true])::after{content:'✓';position:absolute;right:6px;top:6px;font-size:11px;color:var(--zf-fg-ffffffff, #fff)}
html body[data-shop=ready] :is(#dimensionMixItems,#albumDimensionItems) [data-dimension-color]{background:var(--dimension-bg)!important;border-radius:8px;padding:9px;color:var(--zf-fg-ffffffff, #fff)!important}
html body[data-shop=ready] #dimensionFollow{background:var(--dimension-bg);border:1px solid var(--dimension-border);border-radius:10px;padding:5px 8px}
html body[data-shop=ready] #dimensionMixTitle{background:var(--dimension-bg);border-left:4px solid var(--dimension-border);border-radius:8px;padding:8px 12px}
#shopFirePreviewAudio{display:block;width:100%;margin:10px 0;min-height:44px}#shopFirePreviewAudio[hidden]{display:none}

/* One catalogue row per sound, and one volume row per selected instrument. */
html body[data-shop=ready] #shopSelectedInstruments{display:none!important}
html body[data-shop=ready] #instRows .selected-instrument-row[hidden]{display:none!important}
.instrument-list-heading h3{margin:0 0 6px;font-size:17px}.instrument-list-heading p{line-height:1.6;margin:6px 0;font-size:13px}
.instrument-list-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.instrument-catalog-list{display:flex;flex-direction:column;width:100%}
html body[data-shop=ready] #instOpts{display:block!important;min-width:0}
.instrument-catalog-row{display:grid;grid-template-columns:minmax(0,1fr) 116px 116px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--zf-bd-537080ff, #537080)}
.instrument-list-name{min-width:0}.instrument-list-name b{display:flex;align-items:center;gap:7px;font-size:14px;overflow-wrap:anywhere}.instrument-list-name small{display:block;margin-top:4px;color:var(--zf-fg-d3dee5ff, #d3dee5);font-size:11px;line-height:1.5}
html body[data-shop=ready] .instrument-catalog-row :is(.instrument-listen,.instrument-select),html body[data-shop=ready] .instrument-row-actions button,.instrument-list-tools button{font:inherit;font-size:12px;min-height:44px;padding:7px 9px;border:1px solid var(--zf-bd-abc4caff, #abc4ca);border-radius:6px;background:var(--zf-bg-234a49ff, #234a49);color:var(--zf-fg-ffffffff, #fff);box-shadow:none!important;text-shadow:none!important;min-width:0}
html body[data-shop=ready] .instrument-catalog-row .instrument-select[aria-pressed=true]{background:var(--zf-bg-236847ff, #236847);border:2px solid var(--zf-bd-73e1a6ff, #73e1a6)}
html body[data-shop=ready] .instrument-listen[aria-pressed=true],html body[data-shop=ready] .instrument-row-actions button[aria-pressed=true]{background:var(--zf-bg-ffe332ff, #ffe332);color:var(--zf-fg-10212aff, #10212a)}
.instrument-catalog-row[data-selected=true] .instrument-list-name{border-left:3px solid var(--zf-bd-73e1a6ff, #73e1a6);padding-left:7px}
.instrument-row-actions{display:flex;flex-wrap:wrap;gap:6px}.selected-instrument-row .sl{min-width:0}.selected-instrument-row .sl output{min-width:36px;color:var(--zf-fg-ffe332ff, #ffe332);font-weight:800;font-style:normal;font-size:12px}
html body[data-shop=ready] #instRows .selected-instrument-row{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(140px,1fr) auto;align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid var(--zf-bd-557480ff, #557480);background:transparent;border-radius:0}
#selectedInstrumentCount{font-weight:800;color:var(--zf-fg-ffeb5cff, #ffeb5c);font-size:13px;margin:4px 0 10px}
html body[data-shop=ready] #arrangementSummaryOpen{background:var(--zf-bg-285369ff, #285369);border:1px solid var(--zf-bd-9fcbd9ff, #9fcbd9);color:var(--zf-fg-ffffffff, #fff)!important;min-height:44px}
@media(max-width:650px){.instrument-catalog-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.instrument-list-name{grid-column:1/-1}.instrument-list-name b{font-size:13px}.instrument-list-name .instrument-symbol{width:22px;height:22px}.instrument-list-name small{font-size:11px}html body[data-shop=ready] #instRows .selected-instrument-row{grid-template-columns:minmax(0,1fr)}.selected-instrument-row .instrument-row-actions{grid-column:1/-1}.instrument-row-actions button{flex:1}.selected-instrument-row .rl b{font-size:13px}}
@media(max-width:390px){.instrument-catalog-row button{font-size:12px!important;padding:6px 3px!important}}