.library-tools,.workspace-toolbar,.transport,.segment-tools { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:14px 0; }
.library-tools input { flex:1; min-width:180px; }
.library-tools input,.library-tools select,.workspace-toolbar button,.transport button,.segment-tools button,.timeline-panel input,.timeline-panel select,.login-panel input,.manual-moment input,.manual-moment button,.dictionary button { padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:#101317; color:var(--text); }
.workspace-toolbar button,.transport button,.segment-tools button,.manual-moment button { cursor:pointer; }
.workspace-toolbar a { color:var(--lime); font-size:11px; }
.library-project { padding:17px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); min-width:0; }
.library-project a { display:block; color:var(--text); text-decoration:none; font-weight:700; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.library-project .project-meta { color:var(--muted); font-size:10px; margin:9px 0; line-height:1.6; }
.project-status { display:inline-block; color:var(--lime); font-size:10px; padding:5px 8px; border-radius:6px; background:var(--lime-soft); }
.project-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.project-actions button { padding:6px 9px; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:6px; cursor:pointer; font-size:10px; }
.project-actions button:hover { color:var(--lime); border-color:var(--lime); }
.library-count,.autosave-note { color:var(--muted); font-size:10px; }
.timeline-panel { padding:14px; border:1px solid var(--line); border-radius:12px; margin:12px 0; background:#090c0f; color:var(--muted); font-size:10px; }
.waveform { width:100%; height:68px; display:block; background:#10161b; cursor:crosshair; border-radius:7px; }
.cue-track { position:relative; height:42px; margin:7px 0; overflow:hidden; background:#11161a; border-radius:7px; }
.cue-track button { position:absolute; height:34px; top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #526234; border-radius:4px; color:#e9f1da; background:#304020; cursor:pointer; font-size:9px; text-align:left; padding:3px; }
.cue-track button.selected { border-color:var(--lime); background:#4d672d; }
.timeline-fields { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; margin:10px 0; }
.timeline-fields label { display:grid; gap:5px; }
.timeline-fields input { width:100%; min-width:0; }
.timeline-playhead { color:var(--lime); font-variant-numeric:tabular-nums; }
.timeline-range { width:100%; accent-color:var(--lime); }
.manual-moment { padding:16px; border:1px solid var(--line); border-radius:12px; margin:15px 0; color:var(--muted); font-size:11px; }
.manual-moment video { width:100%; max-height:300px; margin:10px 0; background:#000; }
.manual-moment input { width:100px; }
.manual-moment p { line-height:1.5; }
.draft-waveform { grid-column:1/-1; }
.segment-list { display:flex; gap:6px; flex-wrap:wrap; margin:8px 0; }
.segment-list label { padding:7px; border:1px solid var(--line); border-radius:6px; }
.segment-list input { margin-right:5px; }
.dictionary { grid-column:1/-1; padding:12px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:11px; }
.dictionary button { margin-top:10px; cursor:pointer; }
.login-screen { position:fixed; inset:0; z-index:100; background:rgba(7,9,11,.98); display:grid; place-items:center; }
.login-panel { width:min(420px,90vw); display:grid; gap:15px; padding:32px; border:1px solid var(--line); border-radius:20px; background:#101317; }
.login-panel h1 { font-size:32px; margin:0; }
.login-panel label { display:grid; gap:8px; color:var(--muted); font-size:12px; }
.word-live { color:var(--editor-accent,var(--lime)); }
.word-track { display:flex; flex-wrap:wrap; gap:4px; margin-top:9px; line-height:1.6; }
.word-track button { padding:5px 8px; color:var(--muted); border:1px solid var(--line); background:#151c20; border-radius:5px; cursor:pointer; }
.word-track button.active { color:#10150a; background:var(--lime); }
.golden-grade > span { background:linear-gradient(135deg,#b27830,#dbc68a); }
.teal-orange-grade > span { background:linear-gradient(135deg,#087e8b,#e99645); }
.vintage-grade > span { background:linear-gradient(135deg,#605041,#aa9c78); }
.pastel-grade > span { background:linear-gradient(135deg,#b7b5d6,#e3c7b9); }
.matte-grade > span { background:linear-gradient(135deg,#4a5052,#b1aa9f); }
.noir-grade > span { background:linear-gradient(135deg,#08090a,#888); }
.sepia-grade > span { background:linear-gradient(135deg,#4e3625,#bd9a62); }
.clean-grade > span { background:linear-gradient(135deg,#4d8c9b,#cde1dc); }
.toast { position:fixed; z-index:120; right:24px; bottom:24px; max-width:360px; padding:15px 20px; border:1px solid var(--lime); border-radius:12px; color:var(--text); background:#161b12; font-size:12px; box-shadow:0 10px 35px #0008; }
button:disabled { opacity:.4; cursor:not-allowed; }
@media(max-width:760px) { .timeline-fields { grid-template-columns:1fr 1fr; } .library-tools { align-items:stretch; } .library-tools select { flex:1; min-width:100px; } .project-actions button { min-height:36px; } .transport { gap:5px; } .transport button { font-size:10px; padding:8px; } }