:root{--bg: #F2F5F4;--surface: #FFFFFF;--surface-2: #E9EEEC;--surface-3: #DFE7E4;--ink: #17211E;--ink-2: #44534D;--muted: #6E7D77;--line: #DBE2DF;--accent: #0C6B5D;--accent-ink: #FFFFFF;--accent-soft: #DFEDE8;--warm: #A96417;--warm-soft: #F4EADA;--ok: #22754B;--ok-soft: #E0EFE5;--warn: #8F6412;--warn-soft: #F4ECD6;--risk: #A8433B;--risk-soft: #F5E5E2;--shadow: 0 1px 2px rgba(23, 33, 30, .05), 0 4px 16px rgba(23, 33, 30, .06);--serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--radius: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0C1210;--surface: #141C19;--surface-2: #1B2521;--surface-3: #232F2A;--ink: #E4EBE7;--ink-2: #B0BFB8;--muted: #7E8F88;--line: #26312B;--accent: #46B39A;--accent-ink: #0B1310;--accent-soft: #173129;--warm: #D9A254;--warm-soft: #2C2213;--ok: #5CB584;--ok-soft: #16301F;--warn: #C9A04E;--warn-soft: #2C2510;--risk: #C97B6E;--risk-soft: #331F1B;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);color-scheme:dark}}:root[data-theme=dark]{--bg: #0C1210;--surface: #141C19;--surface-2: #1B2521;--surface-3: #232F2A;--ink: #E4EBE7;--ink-2: #B0BFB8;--muted: #7E8F88;--line: #26312B;--accent: #46B39A;--accent-ink: #0B1310;--accent-soft: #173129;--warm: #D9A254;--warm-soft: #2C2213;--ok: #5CB584;--ok-soft: #16301F;--warn: #C9A04E;--warn-soft: #2C2510;--risk: #C97B6E;--risk-soft: #331F1B;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--serif);font-weight:700;margin:0;line-height:1.35}p{margin:0}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:var(--mono)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;padding:0 24px;height:60px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:15px}.brand-name{font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:.02em}.brand-sub{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.12em}.nav{display:flex;gap:2px;margin-left:8px;flex:1}.nav a{padding:7px 14px;border-radius:8px;color:var(--ink-2);font-size:13.5px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.nav-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:10.5px;font-weight:500;display:grid;place-items:center}.nav a.active .nav-badge{background:var(--accent);color:var(--accent-ink)}.topbar-right{display:flex;align-items:center;gap:14px}.cost-chip{text-align:right;line-height:1.25}.cost-chip .label{font-size:10.5px;color:var(--muted)}.cost-chip .value{font-family:var(--mono);font-size:14px;font-weight:500}.page{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:26px 24px 64px}.page-head{margin-bottom:20px}.page-head h1{font-size:22px}.page-head .sub{color:var(--muted);font-size:13px;margin-top:4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.card-head h3{font-size:15px}.card-head .hint{font-size:12px;color:var(--muted);font-family:var(--sans);font-weight:400}.row{display:flex;gap:12px;align-items:center}.row-wrap{flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;gap:16px}.split-aside{grid-template-columns:minmax(0,1fr) 300px}.split-detail{grid-template-columns:minmax(0,1fr) 240px}.split-label{grid-template-columns:170px minmax(0,1fr)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:2fr minmax(0,1fr) minmax(0,1fr)}.stack{display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-lg{padding:12px 26px;font-size:15px;font-weight:700;border-radius:9px}.btn-sm{padding:5px 11px;font-size:12.5px}.btn-ok{color:var(--ok);border-color:var(--ok)}.btn-ok:hover:not(:disabled){background:var(--ok-soft)}.btn-risk{color:var(--risk);border-color:var(--risk)}.btn-risk:hover:not(:disabled){background:var(--risk-soft)}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.chip{padding:6px 13px;border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.chip.sm{padding:4px 10px;font-size:12px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:5px;background:var(--surface-2);color:var(--ink-2);font-size:11.5px;white-space:nowrap}.tag-accent{background:var(--accent-soft);color:var(--accent)}.tag-ok{background:var(--ok-soft);color:var(--ok)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.tag-risk{background:var(--risk-soft);color:var(--risk)}.tag-warm{background:var(--warm-soft);color:var(--warm)}.input,.textarea,.select{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);outline:none;transition:border-color .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:90px;line-height:1.7}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;color:var(--muted);font-weight:500}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.track-desc{flex:1;min-width:0}.tab{padding:9px 16px;border:none;background:none;cursor:pointer;color:var(--muted);font-size:13.5px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.empty{padding:46px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:15px;color:var(--ink-2);margin-bottom:6px;font-family:var(--serif)}.divider{height:1px;background:var(--line);border:0;margin:16px 0}.pipeline{display:flex;align-items:stretch;gap:3px}.pl-step{flex:1;min-width:0;padding:7px 4px;border-radius:6px;background:var(--surface-2);text-align:center;font-size:11.5px;color:var(--muted);position:relative;overflow:hidden}.pl-step .n{font-family:var(--mono);font-size:9.5px;opacity:.65;display:block}.pl-step.done{background:var(--ok-soft);color:var(--ok)}.pl-step.running{background:var(--accent-soft);color:var(--accent);font-weight:700}.pl-step.failed{background:var(--risk-soft);color:var(--risk)}.pl-step.skipped{opacity:.45}.pl-step .bar{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);transition:width .4s}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:1px;background:var(--line);border-radius:8px;overflow:hidden}.stat{background:var(--surface);padding:12px 10px;text-align:center}.stat .v{font-family:var(--mono);font-size:20px;font-weight:500;line-height:1.2}.stat .k{font-size:11px;color:var(--muted);margin-top:2px}.stat.accent .v{color:var(--accent)}.stat.ok .v{color:var(--ok)}.stat.warn .v{color:var(--warn)}.stat.risk .v{color:var(--risk)}.score-row{display:grid;grid-template-columns:78px 1fr 34px;align-items:center;gap:9px;font-size:12px}.score-bar{height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden}.score-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}.score-row .n{font-family:var(--mono);text-align:right;color:var(--ink-2)}.grade-badge{display:inline-grid;place-items:center;padding:3px 10px;border-radius:6px;font-family:var(--mono);font-size:12.5px;font-weight:500}.grade-A{background:var(--ok-soft);color:var(--ok)}.grade-B{background:var(--warn-soft);color:var(--warn)}.grade-C{background:var(--risk-soft);color:var(--risk)}.script{font-family:var(--serif);font-size:15.5px;line-height:2;white-space:pre-wrap;word-break:break-word}.script-box{padding:16px 18px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}.hook-line{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--accent);line-height:1.7}.banner{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:8px;font-size:13px;border:1px solid var(--line);background:var(--surface-2)}.banner-warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.banner-risk{background:var(--risk-soft);border-color:transparent;color:var(--risk)}.banner-ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .75s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-run{background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.dot-ok{background:var(--ok)}.dot-risk{background:var(--risk)}.dot-idle{background:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{padding:11px 16px;border-radius:8px;box-shadow:var(--shadow);background:var(--surface);border:1px solid var(--line);font-size:13px;max-width:380px;animation:slideIn .18s ease-out}.toast.err{border-color:var(--risk);color:var(--risk);background:var(--risk-soft)}.toast.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}@keyframes slideIn{0%{transform:translateY(8px);opacity:0}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0000006b;display:grid;place-items:center;padding:20px}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);max-width:760px;width:100%;max-height:88vh;display:flex;flex-direction:column}.modal-body{overflow:auto;padding:20px}.scroll-x{overflow-x:auto}.muted{color:var(--muted)}.small{font-size:12px}.mono-sm{font-family:var(--mono);font-size:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center{text-align:center}@media(max-width:860px){.topbar{padding:0 14px;gap:10px}.brand-sub,.cost-chip .label{display:none}.page{padding:18px 14px 48px}.pl-step{font-size:10px;padding:6px 2px}}@media(max-width:760px){.topbar{gap:8px;padding:0 12px;height:52px}.brand-name{display:none}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;gap:0;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav a{flex:1;min-width:0;justify-content:center;padding:17px 2px 8px;border-radius:0;font-size:11.5px;gap:3px;position:relative}.nav a.active{background:none}.nav a.active:after{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.nav-badge{position:absolute;top:1px;right:4px;left:auto;margin-left:0;min-width:14px;height:14px;padding:0 4px;font-size:9px}.page{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.split-aside,.split-detail,.split-label,.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.grid{gap:12px}.page-head.spread,.page-head .spread,.review-head{flex-wrap:wrap}.page-head.spread>.row{width:100%}.page-head.spread .input{flex:1;min-width:0}.modal{max-width:100%;max-height:92vh;border-radius:12px}.modal-body{padding:16px}.split-detail .cover img{aspect-ratio:16 / 9}.tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{padding:9px 12px;white-space:nowrap;flex:none}.track-row{flex-wrap:wrap}.track-row .track-desc{order:3;flex-basis:100%}.scroll-x{-webkit-overflow-scrolling:touch}}.cover{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2);cursor:zoom-in;line-height:0}.cover:hover{border-color:var(--accent)}.cover img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.cover-sm{width:72px;flex:none;border-radius:8px}.cover-sm img{aspect-ratio:1 / 1}.cover-fail{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;text-align:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:32px;cursor:zoom-out}.lightbox img{max-width:min(90vw,900px);max-height:90vh;border-radius:12px;cursor:default}