:root{--text:#1d1d1f;--muted:#5f6368;--line:#e3e3e3;--accent:#1a5fd0;--warn-bg:#fff6d6}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:880px;margin:0 auto;padding:32px 20px 64px}button,.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:10px 18px}h1{margin:0 0 16px;font-size:28px}h2{margin-top:32px}.muted{color:var(--muted)}.error{color:#b3261e}.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.list,.clips,.files{padding:0;list-style:none}.list li,.clips li,.files li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex}.clips .state{flex:1;font-size:17px;font-weight:600}.clips .thumb{background:var(--line);width:48px;height:27px}.card{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:16px;display:flex}.project{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.batch{font-size:18px;font-weight:600}button.link{color:var(--accent);background:0 0;border:none;padding:4px 6px}button.danger{color:#b3261e;background:#fff;border-color:#b3261e}label{align-items:center;gap:6px;display:flex}input,select{font:inherit;padding:6px 8px}.signin form{margin:16px 0}.warn{background:var(--warn-bg);border-radius:6px;padding:12px}button.secondary,.button.secondary{color:var(--accent);background:#fff}button:disabled{opacity:.5;cursor:default}.state{font-size:20px;font-weight:600}.note{background:var(--warn-bg);border-radius:6px;padding:12px 16px}.player{grid-template-columns:1fr 1fr;gap:12px;display:grid}.player figure{margin:0}.player video,.player .empty{aspect-ratio:16/9;background:#000;width:100%}.player figcaption{color:var(--muted);font-size:14px}.row-left{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.grow{flex:1}.dialog{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;max-width:520px;margin:12px 0;padding:16px;display:flex}.dialog input,form input,form select{font:inherit;border:1px solid var(--line);border-radius:6px;width:100%;padding:8px}.switch{align-items:center;gap:8px;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.tabs a{color:var(--muted);padding:8px 0;text-decoration:none}.tabs a.active{color:var(--text);border-bottom:2px solid var(--accent)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}
