:root{--ground:#f5f6fa;--surface:#fff;--surface-2:#eef0ff;--line:#e4e6ef;--ink:#0b0c2a;--muted:#6b7280;--accent:#2b35ff;--accent-soft:#eef0ff;--accent-mid:#c5c9ff;--accent-ink:#fff;--ok:#059669;--warn:#d97706;--bad:#dc2626;--mono:"SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-mid)}.container{max-width:980px;margin:0 auto;padding:0 24px 80px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:28px;padding:18px 0 16px;display:flex}.topbar .brand{align-items:center;gap:12px;display:flex}.topbar .brand img{width:auto;height:34px;display:block}.topbar .tag{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:14px;font-size:11px}h1{letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:1.5rem}h2{color:var(--ink);margin:0 0 12px;font-size:1.05rem}.sub{color:var(--muted);max-width:64ch;margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 1px 2px #0b0c2a0a}.grid{gap:14px;display:grid}@media (min-width:760px){.grid-2{grid-template-columns:1fr 1fr}}label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}input[type=text],textarea,select{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}button{font:inherit;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 18px;font-weight:600}button:hover{background:var(--accent-soft)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}button.primary:hover{background:#1f28d8}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.status{font-family:var(--mono);letter-spacing:.05em;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.status.done{color:var(--ok);border-color:var(--ok);background:#ecfdf5}.status.rendering,.status.queued{color:var(--warn);border-color:var(--warn);background:#fffbeb}.status.failed{color:var(--bad);border-color:var(--bad);background:#fef2f2}.project-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.project-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:border-color .12s,box-shadow .12s;display:flex;box-shadow:0 1px 2px #0b0c2a0a}.project-item:hover{border-color:var(--accent)}.project-item .name{font-weight:600}.project-item .meta{font-family:var(--mono);color:var(--muted);font-size:11px}.shot{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.shot-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.shot-num{font-family:var(--mono);color:var(--accent);font-size:11px;font-weight:600}.shot textarea{background:var(--ground);min-height:84px;font-size:13px}.shot .caption-input{margin-top:8px}.shot .caption-input input{background:var(--ground)}.progress-track{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .4s}.progress-label{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:12px}video{border:1px solid var(--line);background:#0b0c2a;border-radius:12px;width:100%}.error-box{border:1px solid var(--bad);color:var(--bad);background:#fef2f2;border-radius:8px;padding:12px 16px;font-size:13px}.hint{color:var(--muted);font-size:12.5px}.status.analyzing{color:var(--warn);border-color:var(--warn);background:#fffbeb}input[type=file]{width:100%;color:var(--muted);font-size:13px}input[type=color]{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px}:root{--tl-clip1:#a9c7f0;--tl-clip1-ink:#12325c;--tl-clip2:#9fdcc4;--tl-clip2-ink:#0f4536;--tl-clip3:#f2ce93;--tl-clip3-ink:#5a3b08;--tl-ai:#d8b9f0}.tl{margin:4px 0 18px}.tl-ruler{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin-bottom:4px;margin-left:62px;font-size:10.5px;display:flex}.tl-tracks{cursor:pointer;position:relative}.tl-playhead{background:var(--bad);z-index:4;pointer-events:none;width:2px;margin-left:62px;position:absolute;top:0;bottom:0}.tl-row{align-items:center;gap:6px;margin-bottom:3px;display:flex}.tl-label{width:56px;font-family:var(--mono);letter-spacing:.08em;color:var(--muted);flex:none;font-size:10px}.tl-lane{background:var(--surface-2);border-radius:4px;flex:1;height:38px;position:relative;overflow:hidden}.tl-lane.thin{height:24px}.tl-lane.music{border:1px solid var(--line);background:repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 20px);height:16px}.tl-block{cursor:pointer;outline-offset:-1px;border:none;border-radius:3px;outline:1px solid #0b0c2a14;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;bottom:2px}.tl-block:hover{filter:brightness(.95)}.tl-block.sel{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.tl-block.endcard{background:var(--surface);border:1px solid var(--line);cursor:default}.tl-block.endcard span{color:var(--muted);font-size:10px}.tl-ai-mark{font-family:var(--mono);color:#6b21a8;letter-spacing:.04em;font-size:9px;font-weight:700}.tl-chip{pointer-events:none;border-radius:3px;align-items:center;padding:0 5px;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.tl-chip span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.tl-chip.caption{background:var(--accent)}.tl-chip.caption span{color:#fff}.tl-chip.vo{border:1px solid var(--ok);background:#ecfdf5}.tl-chip.vo span{color:var(--ok)}.tl-chip.vo.over{border-color:var(--warn);z-index:3;background:#fffbeb}.tl-chip.vo.over span{color:var(--warn)}.tl-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:11.5px;display:flex}.tl-legend span{align-items:center;gap:6px;display:inline-flex}.tl-legend i{border-radius:2px;width:11px;height:11px;display:inline-block}.tl-stage{gap:16px;margin-bottom:16px;display:flex}.tl-preview{border:1px solid var(--line);background:#0b0c2a;border-radius:8px;flex:none;position:relative;overflow:hidden}.tl-preview .sprite{background-repeat:no-repeat;width:100%;height:100%}.tl-preview video{object-fit:cover;border:none;border-radius:0;width:100%;height:100%}.tl-preview .tc{font-family:var(--mono);color:#fff;background:linear-gradient(#0000,#0009);padding:4px 6px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.tl-preview .empty{text-align:center;color:#8b95a1;justify-content:center;align-items:center;padding:10px;font-size:11px;display:flex;position:absolute;inset:0}.tl-detail{flex:1;min-width:0}.tl-detail .row-tight{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tl-detail button{padding:6px 12px;font-size:12.5px}.tl-warn{color:var(--warn);border:1px solid var(--warn);background:#fffbeb;border-radius:6px;margin-top:10px;padding:8px 10px;font-size:12px}button.danger{background:var(--bad);color:#fff;border-color:#0000}button.danger:hover{background:#b91c1c}.project-item a{display:block}.project-item a:hover .name{color:var(--accent)}