/* Visual system matched to the supplied 风暴电影工作室·轻言 reference. */
:root{color-scheme:light;--accent:#b96435;--muted:#756f64;--border:#e5e7eb;--green:#56745d}
body{background:#ffffff;color:#302f29}
.topbar{height:84px;padding:0 32px;gap:16px;background:#ffffff;border-bottom:1px solid #e5e7eb}
.brand{gap:12px;letter-spacing:0;min-width:0}.brand strong{font-family:Georgia,"Songti SC","Noto Serif CJK SC",SimSun,serif;font-size:20px;font-weight:600;letter-spacing:1px;white-space:nowrap}
.brand .mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #d9dce1;border-radius:50%;color:#302f29;font:19px Georgia,serif}
.brand-caption{font-size:14px;font-weight:400;color:#756f64;margin:0;padding-left:14px;border-left:1px solid #e5e7eb;white-space:nowrap}
.top-actions{gap:10px}.privacy{color:#756f64}
.workspace{max-width:1800px;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:24px 32px;min-height:calc(100vh - 84px);align-items:start}
.content{grid-column:1;grid-row:1;padding:0;min-width:0}.settings{grid-column:2;grid-row:1;padding:22px;border:1px solid #e5e7eb;border-radius:16px;background:#ffffff;box-shadow:0 16px 48px rgba(25,30,40,.035),inset 0 1px 0 rgba(255,255,255,.92)}
.sidebar-title{font-size:17px;font-weight:550;margin-bottom:25px}.setting-section h2{font-size:14px;font-weight:500;color:#756f64;gap:9px}.step{border:0;width:auto;line-height:1;font-size:12px;letter-spacing:1px;color:#8a8674}
.content-heading{margin:3px 0 23px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:400;color:#756f64;margin-bottom:12px}h1{font-size:22px;font-weight:550;letter-spacing:0;margin-bottom:9px}.subtitle{color:#756f64;font-size:14px}
button,select,input[type=text],input[type=number]{background:#ffffff;border-color:#e5e7eb}button:hover:not(:disabled){background:#f3f4f6}button.primary{background:#b96435;border-color:#b96435;color:white;box-shadow:none}button.primary:hover:not(:disabled){background:#a45129;border-color:#a45129}.quiet,.text-button{background:transparent;border-color:transparent}.text-button{color:#945027}
input[type=range]{accent-color:#8a8674}output{color:#756f64}.segments{background:#f1f2f4}.segments button[aria-pressed=true]{color:#945027;box-shadow:0 1px 5px #302f2910}.segments button{color:#756f64}.color-field,.toggle-row{color:#514b42}input[role=switch]{background:#d9dce1}input[role=switch]:checked{background:#8a8674}
.dropzone{background:#ffffff;border:1px dashed #d1d5db;border-radius:16px;padding:28px 25px;box-shadow:0 12px 40px rgba(25,30,40,.02)}.dropzone:hover,.dropzone.dragging{background:#f7f8fa;border-color:#b96435}.drop-icon{color:#8a8674;background:#f1f2f4}.dropzone p{color:#756f64}
.stats,.export-bar{background:#ffffff;border:1px solid #e5e7eb;box-shadow:0 16px 48px rgba(25,30,40,.035),inset 0 1px 0 rgba(255,255,255,.92);border-radius:13px}.stats{margin:22px 0 25px}.stats strong{font-size:24px;font-weight:500;letter-spacing:0}.stats span,.mini-tag{color:#756f64}.mini-tag{border-color:#e5e7eb!important}
.empty-state{background:#ffffff;border-color:#e5e7eb;border-radius:16px;min-height:245px}.empty-symbol{font-family:Georgia,serif;color:#a79e8d}.empty-state h3{color:#514b42}.empty-state p{color:#756f64}.list-wrap{background:#ffffff;border-radius:14px;border-color:#e5e7eb}.list-toolbar h2{font-weight:550}.list-toolbar h2 span{background:#f3f4f6;color:#756f64}thead{background:#f7f8fa}td{border-top-color:#eceef1}tr:hover{background:#ffffff}.file-info strong{color:#302f29}.thumb{background:#ffffff;border-color:#e5e7eb}.thumb:hover:not(:disabled){background:#f1f2f4}
.name-example{background:#f5f6f8}.name-example span,.name-example strong,.local-note,.local-note strong{color:#756f64}.download-status{color:#755337;background:#f6f7f9}.download-hint,.download-status{font-size:13px}.footnote{color:#756f64}.positive{color:#56745d!important}.negative{color:#a45d34!important}
dialog{background:#ffffff;border-color:#e5e7eb;color:#302f29;box-shadow:0 20px 90px #302f2926}dialog::backdrop{background:rgba(48,47,41,.3)}.checker{background:repeating-conic-gradient(#e9ebee 0% 25%,#ffffff 0% 50%) 0 / 16px 16px}.toast{background:#302f29;color:white;box-shadow:0 8px 25px #302f2920}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1100px){.brand-caption{display:none}.workspace{padding:24px;gap:20px;grid-template-columns:minmax(0,1fr) 290px}.settings{padding:19px}.content{padding:0}.topbar{padding:0 24px}}
@media(max-width:850px){.topbar{height:72px;padding:0 18px}.workspace{display:flex;flex-direction:column;padding:18px;gap:20px}.content{order:0;width:100%}.settings{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.sidebar-title,.local-note{grid-column:1/-1;margin:0}.setting-section{margin:0}.content-heading{margin-top:0}.privacy{display:none}.stats strong{font-size:22px}.content h1{font-size:20px}}
@media(max-width:600px){.topbar{height:auto;min-height:84px;flex-wrap:wrap;padding:14px 18px;gap:10px}.brand strong{font-size:17px;letter-spacing:.5px}.brand{gap:9px}.brand .mark{width:28px;height:28px}.top-actions{margin-left:auto}.content-heading .primary{padding:11px 13px}.content h1{font-size:19px}}
@media(max-width:430px){.settings{grid-template-columns:1fr}.stats strong{font-size:18px}.stats>div{padding:0 10px}.brand strong{font-size:16px}.eyebrow{font-size:12px;letter-spacing:1px}}