:root{--bg: #141413;--panel: #1d1d1b;--text: #e8e0d8;--muted: #9a938b;--accent: #c55934;--border: #2c2c2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar,.controls{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.controls{border-bottom:none;border-top:1px solid var(--border)}.toolbar h1{font-size:16px;margin:0;font-weight:600}.spacer{flex:1}label{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}select,button,input[type=file]{font-size:13px}select,button{background:#2a2a28;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.counter,.meta{font-size:12px;color:var(--muted)}.waveform-wrap{position:relative;flex:none;padding:24px 20px;overflow:hidden}.waveform{background:#0f0f0e;border:1px solid var(--border);border-radius:8px}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:14px;pointer-events:none}.overlay.hint{color:var(--accent);font-weight:600}.loadbtn{background:#2a2a28;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px}.loadbtn input{display:none}.speed{display:inline-flex;gap:4px}.speed button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.zoom input{width:200px}.tip{margin:0;padding:10px 20px 20px;font-size:12px;color:var(--muted)}.tip code{color:var(--text);background:#2a2a28;padding:1px 5px;border-radius:4px}::part(region){font-size:11px}::part(region-content){color:#fff;padding:1px 3px;white-space:nowrap}.table-head{display:flex;align-items:center;padding:6px 20px;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.words-table{flex:1;min-height:0;overflow-y:auto;background:var(--bg)}.table-body{position:relative}.table-row{position:absolute;left:0;right:0;height:28px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #1f1f1d;font-size:13px;cursor:grab}.table-row:hover{background:#1b1b19}.table-row.active{background:#c559342e}.table-row.edited .col-time{color:#7bc47f}.col-word{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.col-word .gur{color:var(--text)}.col-word .tl{color:var(--muted);font-size:12px}.col-time{width:90px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.audio-badge{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:0 4px;margin-right:6px}.addbar{display:flex;align-items:center;gap:10px;padding:8px 20px;background:var(--panel);border-top:1px solid var(--border)}.search-wrap{position:relative}.addinput{background:#2a2a28;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:14px;width:380px}.suggestions{position:absolute;top:100%;left:0;z-index:20;width:380px;max-height:300px;overflow-y:auto;margin-top:4px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 20px #00000073}.suggestion{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 12px;cursor:pointer;font-size:15px;border-bottom:1px solid var(--border)}.suggestion:hover{background:#2a2a28}.suggestion .gur{color:var(--text)}.suggestion .tl{color:var(--muted);font-size:13px}.suggestion.as-typed{color:var(--accent);justify-content:flex-start;font-size:13px}.suggestion.empty{color:var(--muted);cursor:default;font-size:12px}.addlabel{font-size:13px;font-weight:600;color:var(--accent)}.addhint{font-size:12px;color:var(--muted)}.row-x{margin-left:10px;width:22px;background:transparent;border:none;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:0}.row-x:hover{color:var(--accent)}.script-toggle{gap:5px}
