:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f6f7f4}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:24px;background:linear-gradient(120deg,rgba(14,165,233,.16),transparent 34%),linear-gradient(240deg,rgba(245,158,11,.18),transparent 36%),#f6f7f4}.workspace{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto}.control-panel{min-height:calc(100vh - 48px);padding:24px;background:#ffffffdb;border:1px solid rgba(23,23,23,.1);border-radius:8px}.brand{font-size:24px;font-weight:900;margin-bottom:24px}.generation-form{display:grid;gap:16px}.generation-form label{display:grid;gap:8px;font-size:14px;font-weight:800}.generation-form input,.generation-form textarea{width:100%;border:1px solid rgba(23,23,23,.16);border-radius:8px;padding:12px 14px;background:#fff;color:#171717;resize:vertical}.generation-form button{border:0;border-radius:8px;padding:13px 16px;background:#171717;color:#fff;font-weight:900;cursor:pointer}.generation-form button:disabled{opacity:.46;cursor:not-allowed}.error-box,.job-card{margin-top:18px;border-radius:8px;border:1px solid rgba(23,23,23,.1);padding:16px;background:#fff}.error-box{color:#b91c1c}.job-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-row strong{font-size:13px;padding:4px 8px;border-radius:999px;background:#e0f2fe}.progress-track{height:10px;margin:14px 0;overflow:hidden;border-radius:999px;background:#e5e7eb}.progress-track div{height:100%;background:#0ea5e9;transition:width .22s ease}.status-list{display:grid;gap:8px;padding:0;margin:0;list-style:none;color:#737373;font-size:13px}.status-list li.active{color:#171717;font-weight:900}.stage{display:grid;grid-template-columns:minmax(300px,430px) minmax(320px,1fr);gap:24px;align-items:start}.preview-frame{width:min(100%,430px);background:#111;border-radius:8px;overflow:hidden;box-shadow:0 22px 70px #1717172e}.preview-frame video{display:block;width:100%;aspect-ratio:9 / 16;object-fit:cover}.script-panel{padding:28px;border-radius:8px;background:#ffffffd1;border:1px solid rgba(23,23,23,.1)}.script-panel span{color:#0f766e;font-size:13px;font-weight:900}.script-panel h1{margin:8px 0 14px;font-size:clamp(28px,4vw,56px);line-height:1;letter-spacing:0}.script-panel p{max-width:720px;color:#525252;font-size:17px;line-height:1.65}.script-panel ul{display:grid;gap:12px;padding:0;margin:24px 0 0;list-style:none}.script-panel li{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(23,23,23,.1)}.script-panel b{color:#0ea5e9}@media(max-width:980px){.workspace,.stage{grid-template-columns:1fr}.control-panel{min-height:auto}.preview-frame{margin:0 auto}}@media(max-width:560px){.app-shell{padding:12px}.control-panel,.script-panel{padding:18px}}