:root{color:#1a1d21;background:#f5f6f2;font-family:Inter,Noto Sans CJK SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:28px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 auto 22px;max-width:1480px}.brand,.status-pill{display:inline-flex;align-items:center;gap:8px;font-weight:800}.brand{color:#155b4a}.status-pill{border:1px solid #ccd5ca;border-radius:999px;padding:9px 13px;background:#fff;color:#40514b}h1{margin:10px 0 0;font-size:clamp(30px,4vw,56px);line-height:1;letter-spacing:0}.workspace{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(300px,.75fr) minmax(360px,.9fr);gap:18px;max-width:1480px;margin:0 auto}.panel{background:#fff;border:1px solid #dfe3da;border-radius:8px;padding:18px;box-shadow:0 18px 42px #1e2a2414}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#eef1ea;border-radius:8px;padding:5px}.segmented button,.chips button,.grid-options button{border:1px solid transparent;border-radius:7px;min-height:42px;background:transparent;color:#33413c}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.segmented .active,.selected{background:#173f35!important;color:#fff!important}.dropzone{margin-top:18px;min-height:168px;border:1.5px dashed #9aa99f;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;background:#fbfcf8}.dropzone input{display:none}.dropzone span{color:#64736d;font-size:14px}.asset-row{display:flex;gap:10px;margin:12px 0 18px}.asset-row span{background:#eef1ea;border-radius:999px;padding:7px 11px;font-size:13px;color:#485951}.field{display:grid;gap:8px;margin-top:14px;font-weight:700}.field input,.field textarea{width:100%;border:1px solid #d6ddd2;border-radius:7px;padding:12px;outline:none;resize:vertical;background:#fbfcf8}.controls{display:flex;flex-direction:column;gap:18px}.control-group h2{margin:0 0 10px;font-size:15px}.chips,.grid-options{display:grid;gap:8px}.chips{grid-template-columns:repeat(3,1fr)}.grid-options{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-options button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f2f4ee;padding:0 8px}.range-line{display:grid;grid-template-columns:1fr 54px;align-items:center;gap:10px}input[type=range]{accent-color:#173f35}.toggle{display:flex;align-items:center;gap:9px;margin-bottom:10px}.primary,.download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:7px;background:#b8422f;color:#fff;font-weight:800;text-decoration:none}.primary:disabled{opacity:.65;cursor:wait}.result{display:flex;flex-direction:column;gap:16px}.preview{background:#111713;border-radius:8px;overflow:hidden;display:grid;place-items:center;color:#d8e0d6}.preview video{width:100%;height:100%;object-fit:contain;background:#000}.preview>div{display:grid;place-items:center;gap:10px}.ratio-9-16{aspect-ratio:9 / 16;max-height:72vh}.ratio-16-9{aspect-ratio:16 / 9}.ratio-1-1{aspect-ratio:1 / 1}.progress-head{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-bottom:8px}.bar{height:10px;background:#e5e8df;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:#173f35;transition:width .25s ease}.error{white-space:pre-wrap;background:#fff1ed;color:#9b2c1d;padding:12px;border-radius:7px;max-height:180px;overflow:auto}@media (max-width: 1120px){.workspace{grid-template-columns:1fr}.result{max-width:520px;width:100%}}@media (max-width: 640px){.shell{padding:16px}.topbar{align-items:start;flex-direction:column}.grid-options{grid-template-columns:1fr}.panel{padding:14px}}