: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}