:root{--bg: #f5f6f8;--card: #ffffff;--text: #1c1f24;--muted: #6b7380;--border: #e1e4ea;--accent: #3157d5;--accent-text: #ffffff;--danger: #c0392b;--ok-bg: #e9f7ef;--err-bg: #fdecea;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #14161a;--card: #1d2026;--text: #e6e8eb;--muted: #9aa2ad;--border: #2d3139;--accent: #6d8cff;--accent-text: #0e1116;--danger: #ff7b6b;--ok-bg: #173323;--err-bg: #3a1d1a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1{font-size:1.5rem;margin:0 0 .25rem}h3{font-size:1rem;margin:1rem 0 .5rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.topbar nav{display:flex;gap:1rem;align-items:center}.brand{font-weight:700;text-decoration:none;color:var(--text)}main{padding:1rem;max-width:1400px;margin:0 auto}.narrow{max-width:720px;margin:0 auto}.row{display:flex;gap:.75rem;align-items:center}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.85rem}.pre{white-space:pre-wrap}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}.btn{display:inline-block;background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:8px;padding:.5rem 1rem;font:inherit;cursor:pointer;text-decoration:none}.btn.small{padding:.25rem .6rem;font-size:.85rem}.btn.ghost{background:transparent;color:var(--accent)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit}.alert{background:var(--err-bg);border-radius:8px;padding:.6rem .8rem;margin:.5rem 0}.ok{background:var(--ok-bg);border-radius:8px;padding:.6rem .8rem;margin:.5rem 0}.badge{display:inline-block;padding:0 .45rem;border-radius:99px;font-size:.78rem;border:1px solid var(--border)}.badge.ready,.badge.done{border-color:#2e9e5b;color:#2e9e5b}.badge.error{border-color:var(--danger);color:var(--danger)}.badge.analyzing,.badge.running,.badge.queued{border-color:var(--accent);color:var(--accent)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:var(--card)}.table th,.table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.table.compact td,.table.compact th{padding:.25rem .4rem;font-size:.85rem}.empty{text-align:center;padding:3rem 1rem}.form{display:flex;flex-direction:column;gap:.8rem}.form label,label.inline{display:flex;flex-direction:column;gap:.25rem;font-weight:500}label.inline{flex-direction:row;align-items:center;gap:.5rem}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem;width:100%}label.inline select,.row select{width:auto}textarea.code{font:12px/1.4 ui-monospace,Menlo,Consolas,monospace}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;text-align:center;background:var(--card)}.dropzone.drag{border-color:var(--accent)}.files{list-style:none;padding:0;margin:0}.files li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px solid var(--border);align-items:center}progress{width:100%;height:8px}.files progress{width:160px}.editor{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;align-items:start}.player video{width:100%;max-height:60vh;background:#000;border-radius:8px;margin-top:.5rem}.tabs{display:flex;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap}.tabs button,.seg button{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.35rem .7rem;cursor:pointer;font:inherit}.tabs button.active,.seg button.active{border-color:var(--accent);color:var(--accent)}.seg{display:flex;gap:.25rem}.history{list-style:none;padding:0;margin:0}.history li{border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;margin-bottom:.5rem}.history li.current{border-color:var(--accent)}.list{list-style:none;padding:0;margin:0}.list li{padding:.25rem 0;border-bottom:1px solid var(--border)}.scroll{max-height:65vh;overflow:auto}.seg-line{margin:.25rem 0;cursor:pointer}.seg-line:hover{color:var(--accent)}.tc{font-family:ui-monospace,monospace;color:var(--muted);font-size:.8rem}.logos{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.logos img{max-width:140px;max-height:80px;background:repeating-conic-gradient(#ccc 0,#ccc 25%,#fff 0,#fff 50%) 50% / 16px 16px}@media (max-width: 900px){.editor,.grid2{grid-template-columns:1fr}main{padding:.75rem 16px}}.topnav{display:flex;gap:1rem}.topnav a{text-decoration:none;color:var(--muted)}.topnav a.active{color:var(--accent)}.tabbar{display:none}.center{display:grid;place-items:center;min-height:60vh}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.wrap-any{word-break:break-all}code{font-family:ui-monospace,Menlo,monospace;font-size:.85em;background:var(--bg);padding:0 .25em;border-radius:4px}.danger{color:var(--danger)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:100%;max-width:400px}.uploads{list-style:none;padding:0;margin:0}.uploads li{padding:.6rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.3rem}.uploads strong{max-width:70%}.grid-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}.small-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:.5rem 0}.tile{background:var(--card);border:2px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.tile.selected{border-color:var(--accent)}.thumb{position:relative;aspect-ratio:16 / 10;background:#000;border:0;padding:0;cursor:pointer;display:grid;place-items:center;width:100%}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.dur,.hdr{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:.72rem;padding:0 .3rem;border-radius:4px}.hdr{left:4px;right:auto;background:#b8860b}.tile-meta{display:flex;gap:.4rem;align-items:center;padding:.35rem .5rem 0;font-size:.85rem;font-weight:500;flex-direction:row!important}.tile-meta input{width:auto}.tile-sub{padding:0 .5rem .45rem}.sticky-actions{position:sticky;top:52px;z-index:1}.order{padding-left:0;list-style:none;margin:0 0 .5rem}.order li{padding:.25rem 0;border-bottom:1px solid var(--border)}.src-row{display:flex;gap:.6rem;align-items:flex-start}.src-row img{width:72px;height:45px;object-fit:cover;border-radius:4px;flex:none}.player img.still{width:100%;max-height:60vh;object-fit:contain;background:#000;border-radius:8px;margin-top:.5rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:10;padding:16px}.modal-body{width:100%;max-width:760px;max-height:92vh;overflow:auto;margin:0}.modal-body video,.modal-body img{width:100%;max-height:55vh;object-fit:contain;background:#000;border-radius:8px;margin:.5rem 0}.token-box{background:var(--bg);padding:.5rem;border-radius:6px;word-break:break-all;margin:.4rem 0;-webkit-user-select:all;user-select:all}.guide ol{padding-left:1.2rem}.guide li{margin:.35rem 0}@media (max-width: 760px){.topnav{display:none}.topbar{padding-top:calc(.6rem + env(safe-area-inset-top))}main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:5}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;padding:.45rem 0;font-size:.7rem;text-decoration:none;color:var(--muted)}.tabbar a.active{color:var(--accent)}.tabbar .ico{font-size:1.2rem;line-height:1.2}.grid-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.table th,.table td{padding:.4rem}.btn{padding:.6rem 1rem}input,select,textarea{font-size:16px}}
