:root{--export-paper:#0d0d0c;--export-surface:#191916;--export-elevated:#22211e;--export-ink:#f1ede4;--export-muted:#a7a195;--export-gold:#d5b579;--export-line:rgba(255,255,255,.11)}
body:not(.platform-page){background:var(--export-paper)!important;color:var(--export-ink)}
.export-shell{max-width:1500px;margin:0 auto;padding:24px 36px 68px;font-family:'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
.export-shell *{box-sizing:border-box}.export-shell button{cursor:pointer}.export-shell button:disabled{cursor:not-allowed;opacity:.52}
.export-path{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px;color:var(--export-muted);font-size:12px}
.export-path button,.export-shell a,.export-shell button:not(.ga-button){color:inherit}.export-path button{border:0;background:transparent;padding:8px 0}.export-path a:hover{color:var(--export-gold)}
.export-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:12px 0 26px;border-bottom:1px solid var(--export-line)}
.export-kicker{margin:0;color:var(--export-gold);font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.export-heading h1{margin:8px 0 6px;font:normal 34px/1.28 'Songti SC','STSong',serif;letter-spacing:.04em;color:var(--export-ink)}.export-heading>div>p:last-child{margin:0;color:var(--export-muted);font-size:12px;line-height:1.7}
.export-stats{display:flex;flex-wrap:wrap;align-items:center;gap:20px;color:var(--export-muted);font-size:11px}.export-stats span{white-space:nowrap}.export-stats b{display:block;color:var(--export-ink);font:normal 20px/1.1 'Songti SC','STSong',serif;font-variant-numeric:tabular-nums;margin-bottom:4px}
.export-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:20px;margin-top:24px;align-items:start}.export-monitor,.export-director-controls,.export-menu-setting,.export-chapter-section,.export-check,.export-package{background:var(--export-surface);border:1px solid var(--export-line);border-radius:10px}
.export-monitor{padding:20px}.export-panel-heading,.export-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.export-panel-heading{margin-bottom:16px}.export-panel-heading h2,.export-section-heading h2,.export-package h2{margin:5px 0 0;font:normal 21px/1.3 'Songti SC','STSong',serif;color:var(--export-ink)}.export-panel-heading h2 span{display:inline-block;margin-left:8px;padding:3px 6px;border:1px solid #d5b57966;border-radius:3px;color:var(--export-gold);font:10px 'Microsoft YaHei',sans-serif;vertical-align:middle}.export-panel-heading h2 span[hidden]{display:none}
.preview-tabs{display:flex;gap:2px;background:#0e0e0d;border:1px solid var(--export-line);border-radius:5px;padding:3px}.export-shell .preview-tabs button{border:0;border-radius:3px;background:transparent;padding:8px 12px;color:var(--export-muted);font-size:11px;min-height:34px}.export-shell .preview-tabs button[aria-selected=true]{background:#3b362b;color:#f4e6ca}
.export-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;min-height:360px;background:radial-gradient(ellipse at 45% 30%,#504533 0,#22221f 36%,#0a0b0c 78%);border:1px solid #d6bf8944;box-shadow:0 2px 0 #000,inset 0 0 0 6px #0007;color:#fff}.export-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.export-stage>img[hidden]{display:none}.export-stage-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050608df 0%,#0506088c 50%,#05060833 100%),linear-gradient(0deg,#050608e6 0%,transparent 45%,#0506087a 100%)}.export-stage-grain{position:absolute;inset:0;z-index:-1;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff1 4px 5px);pointer-events:none}.export-stage-grain[hidden]{display:none}
.export-stage-top{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;color:#ffffffa8;font-size:9px;letter-spacing:.18em}.export-stage-scene{position:absolute;left:9%;right:8%;top:24%;bottom:16%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:0}.export-stage-scene[hidden]{display:none}.export-stage-eyebrow{margin:0 0 12px;color:var(--game-accent,#d5b579);font-size:10px;letter-spacing:.23em}.export-stage-scene h3{margin:0;color:#fff;text-shadow:0 2px 16px #0008;font:normal clamp(28px,3.4vw,54px)/1.2 'Songti SC','STSong',serif;letter-spacing:.04em;text-wrap:balance}.export-stage-rule{width:38px;height:1px;background:var(--game-accent,#d5b579);margin:18px 0}.export-stage-menu-actions{display:flex;gap:10px}.export-stage-menu-actions .ga-button{min-width:142px}.export-stage-choice h3{font-size:clamp(24px,2.8vw,40px)}.export-stage-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:90%}.export-stage-choices .ga-button{min-width:170px}.export-stage[data-choice-layout=column] .export-stage-choices{flex-direction:column;align-items:stretch}.export-stage[data-choice-layout=column] .preview-choice-button{width:100%}.export-stage-choices .ga-button[data-selected=true]{outline:2px solid var(--game-accent);outline-offset:3px}
.export-stage-footer{position:absolute;left:24px;right:24px;bottom:17px;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:16px;color:#fff9;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.export-stage-footer .ga-progress{align-self:center}.export-monitor-note{margin:12px 2px 0;color:var(--export-muted);font-size:11px;line-height:1.7}
@keyframes export-scene-fade{from{opacity:0}to{opacity:1}}
.export-stage[data-transition=fade] .export-stage-scene:not([hidden]){animation:export-scene-fade .24s ease-out both}
.export-director-controls{padding:20px}.export-controls-intro{margin:0 0 20px;color:var(--export-muted);font-size:11px;line-height:1.6}.appearance-choice-group{padding:0;margin:0 0 20px;border:0;min-width:0}.appearance-choice-group legend{margin:0 0 10px;color:var(--export-ink);font-size:12px;font-weight:600}.appearance-choice-group legend small{margin-left:8px;color:var(--export-muted);font-size:10px;font-weight:400}.appearance-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.appearance-preset,.appearance-progress-preset{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;cursor:pointer;background:#0f100f;border:1px solid #ffffff1b;border-radius:6px;padding:10px;transition:border-color .18s,background-color .18s}.appearance-preset:hover,.appearance-progress-preset:hover{border-color:#d5b57980}.appearance-preset:has(input:checked),.appearance-progress-preset:has(input:checked){border-color:var(--export-gold);background:#28251f}.appearance-preset input,.appearance-progress-preset input{position:absolute;top:10px;right:10px;width:16px;height:16px;margin:0;accent-color:var(--export-gold)}.appearance-preset strong,.appearance-progress-preset strong{font-size:11px;font-weight:600;color:var(--export-ink)}.appearance-preset small{color:var(--export-muted);font-size:10px}.appearance-preset-demo{display:grid;place-items:center;align-self:start;min-width:92px;min-height:31px;margin:9px 0 7px;padding:5px 10px;font-size:10px}.appearance-preset[data-sample=cinema] .appearance-preset-demo{background:#d5b579;color:#1b1711;border:1px solid #d5b579;border-radius:3px;box-shadow:0 6px 13px #d5b57935}.appearance-preset[data-sample=glass] .appearance-preset-demo{background:#34414988;color:#fff;border:1px solid #9abcca;border-radius:10px;box-shadow:inset 0 1px #fff7}.appearance-preset[data-sample=minimal] .appearance-preset-demo{background:#0d0d0d;color:#fff;border:1px solid #d7d3c8;border-radius:1px;box-shadow:inset 0 -2px #d7d3c8}.appearance-preset[data-sample=neon] .appearance-preset-demo{background:#061b1a;color:#d9fffb;border:1px solid #66e6d2;border-radius:1px;box-shadow:0 0 11px #66e6d288}
.appearance-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.appearance-progress-preset{gap:11px;padding:13px 9px 10px}.appearance-progress-preset input{top:7px;right:7px;width:13px;height:13px}.appearance-progress-sample{display:block;width:68%;margin-top:10px;height:5px;background:linear-gradient(90deg,#d5b579 0 42%,#66675e 42%)}.appearance-progress-sample[data-sample=segments]{height:8px;background:repeating-linear-gradient(90deg,#d5b579 0 10px,transparent 10px 13px,#66675e 13px 23px,transparent 23px 26px)}.appearance-progress-sample[data-sample=pill]{height:10px;border-radius:99px;background:linear-gradient(90deg,#d5b579 0 42%,#66675e 42%)}
.appearance-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--export-line)}.appearance-control-grid label{display:flex;flex-direction:column;gap:7px;color:var(--export-muted);font-size:11px}.appearance-control-grid select,.appearance-control-grid input[type=color]{min-width:0;width:100%;height:40px;border:1px solid #ffffff31;border-radius:4px;background:#111210;color:var(--export-ink);font:12px 'Microsoft YaHei',sans-serif}.appearance-control-grid select{padding:0 10px}.appearance-control-grid input[type=color]{padding:4px;cursor:pointer}.export-shell .export-save-appearance{display:block;width:100%;min-height:42px;margin-top:20px;border:1px solid #d5b57980;border-radius:4px;background:#393326;color:#f2dfb6!important;font-size:12px;font-weight:600}.export-shell .export-save-appearance:hover{background:#4a402d}#appearanceStatus{min-height:25px;margin:9px 0 0;color:var(--export-muted);font-size:11px;line-height:1.6}#appearanceStatus[data-error=true]{color:#e4a899}
.export-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:20px;margin-top:20px;align-items:start}.export-lower>div{display:flex;flex-direction:column;gap:20px}.export-menu-setting,.export-chapter-section,.export-check,.export-package{padding:20px}.export-section-heading{margin-bottom:12px}.export-section-heading h2{font-size:19px}.export-section-heading span{font-size:11px;color:var(--export-muted)}.export-menu-setting>p,.export-check>p,.export-package>p:not(.export-kicker){margin:0 0 12px;color:var(--export-muted);font-size:11px;line-height:1.8}.export-menu-actions{display:flex;flex-wrap:wrap;gap:8px}.export-menu-actions button,.export-check button,.story-errors-dialog button{min-height:38px;padding:8px 12px;border:1px solid #d5b57958;border-radius:4px;background:#26231d;color:#e6d3ad;font-size:11px}.export-menu-actions button:hover,.export-check button:hover,.story-errors-dialog button:hover{background:#383021}#exportMenuStatus{margin:9px 0 0;color:var(--export-muted);font-size:10px}.export-chapters{display:flex;flex-direction:column;gap:8px}.export-chapter{display:flex;align-items:center;gap:14px;padding:13px 14px;background:#10110f;border:1px solid var(--export-line);border-radius:5px}.export-chapter-number{color:var(--export-gold);font:20px 'Songti SC','STSong',serif;font-variant-numeric:tabular-nums}.export-chapter h3{margin:0 0 4px;font:16px 'Songti SC','STSong',serif}.export-chapter p{margin:0;color:var(--export-muted);font-size:10px}.export-chapter a{margin-left:auto;white-space:nowrap;color:var(--export-gold)!important;font-size:11px}.export-check{border-color:#d5b57936}.export-check #exportCheckSummary{font-size:12px;color:#b9d1ae}.export-check #exportCheckSummary[data-error=true]{color:#e4a899}.export-package{background:#242119;border-color:#d5b57955}.export-package h2{margin:7px 0 10px}.export-shell .export-primary{width:100%;min-height:48px;border:1px solid #e8c98d;border-radius:4px;background:var(--export-gold);color:#241e13!important;font-size:13px;font-weight:700}.export-shell .export-primary:hover:not(:disabled){background:#e7c98c}.export-package small{display:block;margin-top:13px;color:var(--export-muted);font-size:10px;line-height:1.7}#exportOperation{margin:9px 0 0;color:#e1c886;font-size:11px}
.story-errors-dialog{color:var(--export-ink);background:#191813;border:1px solid #dbbc7740;border-radius:10px;padding:24px;max-width:680px;width:calc(100% - 32px);max-height:80dvh}.story-errors-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.story-errors-dialog ol{display:flex;flex-direction:column;gap:10px;margin:18px 0 24px;list-style:decimal;padding-left:22px}.story-errors-dialog li{font-size:12px;color:#d8cbb4;line-height:1.7}.story-errors-dialog li a{display:inline-block;margin-left:10px;color:#e3c77a;text-decoration:underline}#storyErrorCount{color:#e2a38c;font-size:12px}
.export-shell :is(button,a,select,input):focus-visible,.story-errors-dialog button:focus-visible,.appearance-preset:has(input:focus-visible),.appearance-progress-preset:has(input:focus-visible){outline:2px solid var(--export-gold);outline-offset:3px}
.export-monitor{position:relative;align-self:start;overflow:visible}
@media(max-width:1100px){.export-stage{min-height:0}.export-heading{padding-bottom:20px}.export-workspace{margin-top:20px}}
@media(max-width:920px){.export-workspace,.export-lower{grid-template-columns:1fr}.export-director-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.export-director-controls>.export-panel-heading,.export-controls-intro,.appearance-control-grid,#saveAppearance,#appearanceStatus{grid-column:1/-1}}
@media(max-width:700px){.export-shell{padding:18px 16px 48px}.export-heading{align-items:start;flex-direction:column}.export-stats{gap:20px}.export-monitor,.export-director-controls,.export-menu-setting,.export-chapter-section,.export-check,.export-package{padding:16px}.export-director-controls{display:block}.export-stage{min-height:300px;aspect-ratio:auto}.export-stage-scene{left:8%;right:8%;top:20%;bottom:17%}.export-stage-scene h3{font-size:29px}.export-stage-menu-actions,.export-stage-choices{gap:7px}.export-stage-menu-actions .ga-button{min-width:0}.export-stage-footer{left:14px;right:14px;gap:8px;font-size:9px}.export-stage-footer span:first-child{max-width:85px}.export-stage-top{left:14px;right:14px;font-size:8px}}
@media(max-width:430px){.export-panel-heading{align-items:start;flex-direction:column}.preview-tabs{width:100%}.preview-tabs button{flex:1}.export-stage{min-height:330px}.export-stage-scene{top:17%;bottom:18%}.export-stage-menu-actions{flex-direction:column;width:100%;max-width:190px}.export-stage-choices{flex-direction:column;width:100%;max-width:220px}.export-stage-choices .ga-button{min-width:0}.appearance-button-grid{grid-template-columns:1fr 1fr}.appearance-preset-demo{min-width:70px}.export-chapter{align-items:start}.export-chapter a{font-size:10px}}
.export-stage[data-choice-layout=column] .export-stage-choices{width:100%}
.export-stage-choice{top:20%;bottom:22%}
.export-stage-choice h3{font-size:clamp(20px,2.8vw,32px)}
@media(max-width:430px){.export-stage-choice h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.appearance-preset,.appearance-progress-preset{transition:none}.export-stage[data-transition=fade] .export-stage-scene:not([hidden]){animation:none}}
