:root{color-scheme:dark;--paper: #06142b;--paper-strong: rgba(6, 20, 43, .9);--card: rgba(5, 18, 42, .78);--ink: #dff0ff;--muted: #8fb3d8;--accent: #62c8ff;--accent-soft: rgba(36, 102, 180, .38);--sand: #ffd36a;--line: rgba(86, 158, 255, .24);--shadow: 0 24px 70px rgba(0, 8, 24, .48)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;zoom:.8;color:var(--ink);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 18% 8%,rgba(38,140,255,.26),transparent 26%),radial-gradient(circle at 88% 18%,rgba(255,198,80,.14),transparent 22%),linear-gradient(135deg,#020712,#06142b 46%,#082756)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.22) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 18%,rgba(255,255,255,.18) 0 1px,transparent 1.5px),repeating-linear-gradient(90deg,rgba(90,160,255,.045) 0,rgba(90,160,255,.045) 1px,transparent 1px,transparent 160px);background-size:auto,auto,160px 160px}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;min-height:100vh;padding:24px 24px 45vh}.app-shell-single{grid-template-columns:minmax(0,1fr)}.progress-panel{grid-column:1 / -1;position:sticky;top:14px;z-index:20;display:grid;align-content:center;gap:10px;height:126px;overflow:hidden;padding:16px 18px;border:1px solid rgba(98,200,255,.34);border-radius:18px;background:#040e22e6;box-shadow:0 18px 60px #00081873;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-meter{display:grid;gap:8px}.progress-actions{display:inline-flex;align-items:center;gap:12px}.progress-meter strong{color:#ffd36a;font-size:1.32rem;text-align:center}.progress-track{height:16px;overflow:hidden;border:1px solid rgba(98,200,255,.28);border-radius:999px;background:#05122aeb}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2074ff,#62c8ff 56%,#ffd36a);box-shadow:0 0 24px #62c8ff73;transition:width .36s ease}.progress-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.progress-steps span{height:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;border-radius:999px;color:var(--muted);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;background:#081f4899}.progress-steps span.is-complete{color:#03101f;font-weight:800;background:#ffd36a}.progress-steps span.is-active{color:#03101f;font-weight:800;background:#62c8ff}.control-panel,.workspace-panel{display:grid;gap:14px;align-content:start}.page-config-dock{position:fixed;left:16px;bottom:14px;z-index:80;display:flex;justify-content:flex-start;padding:0}.config-text-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;color:var(--muted);background:transparent;font:inherit;font-size:12px;cursor:pointer}.config-text-button:hover,.config-text-button:focus-visible{color:var(--ink);text-decoration:underline}.workspace-panel{grid-auto-rows:min-content}.panel-head,.panel-card{position:relative;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:moduleFadeIn .42s ease both}.panel-card:has(.custom-select.is-open),.prompt-card:has(.custom-select.is-open){z-index:10000}.panel-head{padding:28px;background:radial-gradient(circle at top right,rgba(88,176,255,.22),transparent 34%),linear-gradient(180deg,#081c40f5,#051126d1)}.panel-head h1{margin:12px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:.96;letter-spacing:-.03em}.panel-copy{margin:0;line-height:1.75;color:var(--muted)}.eyebrow,.panel-label{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#1f2b2994}.panel-card{padding:22px;padding-top:0!important}.workflow-thread{display:grid;gap:8px;align-items:start}.workflow-message{width:min(1120px,100%);justify-self:start;border-radius:22px;padding-top:18px!important;transition:opacity .26s ease,filter .26s ease,padding .26s ease}.workflow-message:before,.prompt-card:before{content:"";position:absolute;left:-8px;top:22px;width:3px;height:28px;border-radius:999px;background:linear-gradient(180deg,#62c8ff,#ffd36a)}.workflow-command{display:grid;gap:10px}.workflow-time{color:var(--muted);font-size:.72rem}.workflow-message p{margin:0;color:var(--ink);font-size:.96rem;line-height:1.6}.workflow-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.workflow-command.is-collapsed{width:min(1120px,100%);padding:18px 22px!important;background:#05122a94;opacity:.82}.workflow-command.is-active{z-index:4;background:radial-gradient(circle at top right,rgba(98,200,255,.13),transparent 30%),#05122ac7}.workflow-command.is-active .workflow-time{color:#d1e5ffb8}.workflow-command.is-active p{font-size:.96rem;font-weight:700}.config-heading-card{padding-top:24px!important}.config-heading-card .section-head{align-items:center}.config-save-button{min-width:88px}.panel-card strong{display:block;margin-top:8px;font-size:1.08rem}.panel-card-large{padding:24px;background:var(--paper-strong)}.status-copy{margin-top:10px}.upload-centered-row{display:flex;justify-content:center;margin-top:18px}.upload-panel-initial{display:grid;place-items:start;min-height:132px;padding-top:22px!important}.upload-panel-initial .upload-centered-row{margin-top:0}.uploaded-file-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.workflow-actions-row .uploaded-file-row{margin-top:0}.uploaded-file-row strong{max-width:min(760px,100%);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-button{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid rgba(98,200,255,.28);border-radius:999px;color:var(--ink);background:#081f48b8;cursor:pointer}.remove-file-button:hover,.remove-file-button:focus-visible{color:#03101f;background:#ffd36a}.remove-file-button:disabled{cursor:not-allowed;opacity:.42}.field{display:grid;gap:8px;margin-top:16px}.field span{font-size:.82rem;color:var(--muted)}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(86,158,255,.22);border-radius:16px;padding:13px 14px;font:inherit;color:inherit;background:#040e22d1;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid rgba(98,200,255,.24);outline-offset:2px}.custom-select{position:relative;width:100%;z-index:1}.custom-select.is-open{z-index:10001}.custom-select-trigger{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(86,158,255,.26);border-radius:16px;padding:0 14px;color:var(--ink);background:linear-gradient(180deg,#0a224ceb,#040e22e0);font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff0f}.custom-select-trigger:hover,.custom-select-trigger:focus-visible{border-color:#ffd36a8c;outline:2px solid rgba(98,200,255,.24);outline-offset:2px}.custom-select-trigger span:first-child{min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.custom-select-trigger .custom-select-arrow{flex:0 0 auto;color:var(--sand);font-size:.92rem}.custom-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10002;max-height:260px;overflow-y:auto;padding:8px;border:1px solid rgba(98,200,255,.3);border-radius:16px;background:radial-gradient(circle at top right,rgba(98,200,255,.16),transparent 34%),#06142b;box-shadow:0 20px 50px #0008189e;overscroll-behavior:contain}.custom-select-menu::-webkit-scrollbar{width:8px}.custom-select-menu::-webkit-scrollbar-track{background:#040e22cc;border-radius:999px}.custom-select-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#62c8ff80}.custom-select-option{width:100%;min-height:42px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;border:0;border-radius:11px;padding:8px 10px;color:var(--ink);background:transparent;font:inherit;text-align:left;cursor:pointer}.custom-select-option span{color:inherit;font-size:.95rem}.custom-select-option:hover,.custom-select-option:focus-visible,.custom-select-option.is-selected{color:#03101f;background:#ffd36a;outline:none}.custom-select-check{display:inline-flex;align-items:center;justify-content:center;font-weight:800}.field-inline{min-width:110px;margin-top:0}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.ai-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.mode-config-panel{display:grid;gap:16px}.mode-config-badge{align-self:start;padding:8px 12px;border:1px solid rgba(98,200,255,.28);border-radius:999px;color:#03101f;background:#ffd36aeb;font-size:.82rem;font-weight:800}.mode-config-options{margin-top:0}.mode-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.mode-toggle{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;min-height:92px;padding:14px;border:1px solid rgba(86,158,255,.22);border-radius:16px;color:var(--ink);text-align:left;background:#040e22b8;cursor:pointer}.mode-toggle strong{margin:0;font-size:.98rem}.mode-toggle small{grid-column:2;color:var(--muted);line-height:1.55}.mode-toggle.is-active{border-color:#62c8ffb8;background:radial-gradient(circle at top right,rgba(98,200,255,.22),transparent 36%),#081f48db;box-shadow:0 0 0 1px #62c8ff2e inset}.switch-dot{position:relative;width:38px;height:22px;border-radius:999px;background:#569eff47}.switch-dot:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#dff0ffc2;transition:transform .18s ease,background .18s ease}.mode-toggle.is-active .switch-dot{background:linear-gradient(90deg,#2074ff,#62c8ff)}.mode-toggle.is-active .switch-dot:after{transform:translate(16px);background:#fff}.prompt-preview-box{display:grid;gap:10px;margin-top:16px;padding:14px 16px;border-radius:18px;background:#061838b8;border:1px dashed rgba(98,200,255,.22)}.prompt-preview-box span{font-size:.8rem;color:var(--muted)}.prompt-preview-box pre{margin:0;white-space:pre-wrap;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.78rem;line-height:1.7;color:var(--ink)}.actions-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px}.actions-row-tight{margin-top:14px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:12px 18px;font:inherit;font-size:.95rem;cursor:pointer;transition:transform .18s ease,background-color .18s ease,opacity .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.46}.button-primary{color:#03101f;background:#ffd36a}.button-primary:hover:not(:disabled),.button-primary:focus-visible:not(:disabled){background:#ffe08f}.button-ghost{color:#03101f;background:#ffd36ae0;border:1px solid rgba(255,211,106,.4)}.button-ghost:hover:not(:disabled),.button-ghost:focus-visible:not(:disabled){background:#ffe08f}.fine-print,.empty-copy,.prompt-summary,.summary-text{margin:12px 0 0;line-height:1.75;color:var(--muted)}.section-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.section-head h2,.section-head h3{margin:8px 0 0;line-height:1.08}.section-head h2{font-size:clamp(1.4rem,2vw,2rem)}.section-head h3{font-size:1.2rem}.meta-chip,.goal-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;font-size:.82rem;color:#dff0ff;background:#195cd257;border:1px solid rgba(98,200,255,.22)}.goal-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.line-grid{display:grid;gap:12px;margin-top:16px}.line-grid article{padding:14px 16px;border-radius:16px;background:#05122a9e;border:1px solid rgba(86,158,255,.18)}.line-grid span{display:block;color:var(--accent);font-size:.78rem}.line-grid p{margin:6px 0 0;color:var(--muted);line-height:1.65}.prompt-board{display:grid;gap:16px}.prompt-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:26px;background:#05122ac7;box-shadow:var(--shadow);animation:moduleFadeIn .48s ease both}.compact-row{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:12px}.narration-audio-preview{flex:1 1 260px;min-width:220px;height:38px}.mission-knowledge-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mission-knowledge-list span{padding:7px 10px;border-radius:999px;background:#195cd247;color:var(--accent);font-size:.78rem}.explanation-preview-list{display:grid;gap:10px;margin-top:14px}.explanation-preview-item,.empty-explanation-state{border:1px solid rgba(86,158,255,.18);border-radius:16px;background:#07193a9e;padding:10px 12px}.explanation-preview-item summary{display:flex;align-items:center;gap:10px;cursor:pointer}.explanation-preview-item summary::marker,.comic-preview-item summary::marker{content:""}.explanation-preview-item summary span{flex:0 0 auto;color:var(--accent);font-size:.8rem}.explanation-preview-item summary strong{flex:1 1 auto;color:var(--ink);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explanation-preview-item summary em,.comic-preview-item summary em{flex:0 0 auto;color:var(--sand);font-size:.82rem;font-style:normal}.explanation-image-toggle{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--muted);font-size:.82rem;cursor:pointer}.explanation-image-toggle input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.switch-track{position:relative;display:inline-flex;width:42px;height:22px;flex:0 0 42px;border:1px solid rgba(98,200,255,.26);border-radius:999px;background:#122342eb;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.switch-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:#dff0ffeb;box-shadow:0 3px 10px #0000004d;transition:transform .18s ease}.explanation-image-toggle input:checked+.switch-track{border-color:#ffd36ab8;background:#ffd36ae0;box-shadow:0 0 0 3px #ffd36a1f}.explanation-image-toggle input:checked+.switch-track .switch-thumb{background:#07110d;transform:translate(20px)}.explanation-preview-body{display:grid;gap:8px;margin-top:10px}.explanation-preview-body div,.empty-explanation-state{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.explanation-preview-body b{color:var(--ink)}.explanation-preview-body div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:start}.explanation-toggle-row{justify-items:start}.explanation-inline-image{display:grid!important;grid-template-columns:1fr!important;place-items:center;width:min(300px,100%);aspect-ratio:1 / 1;min-height:0;overflow:hidden;border:1px dashed rgba(98,200,255,.22);border-radius:16px;background:linear-gradient(135deg,#62c8ff14,#ffd36a14),#05122ab3;color:#d1e5ff94;text-align:center}.explanation-inline-image img{width:100%;height:100%;object-fit:cover;display:block}.parsed-content-actions{margin:0 0 12px;justify-content:flex-end}.interaction-prompt-list{display:grid;gap:10px;margin-top:16px}.interaction-prompt-item{border:1px solid rgba(86,158,255,.18);border-radius:16px;background:#07193a94;padding:10px 12px}.interaction-prompt-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:var(--ink)}.interaction-prompt-item summary span{color:var(--muted);font-size:.78rem}.interaction-prompt-item summary strong{margin:0;font-size:.92rem;text-align:right}.comic-preview-item{margin-top:16px;padding:10px 12px;border:1px solid rgba(86,158,255,.18);border-radius:16px;background:#07193a94}.comic-preview-item summary{display:flex;align-items:center;gap:12px;cursor:pointer}.comic-preview-item summary span{color:var(--accent);font-size:.8rem}.comic-preview-item summary strong{flex:1 1 auto;margin:0;color:var(--ink);font-size:.92rem}.comic-preview-item .image-grid{margin-top:12px}.image-section{display:grid;gap:10px;margin-top:18px}.image-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:0}.image-grid-base{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.interaction-image-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.image-choice{display:grid;gap:8px;padding:10px;border:1px solid rgba(86,158,255,.18);border-radius:18px;background:#05122adb;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.image-choice:hover{transform:translateY(-2px)}.image-choice-static{cursor:default}.image-choice-static:hover{transform:none}.image-choice.selected{border-color:#62c8ff8f;background:#195cd23d}.image-choice img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px}.image-choice span{font-size:.82rem;color:var(--muted)}.image-choice-unavailable{align-content:space-between;min-height:180px;background:linear-gradient(180deg,#091e46eb,#05122aeb);border-style:dashed}.image-unavailable-copy{display:grid;gap:8px}.image-unavailable-copy strong{font-size:.92rem}.image-choice-unavailable a{color:var(--accent);font-size:.84rem;text-decoration:none}.image-retry-placeholder{display:grid;gap:12px;place-items:center;width:100%;height:100%;padding:18px;color:#d1e5ffb8}.image-regenerate-button{min-height:34px;padding:8px 14px;font-size:.82rem}.empty-image-state,.empty-preview,.empty-panel{display:grid;place-items:center}.loading-panel{display:grid;grid-template-columns:1fr;align-items:start;min-height:220px;overflow:hidden}.html-loading-panel{margin-top:18px}.loading-blur-card{position:relative;width:100%;display:grid;align-content:center;gap:12px;padding:22px;border:1px solid rgba(98,200,255,.2);border-radius:22px;background:#06183885;filter:blur(.2px);opacity:.78}.loading-shimmer,.loading-line{display:block;border-radius:999px;background:linear-gradient(90deg,#62c8ff29,#ffd36a57,#62c8ff29);background-size:220% 100%;animation:loadingSweep 1.4s ease-in-out infinite}.loading-shimmer{width:76px;height:76px;border-radius:20px}.loading-line{width:72%;height:16px}.loading-line-wide{width:100%}.loading-line-short{width:44%}.loading-narration{min-height:0;display:grid;padding:4px}.loading-narration-list{display:grid;align-content:start;gap:12px;max-height:260px;overflow-y:auto;padding-right:6px;scroll-behavior:smooth}.loading-narration-list p{margin:0;color:#dff0ffe6;line-height:1.65;animation:narrationFadeIn .62s ease both}.typing-indicator{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:10px 4px;animation:narrationFadeIn .42s ease both}.typing-indicator span{width:8px;height:8px;border-radius:999px;background:#dff0ffc7;animation:typingDot 1.4s cubic-bezier(.33,0,.2,1) infinite}.typing-indicator span:nth-child(2){animation-delay:.14s}.typing-indicator span:nth-child(3){animation-delay:.28s}.loading-narration-list::-webkit-scrollbar{width:6px}.loading-narration-list::-webkit-scrollbar-thumb{border-radius:999px;background:#62c8ff70}@keyframes loadingSweep{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes narrationFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,to{opacity:.28;transform:translateY(0) scale(.92)}38%{opacity:1;transform:translateY(-5px) scale(1)}64%{opacity:.5;transform:translateY(0) scale(.96)}}@keyframes moduleFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.empty-image-state{min-height:140px;border:1px dashed rgba(98,200,255,.22);border-radius:18px;color:var(--muted);text-align:center;padding:18px}.empty-image-note{margin-top:10px;font-size:.8rem;line-height:1.6}.empty-preview{min-height:240px;margin-top:18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(98,200,255,.16),transparent 32%),#05122ae0;border:1px dashed rgba(98,200,255,.22);padding:24px}.preview-shell{margin-top:18px;overflow:hidden;border:1px solid rgba(86,158,255,.24);border-radius:24px;background:#040c1ce6}.html-revision-panel{display:grid;gap:12px;margin-top:16px;padding:18px 20px;border-radius:22px;background:#061838b8;border:1px dashed rgba(98,200,255,.22)}.preview-frame{display:block;width:100%;min-height:780px;border:none;background:#fff}.download-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;color:#03101f;text-decoration:none;background:#ffd36a}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1080px){.app-shell,.ai-config-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:16px}.progress-panel{top:8px;height:126px;padding:14px}.progress-steps{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.panel-head,.panel-card,.panel-card-large,.prompt-card{border-radius:22px}.progress-head,.section-head,.compact-row{grid-template-columns:1fr;display:grid}.progress-actions{justify-content:space-between}.option-grid,.mode-toggle-grid,.loading-panel{grid-template-columns:1fr}.preview-frame{min-height:620px}}