:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17202f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#eef2f6;--panel:#fff;--panel-soft:#f5f7fa;--ink:#17202f;--muted:#667085;--line:#d9e0ea;--accent:#176c6a;--accent-soft:#dff3ef;--blue:#3154d4;--blue-soft:#e6ebff;--amber:#bc6418;--green:#1d7b4f;--red:#be3b3b;--shadow:0 18px 44px #1b263b14;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}[hidden]{display:none!important}body{background:linear-gradient(180deg, #fff 0, var(--bg) 420px), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,.drop-zone,.download-link,.timeline{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.app-shell{min-height:100vh;padding:28px}.layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;width:min(1280px,100%);margin:0 auto;display:grid}.control-panel,.preview-panel,.timeline-panel,.export-panel{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #6f7c913d;border-radius:8px}.control-panel{align-self:start;padding:22px}.workspace{gap:18px;min-width:0;display:grid}.brand{align-items:center;gap:14px;margin-bottom:22px;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.brand-mark svg{width:27px;height:27px}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2{color:var(--ink);margin:0;line-height:1.08}h1{font-size:27px}h2{font-size:22px}.drop-zone{text-align:center;background:#f8fafc;border:1.5px dashed #aab6c7;border-radius:8px;place-items:center;min-height:156px;padding:22px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-zone input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drop-icon{width:46px;height:46px;color:var(--accent);background:#fff;border-radius:8px;place-items:center;margin-bottom:12px;display:grid;box-shadow:inset 0 0 0 1px #176c6a2e}.drop-title{width:100%;color:var(--ink);font-size:16px;font-weight:850;display:block}.drop-subtitle,.file-card span,.status-row span,.side-stats span,.result-head span,.timeline-empty,.log-panel summary{color:var(--muted);font-size:13px;line-height:1.35}.file-card{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:62px;margin:14px 0 20px;padding:13px 14px;display:flex}.file-card strong{max-width:205px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.file-card.is-empty{background:var(--panel-soft);border-style:dashed;justify-content:center}.file-type{background:var(--blue-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;max-width:92px;padding:5px 8px;overflow:hidden;color:var(--blue)!important}.control-group{gap:16px;display:grid}.field{gap:8px;display:grid}.field>span{color:#263247;font-size:13px;font-weight:800}select,input[type=text]{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 12px;transition:border-color .16s,box-shadow .16s}select:focus,input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176c6a24}.side-stats{grid-template-columns:1fr;gap:10px;margin:18px 0;display:grid}.side-stats div{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:10px 12px;display:flex}.side-stats strong{color:var(--ink);text-align:right;font-size:14px}.primary-button,.preview-button,.download-link,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:850;text-decoration:none;transition:transform .14s,background .14s,color .14s,opacity .14s;display:inline-flex}.primary-button{color:#fff;background:var(--accent);width:100%;min-height:48px}.primary-button:hover:not(:disabled),.download-link:hover{transform:translateY(-1px)}.primary-button:disabled,.preview-button:disabled,.icon-button:disabled{opacity:.48}.preview-panel{overflow:hidden}.video-frame{aspect-ratio:16/9;background:#0e1218;border-radius:8px 8px 0 0;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.video-frame video{object-fit:contain;background:#0e1218;width:100%;height:100%}.preview-empty{color:#b9c2cf;background:linear-gradient(135deg,#ffffff0a,#fff0),#0e1218;align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.preview-empty svg{width:52px;height:52px}.transport{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px;display:flex}.icon-button{width:42px;height:42px;color:var(--ink);background:var(--panel-soft);flex:0 0 42px}.icon-button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.preview-button{color:#fff;background:var(--blue);min-width:190px;min-height:42px}.preview-button:hover:not(:disabled){background:#253fb1}.current-time{color:var(--ink);background:var(--panel-soft);font-variant-numeric:tabular-nums;border-radius:8px;margin-left:auto;padding:8px 10px;font-weight:800}.timeline-panel,.export-panel{padding:18px}.panel-head,.result-head,.status-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-head output{color:var(--accent);background:var(--accent-soft);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:850}.timeline{-webkit-user-select:none;user-select:none;background:#dfe5ee;border:1px solid #cfd8e5;border-radius:8px;height:118px;margin:24px 0 18px;position:relative;overflow:hidden}.thumbnail-strip{grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:absolute;inset:0}.thumbnail-strip img{object-fit:cover;width:100%;height:100%}.thumbnail-strip.is-loading{background:repeating-linear-gradient(90deg,#e7edf5 0 24px,#dce4ef 24px 48px)}.timeline-empty{background:#f1f4f8;place-items:center;height:100%;font-weight:750;display:grid}.timeline-tick{background:linear-gradient(#3154d426,#176c6a14),#e8edf5;border-right:1px solid #2430461f;display:block}.timeline-overlay{position:absolute;inset:0}.timeline-selection{border-right:2px solid var(--amber);border-left:2px solid var(--amber);background:#e8b15647;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #ffffff3d,0 0 0 999px #0b111b57}.playhead{z-index:5;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #17202f3d}.timeline-handle{z-index:6;background:0 0;border:0;width:30px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.timeline-handle span{background:var(--amber);border:2px solid #fff;border-radius:8px;width:12px;position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #26304447}.timeline-handle:focus-visible span,.timeline-handle:hover span{background:#e18624}.is-resizing,.is-resizing *{cursor:ew-resize!important}.time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.time-grid input{font-variant-numeric:tabular-nums;font-weight:800}.status-row{align-items:flex-start}.status-icon{width:42px;height:42px;color:var(--blue);background:var(--blue-soft);border-radius:8px;flex:0 0 42px;place-items:center;display:grid}.status-row p,.result-head p{color:var(--ink);margin:0 0 4px;font-weight:850}.status-row>div:nth-child(2){flex:1;min-width:0}.status-pill{color:var(--muted);background:var(--panel-soft);border-radius:8px;flex:none;padding:6px 9px;font-weight:800}.status-pill[data-tone=ready],.status-pill[data-tone=done]{color:var(--green);background:#e1f3ea}.status-pill[data-tone=working]{color:var(--blue);background:var(--blue-soft)}.status-pill[data-tone=error]{color:var(--red);background:#ffe7e7}.progress-track{background:#e8edf4;border-radius:8px;height:8px;margin:16px 0 0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--blue));width:0;height:100%;transition:width .18s;display:block}.result-panel{border-top:1px solid var(--line);gap:14px;margin-top:16px;padding-top:16px;display:grid}.download-link{color:#fff;background:var(--green);min-height:40px;padding:0 13px}.download-link>span{color:#fff}.result-video{background:#0e1218;border-radius:8px;width:100%;max-height:360px}.log-panel{border-top:1px solid var(--line);margin-top:14px}.log-panel summary{padding-top:14px;font-weight:800}.log-panel pre{color:#dce9df;white-space:pre-wrap;background:#111722;border-radius:8px;max-height:220px;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}@media (width<=980px){.layout{grid-template-columns:1fr}.control-panel{align-self:stretch}.side-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.app-shell{padding:14px}.control-panel,.timeline-panel,.export-panel{padding:16px}.video-frame{min-height:190px}.transport{flex-wrap:wrap}.preview-button{flex:1;min-width:180px}.current-time{text-align:center;width:100%;margin-left:0}.panel-head,.result-head,.status-row{flex-direction:column;align-items:flex-start}.panel-head output,.download-link{width:100%}.time-grid,.side-stats{grid-template-columns:1fr}}