:root{--bg: #0b0d12;--surface: #161922;--surface-2: #1f2330;--border: #2a2f3d;--text: #e8eaf0;--text-dim: #9aa0b0;--accent: #6d5cff;--accent-text: #ffffff;--danger: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:1100px;margin:0 auto;padding:32px 20px 140px}.app-header h1{margin:0;font-size:28px;letter-spacing:-.02em}.subtitle{color:var(--text-dim);margin-top:4px}.login-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;text-align:center}.login-form h1{margin:0;font-size:28px;letter-spacing:-.02em}.login-form input{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:15px}.login-form input:focus{outline:none;border-color:var(--accent)}.usage-bar{margin-top:16px;max-width:360px}.usage-bar-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-dim);margin-bottom:4px}.usage-bar-track{height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.usage-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.upload-area{margin-top:32px;border:2px dashed var(--border);border-radius:16px;padding:64px 24px;text-align:center;cursor:pointer;background:var(--surface);transition:border-color .15s ease,background .15s ease}.upload-area:hover,.upload-area.drag-active{border-color:var(--accent);background:var(--surface-2)}.upload-icon{font-size:28px;color:var(--accent);margin-bottom:12px}.upload-hint{color:var(--text-dim);font-size:14px}.upload-error{color:var(--danger);margin-top:16px;font-weight:500}.step-timeline{margin-top:32px;display:flex;flex-direction:column;gap:2px;max-width:480px}.step-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-dim)}.step-row.step-active{background:var(--surface);color:var(--text)}.step-row.step-error{background:#ff6b6b14;color:var(--danger)}.step-icon{flex:none;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:50%}.step-icon-pending{border:2px solid var(--border)}.step-icon-done{background:var(--accent);color:var(--accent-text);font-weight:700}.step-icon-error{background:var(--danger);color:#1a0000;font-weight:700}.step-icon-active{border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.step-text{flex:1;display:flex;flex-direction:column;min-width:0}.step-label{font-size:14px;font-weight:500}.step-detail{font-size:12px;color:var(--text-dim)}.step-elapsed{flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.scene-grid{margin-top:32px;display:flex;flex-direction:column;gap:32px}.scene-heading{font-size:16px;font-weight:600;color:var(--text-dim);margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.frame-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.frame-thumb{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:0;cursor:pointer;overflow:hidden;text-align:left;color:var(--text);display:flex;flex-direction:column;font:inherit;transition:border-color .15s ease,transform .1s ease}.frame-thumb:hover{border-color:var(--text-dim)}.frame-thumb.selected{border-color:var(--accent)}.frame-thumb-image-wrap{position:relative;aspect-ratio:9 / 16;background:#000}.frame-thumb-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.frame-checkmark{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.frame-timestamp{padding:6px 8px;font-size:12px;color:var(--text-dim)}.frame-description{padding:0 8px 8px;font-size:11px;color:var(--text-dim);line-height:1.4}.frame-description p{margin:2px 0}.frame-description strong{color:var(--text)}.selection-footer{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-row{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.selected-count{font-weight:600;color:var(--text-dim)}.footer-error{max-width:1100px;margin:0 auto 8px;color:var(--danger);font-size:14px}.footer-actions{display:flex;gap:10px}.btn-primary,.btn-secondary{border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}