:root{color-scheme:dark;--page:#10171f;--panel:#18232e;--raised:#202f3d;--text:#edf4fa;--muted:#9eafbe;--line:#324352;--accent:#91e5c1;--ink:#12332b;--error:#ffb0aa}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}body.light{color-scheme:light;--page:#eef3f5;--panel:#fff;--raised:#e7eef2;--text:#142b3c;--muted:#526978;--line:#c3d1da;--accent:#14684e;--ink:#fff;--error:#a22b25}button,input,select,.button{font:inherit}button,.button,select{min-height:44px}button,.button{border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;touch-action:manipulation}button:hover,.button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:var(--ink);border-color:transparent;font-weight:650}input:not([type=checkbox]):not([type=range]),select{width:100%;background:var(--page);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px;min-height:44px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}input[type=range]{width:100%;height:44px;accent-color:var(--accent);cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{transform:scale(1.4)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}label{display:block;color:var(--muted);font-size:13px}label.button{color:var(--text);font-size:15px}label.primary{color:var(--ink)}header{max-width:1520px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:12px;align-items:center;color:var(--text);font-size:22px;font-weight:700;text-decoration:none}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:450;letter-spacing:.05em}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--accent);color:var(--ink);font-size:20px}.actions{display:flex;flex-wrap:wrap;gap:9px}.menu{position:relative}.menu>div{position:absolute;right:0;top:55px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;min-width:255px;z-index:5;box-shadow:0 12px 40px #0005}summary{cursor:pointer;min-height:44px;align-content:center}summary.button{list-style:none}#status{max-width:1464px;margin:0 auto 18px;padding:12px 16px;background:var(--raised);border-radius:10px;color:var(--muted);font-size:13px}#status.error,.error{color:var(--error)}main{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;max-width:1520px;margin:auto;padding:0 28px 32px}.library{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-self:start;position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow:auto}.library>summary{padding:14px 18px;font-weight:650;border-bottom:1px solid var(--line)}.library-body{padding:16px;display:grid;gap:14px}.bounds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check,.chip{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px}.video-list{display:grid;gap:7px}.video-item{width:100%;display:block;text-align:left;overflow-wrap:anywhere}.video-item.active{border-color:var(--accent);background:var(--raised);box-shadow:inset 3px 0 var(--accent)}.video-item small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.workspace{min-width:0;display:grid;gap:18px}.player-card,.editor-card,.segments-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--accent);margin:0 0 5px}h1,h2{margin:0;font-size:19px;font-weight:600;overflow-wrap:anywhere}h2{font-size:17px}.badge{color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:4px 8px;font-size:12px;white-space:nowrap}#stage{position:relative;background:#080d12;aspect-ratio:16/9;max-height:48dvh;min-height:160px;display:grid;place-items:center;overflow:hidden;border-radius:10px}video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;max-width:none}#placeholder{text-align:center;color:#9eafbe;font-size:34px}#placeholder p{font-size:16px;margin:8px}#placeholder small{font-size:12px}.time{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:15px}.speed{display:flex;align-items:center;gap:8px}.speed select{width:78px}.error:empty{display:none}.interval{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr) auto;gap:10px;align-items:end;margin-bottom:18px}.tag-search{display:flex;gap:8px;margin-top:5px}.tag-search input{flex:1;min-width:0}.tag-search button{white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--page);border:1px solid var(--line);border-radius:9px;padding:7px 11px;color:var(--text);font-size:14px}.chip:has(input:checked){border-color:var(--accent);background:var(--raised)}.tag-options{max-height:190px;overflow:auto;margin:12px 0}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.selected-tags button{min-height:34px;padding:4px 10px;font-size:13px;color:var(--accent)}.save-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px}.muted{color:var(--muted);font-size:13px;margin:0}.segment{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;gap:12px}.segment strong{font-size:14px}.segment p{margin:3px 0;color:var(--muted);font-size:13px}.segment-actions{display:flex;gap:6px}.segment-actions button{padding:8px 10px}.segment.editing{border-left:3px solid var(--accent);padding-left:10px}footer{color:var(--muted);font-size:12px;padding:6px 3px}footer p{max-width:700px} [hidden]{display:none!important}@media(max-width:1000px){header{padding:16px}main{padding:0 16px 24px;grid-template-columns:235px minmax(0,1fr);gap:14px}#status{margin:0 16px 14px}.player-card,.editor-card,.segments-card{padding:14px}.interval{grid-template-columns:1fr 1fr}.interval label:nth-of-type(2){grid-column:1}.section-top{align-items:flex-start}.controls button{padding:8px 12px}}@media(max-width:740px){header{flex-wrap:wrap}.actions{width:100%}.actions>.button,.actions>button{flex:1}.brand{font-size:20px}main{display:flex;flex-direction:column}.library{position:static;width:100%;max-height:none}.library-body{max-height:55dvh;overflow:auto}#stage{max-height:none}.save-row{align-items:stretch;flex-direction:column}.save-row>button{width:100%}.segment{align-items:flex-start;flex-direction:column}.segment-actions{width:100%}.segment-actions button{flex:1}.interval{gap:8px}}@media(display-mode:standalone){header{padding-top:max(16px,env(safe-area-inset-top))}body{padding-bottom:env(safe-area-inset-bottom)}}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;max-width:560px;width:calc(100% - 24px);max-height:90dvh;overflow:auto;padding:22px}dialog::backdrop{background:#0009}dialog label{margin-top:12px}.video-row{display:flex;gap:5px;align-items:stretch}.video-row .video-item{flex:1;min-width:0}.hide-video{padding:6px;font-size:12px;max-width:65px}