:root{color-scheme:light;--bg:#f7f5ef;--ink:#161616;--muted:#6b665d;--line:#ded8ca;--panel:#fffdf8;--soft:#f0eadf;--teal:#0f766e;--teal-2:#14b8a6;--coral:#e15f41;--amber:#f2b84b;--violet:#6d5bd0;--shadow:0 24px 80px rgba(57,47,31,.13)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(180deg,hsla(0,0%,100%,.65),hsla(45,33%,95%,0)),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:28px}.workspace{width:min(1240px,100%);margin:0 auto}.topbar{display:grid;grid-template-columns:52px 1fr auto;align-items:center;grid-gap:14px;gap:14px;margin-bottom:22px}.brand-mark{display:grid;width:52px;height:52px;place-items:center;border:1px solid #211b1430;border-radius:8px;color:#fff;background:#1e1b16;box-shadow:0 12px 32px rgba(30,27,22,.18)}.eyebrow{margin:0 0 2px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(26px,4vw,42px);line-height:1.05}.status-pill{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:0 13px;border:1px solid #0f766e33;border-radius:999px;color:var(--teal);background:#e9fbf5;font-size:14px;font-weight:800}.editor-grid{display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.control-panel,.preview-panel{border:1px solid var(--line);border-radius:8px;background:rgba(255,253,248,.9);box-shadow:var(--shadow)}.control-panel{display:grid;grid-gap:16px;gap:16px;padding:18px}.drop-zone{display:grid;min-height:172px;place-items:center;grid-gap:8px;gap:8px;padding:20px;border:1px dashed #8b806d;border-radius:8px;color:#2c271f;background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(242,184,75,.14)),#fffaf1;cursor:pointer;text-align:center}.drop-zone.has-file{border-color:var(--teal);background:#ecfaf4}.drop-zone input{display:none}.drop-zone span{max-width:100%;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.drop-zone small{color:var(--muted);font-weight:700}.section-title{display:flex;align-items:center;gap:8px;color:#322c23;font-weight:900}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.job-header button,.segmented button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;color:#332d24;background:#fff;cursor:pointer;font-size:14px;font-weight:850}.segmented button.active{border-color:#0f766e66;color:#063f3b;background:#dff8ef}.compact-grid{display:grid;grid-template-columns:1fr .7fr;grid-gap:10px;gap:10px}.field{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:850}.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;outline:none}.field input,.field select{padding:0 12px}.field textarea{min-height:92px;resize:vertical;padding:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,184,166,.16)}.toggle-row{display:flex;min-height:46px;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:#312c24;background:#fff;font-weight:850}.toggle-row input{width:18px;height:18px;accent-color:var(--teal)}.primary-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;color:#fff;background:#161616;cursor:pointer;font-weight:950}.primary-button:disabled{cursor:not-allowed;opacity:.65}.notice{color:var(--coral);font-size:14px;font-weight:800}.preview-panel{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,390px);grid-gap:0;gap:0;overflow:hidden}.preview-stage{display:grid;min-height:604px;align-content:center;grid-gap:24px;gap:24px;padding:28px;background:linear-gradient(120deg,rgba(15,118,110,.08),transparent 45%),linear-gradient(0deg,#f5efe3,#fffdf8)}.video-frame{position:relative;width:min(330px,88%);aspect-ratio:9/16;margin:0 auto;overflow:hidden;border:8px solid #181611;border-radius:8px;background:linear-gradient(160deg,rgba(225,95,65,.82),rgba(20,184,166,.75)),#262018;box-shadow:0 28px 70px rgba(25,23,19,.25)}.frame-head{display:flex;gap:6px;padding:14px}.frame-head span{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.82)}.subject-block{position:absolute;inset:16% 13% 23%;display:grid;grid-template-rows:1fr .36fr;grid-gap:14px;gap:14px}.subject-block div{border:1px solid hsla(0,0%,100%,.36);border-radius:8px;background:hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.caption-band{position:absolute;right:16px;bottom:22px;left:16px;min-height:42px;padding:10px 12px;border-radius:6px;color:#15120e;background:rgba(255,252,240,.92);font-weight:950;text-align:center}.timeline{display:flex;width:min(520px,100%);height:58px;align-items:center;gap:8px;margin:0 auto;padding:0 12px;border:1px solid #d8cdb9;border-radius:8px;background:#fffaf1}.timeline span{height:22px;border-radius:5px;background:var(--teal)}.timeline span:nth-child(2){background:var(--amber)}.timeline span:nth-child(3){background:var(--coral)}.timeline span:nth-child(4){background:var(--violet)}.job-stack{display:grid;align-content:start;grid-gap:12px;gap:12px;padding:18px;border-left:1px solid var(--line);background:#fffdf8}.job-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-header h2{font-size:18px}.job-header button{width:40px;min-height:40px}.empty-state{display:grid;min-height:180px;place-items:center;grid-gap:8px;gap:8px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-weight:850}.job-item{display:grid;grid-gap:10px;gap:10px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.job-item strong{display:block;overflow:hidden;color:#242017;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.job-item p,.job-meta{color:var(--muted);font-size:12px;font-weight:750}.download-row,.job-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#eee6d8}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--coral))}.download-row a{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 10px;border-radius:7px;color:#fff;background:var(--teal);font-size:13px;font-weight:900;text-decoration:none}.rail{position:fixed;right:18px;bottom:18px;display:grid;grid-gap:2px;gap:2px;min-width:220px;padding:12px 14px;border:1px solid #1616161f;border-radius:8px;color:#fff;background:#161616;box-shadow:0 14px 34px rgba(0,0,0,.22)}.rail span{color:#a7f3d0;font-size:12px;font-weight:850;text-transform:uppercase}.rail strong{font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:980px){.app-shell{padding:16px}.topbar{grid-template-columns:48px 1fr}.status-pill{grid-column:1/-1;justify-self:start}.editor-grid,.preview-panel{grid-template-columns:1fr}.preview-stage{min-height:520px}.job-stack{border-top:1px solid var(--line);border-left:0}}@media (max-width:560px){.compact-grid,.segmented{grid-template-columns:1fr}.preview-stage{min-height:420px;padding:18px}.video-frame{width:min(260px,92%)}.rail{right:12px;left:12px}}