@font-face{font-family:'Source Han Sans SC';src:url('fonts/SourceHanSansSC-Regular.woff2') format('woff2');font-weight:100 900;font-display:swap}
#panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.asset-detail.sound audio{width:100%}
@font-face{font-family:'Source Han Serif SC';src:url('fonts/SourceHanSerifSC-Regular.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--surface:#f5f5f3;--panel:#fbfbf9;--glass:#fcfcfacf;--card:#ffffff80;--hover:#00000006;--ink:#292929;--muted:#787877;--line:#00000012;--accent:#222222;--accent-ink:#fafaf8;--check-a:#eeeee9;--check-b:#e7e7e3;--shadow:#0000000c;--studio-ink:var(--ink);--studio-soft:var(--muted);--studio-line:var(--line);--studio-glow:var(--ink);color-scheme:light}
:root[data-theme=dark]{--surface:#171717;--panel:#1e1e1e;--glass:#202020d9;--card:#ffffff03;--hover:#ffffff08;--ink:#ececea;--muted:#989896;--line:#ffffff13;--accent:#ecece9;--accent-ink:#202020;--check-a:#252525;--check-b:#2d2d2d;--shadow:#00000024;color-scheme:dark}
html,body{background:var(--surface);color:var(--ink)}body{font-family:'Source Han Sans SC','思源黑体',sans-serif}button{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:none}button:hover{background:var(--hover)}button.accent{background:var(--accent);color:var(--accent-ink)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--ink)}input,textarea,select{background:var(--card);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.72}input[type=checkbox]{accent-color:var(--ink)}input[type=range]{accent-color:var(--ink)}label,.intro,.hint,small{color:var(--muted)}label{color:var(--ink)}.topbar,#actionBar,#playTools{background:var(--glass);border-color:var(--line);backdrop-filter:blur(18px)}.topbar{position:relative}.brand,#brandTitle{color:var(--ink)!important;font-family:inherit!important;letter-spacing:0!important;font-weight:550}#brandTitle{font-size:18px!important}.brand span:not(#brandTitle){color:var(--muted)}.badge{color:var(--muted);border-color:var(--line);background:var(--card)}.topbar nav button.selected:not(.accent){color:var(--ink);border-color:var(--line);background:var(--hover)}.theme-toggle{width:34px;height:34px;flex-shrink:0;padding:0;font-size:20px;border-radius:50%;background:transparent;color:var(--ink)}#stage,#workbench{background:var(--surface);color:var(--ink)}#workbench{background-image:none}.studio-kicker,.studio-hero p,.studio-foot span,.section-bar p,.studio-empty p{color:var(--muted)}.studio-hero h1,.section-bar h2,.route-copy h3,.character-tile b,.studio-empty h3,.panel-head h1,.audio-card h3,.main-summary h2,.price-card h2,.guide-chapter h2{font-family:inherit;font-weight:500;letter-spacing:0}.studio-hero h1{font-size:32px}.studio-hero,.studio-foot{border-color:var(--line)}.subtle,.studio-tabs button{color:var(--muted)}.studio-tabs button.selected{color:var(--ink);border-bottom-color:var(--ink);background:none}.section-bar h2 span{color:var(--muted);border-color:var(--line)}.route-tile,.character-tile,.scene-tile,.sticker-tile,.audio-card{background:var(--card);border-color:var(--line)}.route-cover,.scene-tile>div{background:var(--hover)}.route-copy p,.route-copy small,.character-tile small,.character-tile>span,.scene-tile small,.sticker-tile small{color:var(--muted)}.portrait-preview,.mini-asset img,.generated-image{background:repeating-conic-gradient(var(--check-a) 0 25%,var(--check-b) 0 50%) 50%/20px 20px}.asset-detail{background:var(--hover)}.placeholder-art,.studio-empty>span{color:var(--muted);opacity:.5}.studio-empty{background:none;border-color:var(--line)}details,.character-picks label,.mini-asset{border-color:var(--line)}summary,.format-example{color:var(--muted)}.mini-asset.selected{border-color:var(--ink)}dialog{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:0 20px 100px var(--shadow)}dialog::backdrop{background:#00000038;backdrop-filter:blur(8px)}.panel-head{background:var(--panel);border-color:var(--line)}.panel-head small{color:var(--muted)}.tabs .selected{color:var(--ink);border-color:var(--ink)}.history-turn{border-color:var(--line)}.history-turn b,.history-turn p,.save-row h3{color:var(--ink)}.save-row{border-color:var(--line)}.save-row p,.empty,#testResult{color:var(--muted)}.form-footer{border-color:var(--line)}.guide-float{color:var(--ink);background:var(--glass);border-color:var(--line);box-shadow:0 6px 24px var(--shadow);backdrop-filter:blur(18px)}.guide-float>span{border-color:var(--muted)}.hub-card,.price-card,.price-card.commercial{background:var(--card);border-color:var(--line)}.hub-card>span,.hub-card>em,.main-summary>small,.audio-card>small,.audio-download{color:var(--muted)}.price{color:var(--ink)}.price span,.price-card ul,.guide-nav button,.guide-nav small,.guide-chapter>small,.guide-chapter p,.guide-chapter li{color:var(--muted)}.guide-nav .selected{background:var(--hover);border-color:var(--line);color:var(--ink)}.prompt-link{background:var(--hover);border-color:var(--line);color:var(--muted)}.audio-card p{color:var(--ink)}#playTools>span,.voice-intro p,.editor-tools span,.line-edit>b{color:var(--muted)}.voice-intro{background:var(--card);border-color:var(--line)}.line-edit{border-color:var(--line)}.editor-actions{background:var(--panel);border-color:var(--line)}#phoneDrawer{background:var(--panel);border-color:var(--panel);box-shadow:0 20px 80px var(--shadow),0 0 0 1px var(--line)}.phone-top,.phone-compose{border-color:var(--line);background:var(--glass)}.phone-top span:first-child,.phone-top span:nth-child(2),.phone-top button,.phone-empty{color:var(--muted)}.phone-contact-head select,.phone-bubble{background:var(--hover);border-color:var(--line);color:var(--ink)}.phone-compose button{background:var(--accent);color:var(--accent-ink)}#toast{background:var(--glass);color:var(--ink);border-color:var(--line);box-shadow:0 10px 40px var(--shadow);backdrop-filter:blur(18px)}#loading{inset:0;width:100%;transform:none;background:var(--glass);color:var(--ink);backdrop-filter:blur(24px)}#loading .loading-nebula{background:none;animation:none;filter:none}#loading .loading-nebula:after,#loading .loading-stars{display:none}.loading-top{color:var(--muted)}.loading-orbit{width:140px!important;left:calc(50% - 70px)!important;top:25%!important;aspect-ratio:1;transform:none;border:1px solid var(--line);box-shadow:0 0 50px var(--shadow);filter:none}.loading-orbit:before{display:none}.loading-copy{left:10%;right:10%;bottom:12%}.loading-percent{font-size:64px!important;text-align:center;margin:0 0 25px;font-weight:300;letter-spacing:-2px;text-shadow:none}.loading-track{height:3px;background:var(--line);border:0}.loading-track i{background:var(--ink);box-shadow:none}.loading-track i:after{display:none}.loading-copy b{font-family:inherit;letter-spacing:0;font-size:15px}.loading-copy>small{color:var(--muted)}.loading-copy button{color:var(--ink);background:var(--card);border-color:var(--line)}.connecting .loading-percent{letter-spacing:4px}.loading-copy>small{min-height:18px}#game{visibility:visible;background:var(--surface)}
@media(max-width:720px){.theme-toggle{position:absolute;top:10px;right:12px;width:28px;height:28px;font-size:19px}.topbar .badge{margin-right:36px}.topbar nav{order:1}.studio-hero h1{font-size:26px}.loading-orbit{top:26%!important}.loading-copy{bottom:14%}}

/* Frosted surfaces need translucency as well as a background to blur. */
:root{--glass:rgba(255,255,255,.58);--panel:rgba(253,253,252,.74);--card:rgba(255,255,255,.44);--line:rgba(75,75,75,.12)}
:root[data-theme=dark]{--glass:rgba(30,30,30,.58);--panel:rgba(30,30,30,.76);--card:rgba(255,255,255,.055);--line:rgba(255,255,255,.12)}
body{background:radial-gradient(ellipse at 8% 14%,#e2e6e4 0,transparent 48%),radial-gradient(ellipse at 90% 84%,#e5e2dd 0,transparent 52%),var(--surface)}
:root[data-theme=dark] body{background:radial-gradient(ellipse at 8% 14%,#303534 0,transparent 48%),radial-gradient(ellipse at 90% 84%,#302e2b 0,transparent 52%),var(--surface)}
body,button,input,textarea,select,#workbench,.studio-hero h1,.section-bar h2,.character-tile b,.panel-head h1,.route-copy h3{font-family:'Source Han Sans SC','思源黑体',sans-serif!important}
#stage,#workbench{background:transparent}.topbar{gap:14px}.topbar,#actionBar,#playTools,dialog,.panel-head,#phoneDrawer,.phone-top,.phone-compose,.guide-float,#toast,.route-tile,.character-tile,.scene-tile,.sticker-tile,.audio-card,.hub-card,.price-card{backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.route-tile,.character-tile,.scene-tile,.sticker-tile,.audio-card,.hub-card,.price-card,dialog{box-shadow:inset 0 1px 0 #ffffff18,0 8px 26px var(--shadow)}
.demo-notice{display:flex;flex-direction:column;gap:3px;max-width:230px;color:var(--muted);line-height:1.45}.demo-notice b{font-size:11px;font-weight:500;color:var(--ink)}.demo-notice small{font-size:10px;color:var(--muted)}#modeBadge{display:none}.topbar nav{margin-left:auto}
#assetStatus{position:absolute;z-index:130;left:50%;top:18px;transform:translateX(-50%);max-width:min(92%,600px);padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--glass);backdrop-filter:blur(24px);color:var(--ink);box-shadow:0 6px 24px var(--shadow);font-size:12px;display:flex;align-items:center;gap:8px}#assetStatus[hidden]{display:none}#assetStatus span{line-height:1.7}#assetStatus button{white-space:nowrap;font-size:11px;padding:6px 10px}
@media(max-width:720px){.topbar{column-gap:10px;row-gap:8px;padding-right:48px}.demo-notice{max-width:200px;flex:1}.demo-notice small{font-size:9px}.topbar nav{margin-left:0}.topbar .brand{max-width:140px}.topbar nav button{white-space:nowrap}#assetStatus{top:48px;flex-wrap:wrap;width:90%}#assetStatus span{width:100%}}

body *{font-family:'Source Han Sans SC','思源黑体',sans-serif!important}
