:root{--bg: #0f1115;--panel: #171a21;--text: #e6e8ee;--muted: #9aa3b2;--accent: #2f68ff;--btn: #222633;--btn-hover: #2a2f40;--border: #2a2e3a;--ok: #35c759;--warn: #ff9f0a;--danger: #ff453a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}body.onboarding-active .app-header,body.onboarding-active .main{display:none!important}body.onboarding-active{overflow:hidden}body.onboarding-active .toast{display:none!important}.app-header .left,.app-header .center,.app-header .right{display:flex;align-items:center;gap:10px}.app-header .left{justify-self:start}.app-header .center{justify-self:center;text-align:center}.app-header .right{justify-self:end}.folder-path{color:var(--muted);font-size:12px;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter{font-weight:600}.app-header .center .counter{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{background:var(--btn);color:var(--text);border:1px solid var(--border);padding:8px 12px;border-radius:10px;cursor:pointer}.btn:hover{background:var(--btn-hover)}.btn.secondary{opacity:.9}.main{padding:18px;height:calc(100% - 56px);display:grid;grid-template-columns:1fr;gap:14px}.list-panel{position:fixed;top:56px;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:8}.list-panel.hidden{display:none}.list-head{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--border)}.list-head input,.list-head select{flex:1;min-width:0;padding:8px 10px;background:#0f1220;border:1px solid var(--border);border-radius:10px;color:var(--text)}.list-head select{flex:0 0 auto}.list-filters{display:flex;flex-wrap:wrap;gap:10px;padding:10px;align-items:center;border-bottom:1px solid var(--border)}.list-filters .spacer{flex:1 1 auto}.list-filters .checkbox{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.ext-pills{display:flex;gap:6px;flex-wrap:wrap}.ext-pills .pill{background:#0f1220;border:1px solid var(--border);padding:4px 8px;border-radius:999px;font-size:12px;cursor:pointer;color:var(--muted)}.ext-pills .pill.active{color:#fff;background:#1c2335}.file-list{overflow:auto;padding:6px;display:flex;flex-direction:column;gap:6px}.list-panel .file-list{flex:1 1 auto}.file-item{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#0f1220;cursor:pointer}.file-item .meta{color:var(--muted);font-size:12px;display:flex;gap:8px}.file-item .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item.active{outline:2px solid var(--accent)}.file-item:hover{background:#131831}.viewer{display:grid;grid-template-rows:1fr auto;gap:14px;height:calc(100vh - 92px)}video{width:100%;height:100%;background:#000;border:1px solid var(--border);border-radius:12px;object-fit:contain;overflow:hidden;transform-origin:center center;transition:transform .05s linear;cursor:default}video.dragging{cursor:grabbing!important}.controls{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.controls .row{display:flex;align-items:center;gap:10px}.controls .row.progress{gap:14px}.controls .row:first-child{display:grid;grid-template-columns:1fr repeat(4,auto) 1fr;align-items:center;gap:16px}#prevBtn{grid-column:2}#playPauseBtn{grid-column:3}#muteBtn{grid-column:4}#nextBtn{grid-column:5}#deleteBtn{grid-column:6;justify-self:end}#prevBtn,#playPauseBtn,#muteBtn,#nextBtn{font-size:16px;padding:10px 18px;border-radius:12px}.filename{flex:1 1 auto;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#seek{flex:1}.time{display:flex;align-items:center;gap:10px;min-width:540px}.time span{font-size:14px}.controls .row.progress{display:grid;grid-template-columns:1fr minmax(540px,900px) 1fr;align-items:center;gap:12px}.filename{grid-column:1}.controls .row.progress .time{grid-column:2;justify-self:center;width:100%}#seek{height:14px;background:transparent}#seek::-webkit-slider-runnable-track{height:12px;background:#1c2335;border:1px solid var(--border);border-radius:999px}#seek::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-4px;border-radius:50%;background:var(--accent);border:2px solid rgba(0,0,0,.25);box-shadow:0 0 0 3px #2f68ff40}#seek::-moz-range-track{height:12px;background:#1c2335;border:1px solid var(--border);border-radius:999px}#seek::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid rgba(0,0,0,.25);box-shadow:0 0 0 3px #2f68ff40}.tips{color:var(--muted);font-size:12px;justify-content:center}.overlay.rename-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c}.hidden{display:none!important}.rename-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;width:min(640px,80vw);box-shadow:0 8px 36px #0006}.rename-label{font-size:14px;color:var(--muted);margin-bottom:6px}#renameInput{width:100%;padding:10px 12px;font-size:16px;border-radius:10px;border:1px solid var(--border);background:#0f1220;color:var(--text)}.rename-card .hint{margin-top:6px;font-size:12px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#1e2537;border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:10px;box-shadow:0 4px 18px #0006;z-index:10;max-width:80vw}.suggestions{margin-top:6px;max-height:220px;overflow-y:auto;background:#0f1220;border:1px solid var(--border);border-radius:8px;font-size:13px}.suggestions.hidden{display:none!important}.suggestions .item{padding:6px 10px;cursor:pointer;display:flex;gap:8px;align-items:center}.suggestions .item:hover,.suggestions .item.active{background:#1c2335}.suggestions .num{font-weight:600;width:42px}.suggestions .name{flex:1}.suggestions .pos{opacity:.6;font-size:11px}.tag-pills{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.tag-pills .pill{background:#1c2335;border:1px solid var(--border);padding:4px 8px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:default}.tag-pills .pill button{background:transparent;color:var(--muted);border:none;cursor:pointer;font-size:14px;line-height:1;padding:0}.tag-pills .pill button:hover{color:#fff}.batch-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20;display:grid;place-items:center}.batch-card{width:min(980px,92vw);max-height:88vh;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.batch-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.batch-head h2{margin:0;font-size:18px}.batch-support{padding:8px 14px;font-size:13px;color:var(--muted)}.batch-grid{padding:12px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field input,.field select{padding:8px 10px;background:#0f1220;border:1px solid var(--border);border-radius:10px;color:var(--text)}.field label{font-size:13px;color:var(--muted)}.field .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.hint{font-size:12px;color:var(--muted)}.batch-log{padding:10px 14px;border-top:1px solid var(--border);background:#0f1220;height:260px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.batch-log .ok{color:#9fe870}.batch-log .err{color:#ff8b8b}.splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -15%,rgba(47,104,255,.15),transparent 60%),linear-gradient(180deg,#0d1020,#0b0e18);z-index:9999}.splash-card{width:min(1100px,94vw);margin:0 auto;padding:28px 28px 0;display:grid;grid-template-rows:auto 1fr;min-height:min(860px,calc(100vh - 20px))}.splash-title{margin:8px 0 6px;font-size:clamp(22px,2.8vw,34px);text-align:center}.splash-sub{margin:0;color:var(--muted);text-align:center;font-size:clamp(14px,1.4vw,18px)}.splash-list{margin:12px auto 6px;max-width:520px;color:var(--muted);text-align:center;list-style:none;padding-left:0}.splash-list li{margin:4px 0;color:var(--accent)}.splash-actions{display:flex;justify-content:center;gap:12px;margin-top:14px}.splash-progress{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.splash-progress .dot{width:clamp(10px,.9vw + 8px,16px);height:clamp(10px,.9vw + 8px,16px);border-radius:50%;background:#1c2335;border:1px solid var(--border);opacity:.7;transition:transform .2s ease}.splash-progress .dot.active{background:var(--accent);box-shadow:0 0 0 6px #2f68ff2e;opacity:1;transform:scale(1.05)}.splash-progress .dot.done{background:linear-gradient(90deg,var(--accent),#6aa0ff);opacity:.95}.onboard-steps{display:grid;align-items:center;justify-items:center;padding:8px 8px 0}.onboard-step.hidden{display:none}.onboard-step{width:100%;max-width:1000px}.shortcuts-grid{margin:14px auto 0;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(10px,2vw,20px);font-size:clamp(14px,1.3vw,18px)}.kbd{display:inline-block;padding:4px 8px;border-radius:8px;border:1px solid var(--border);background:#0f1220;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(12px,1.1vw,14px)}.splash-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:12px}.splash-hint{text-align:center;color:var(--muted);font-size:12px;margin-top:8px}.splash-progress{position:sticky;top:8px;margin-bottom:14px}.splash-overlay .btn{padding:clamp(10px,1.3vw,14px) clamp(14px,1.8vw,22px);font-size:clamp(14px,1.2vw,16px);border-radius:12px}.splash-overlay .btn.secondary{opacity:.95}.btn.btn-link{background:transparent;border-color:transparent;color:var(--muted);text-decoration:underline}.btn.btn-link:hover{color:var(--text);text-decoration:none}#splashFootageOpenBtn{padding:clamp(12px,1.6vw,16px) clamp(18px,2.2vw,26px);font-size:clamp(15px,1.4vw,18px);border:1px solid #3553b8;background:linear-gradient(180deg,#2f68ff,#234dc9)}#splashFootageOpenBtn:hover{filter:brightness(1.05)}.onboard-step[data-step="3"]{display:grid;justify-items:center;row-gap:10px;text-align:center}#splashFootageOpenBtn{display:inline-block;margin:8px auto 0}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:16px auto 4px;width:min(900px,92vw)}.option-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:140px}.option-head h3{margin:0 0 4px;font-size:clamp(16px,1.4vw,18px)}.option-head p{margin:0;font-size:13px;color:var(--muted)}.option-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}@media (max-width: 980px){.main{grid-template-columns:1fr}.list-panel{order:2}}