.db__controls{grid-template-columns:1fr;gap:.75rem;width:100%;display:grid}@media (min-width:560px){.db__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.db__field{min-width:0;font-size:var(--text-sm);color:var(--color-ink);flex-direction:column;gap:.35rem;font-weight:600;display:flex}.db__field select{border:1px solid var(--color-line);border-radius:var(--radius-input);background:var(--color-paper);min-height:44px;color:var(--color-ink);font:inherit;font-weight:400;font-size:var(--text-sm);padding:0 .7rem}.db__empty{background:var(--color-paper-2);border-radius:var(--radius-input);font-size:var(--text-sm);color:var(--color-ink-dim);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .9rem;padding:.75rem;display:flex}.db__player{width:100%;margin-top:.75rem}.db__preview{border:1px solid var(--color-line);border-radius:var(--radius-input);align-items:center;gap:.85rem;width:100%;padding:.7rem .85rem;display:flex}.db__thumb{object-fit:cover;background:var(--color-paper-3);border-radius:calc(var(--radius-input) - 4px);flex:none;width:104px;height:62px}.db__previewbody{flex-direction:column;flex:auto;gap:.2rem;min-width:0;display:flex}.db__progress{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.db__ticker{color:var(--color-ink);font-size:var(--text-sm);align-items:center;gap:.5rem;margin:0;font-weight:600;display:flex}.db__spinner{border:2px solid var(--color-line);border-top-color:var(--color-accent-deep);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.db__spinner{border-top-color:var(--color-line);animation:none}}.tool__note a{color:var(--color-cyan-ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.tool__note a:hover{color:var(--color-cyan-deep)}.db__pending{border:1px dashed var(--color-control-edge);border-radius:var(--radius-pill);min-height:44px;color:var(--color-ink-dim);font-size:var(--text-sm);align-items:center;gap:.5rem;padding:0 1.1rem;font-weight:600;display:inline-flex}.db__result{background:var(--color-ink);border-radius:var(--radius-input);width:100%;max-height:420px;margin-top:.5rem}.db__detected{width:100%;color:var(--color-ink-dim);font-size:var(--text-xs);margin:0}.db__waiting{isolation:isolate;aspect-ratio:16/9;width:100%;max-height:420px;padding:var(--space-md);background:var(--color-ink);border-radius:var(--radius-input);color:var(--color-paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative;overflow:hidden}.db__waiting strong{font-size:var(--text-md)}.db__waiting span:last-child{max-width:40ch;font-size:var(--text-xs);opacity:.75}.db__detected em{color:var(--color-ink);font-style:normal}.db__unsure{background:var(--color-pear-wash);border-radius:var(--radius-input);width:100%;color:var(--color-ink);font-size:var(--text-xs);margin:0;padding:.55rem .75rem;line-height:1.45}.db__miniload{vertical-align:-1px;border:2px solid var(--color-line);border-top-color:var(--color-accent-deep);border-radius:50%;width:11px;height:11px;margin-left:.4rem;animation:.7s linear infinite db-spin;display:inline-block}@media (prefers-reduced-motion:reduce){.db__miniload{animation:none}}.db__controls~[data-slot=button],.tool__stage>[data-slot=button]{min-width:min(100%,22rem)}[data-slot=button] .db__spinner{border-color:oklch(var(--shadow-c) / .25);border-top-color:var(--color-accent-ink)}.db__waitingvideo{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.db__waiting:before{content:"";z-index:-1;background:#040609b8;background:lab(1.55425% -.288241 -1.34299/.72);position:absolute;inset:0}.db__stage{width:100%;position:relative;container-type:inline-size}.kar{pointer-events:none;justify-content:center;padding:0 1rem;display:flex;position:absolute;inset:auto 0 12%}.kar__line{text-align:center;color:#fff;text-shadow:0 2px 6px #000000d9,0 0 2px #000000e6;max-width:90%;margin:0;font-size:clamp(1rem,3.4cqw,1.75rem);font-weight:800;line-height:1.25}.kar__word{white-space:pre;border-radius:.25rem;transition:transform 90ms ease-out,color 90ms linear;display:inline-block}.kar__word--fill{background:var(--kar);color:#111;text-shadow:none;margin:0 -.15em;padding:0 .15em}.kar__word--pop{color:var(--kar);transform:scale(1.14)}.kar__word--colour{color:var(--kar)}.kar__word--underline{box-shadow:inset 0 -.18em 0 var(--kar)}@media (prefers-reduced-motion:reduce){.kar__word{transition:none}.kar__word--pop{transform:none}}.db__caps{font-size:var(--text-sm);color:var(--color-ink-dim);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.db__caps select{border:1px solid var(--color-line);border-radius:var(--radius-input);background:var(--color-paper);min-height:32px;color:var(--color-ink);font:inherit;font-size:var(--text-sm);padding:0 .5rem}.db__caps input[type=color]{border:1px solid var(--color-line);border-radius:var(--radius-input);cursor:pointer;background:0 0;width:32px;height:32px;padding:0}.db__pending--over{color:#fff;font-size:var(--text-sm);text-align:center;background:#000000b8;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;display:flex;position:absolute;inset:auto 0 0;transform:translateY(-44px)}.db__opt{border:1px solid var(--color-line);border-radius:var(--radius-input);background:var(--color-paper);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:.75rem;padding:.7rem .85rem;transition:border-color .12s;display:flex}.db__opt:hover{border-color:var(--color-line-bright)}.db__opt:focus-within{border-color:var(--color-focus)}.db__opt--off{cursor:not-allowed;opacity:.65}.db__opt--tight{flex:14rem;width:auto;margin-top:0}.db__opt__text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.db__opt__name{font-size:var(--text-sm);color:var(--color-ink);font-weight:600}.db__opt__note{font-size:var(--text-xs,.8125rem);color:var(--color-ink-dim);line-height:1.35}.db__switch{appearance:none;border:1px solid var(--color-line-bright);background:var(--color-paper-2);width:42px;height:24px;cursor:inherit;border-radius:999px;flex:none;margin:0;transition:background-color .14s,border-color .14s;position:relative}.db__switch:after{content:"";background:var(--color-paper);border-radius:50%;width:18px;height:18px;transition:transform .14s;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 1px 2px #00000040}.db__switch:checked{background:var(--color-accent);border-color:var(--color-accent-deep)}.db__switch:checked:after{transform:translateY(-50%)translate(18px)}.db__switch:disabled{cursor:not-allowed}.db__switch:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.db__switch,.db__switch:after{transition:none}}.db__opt__pick{border:1px solid var(--color-line);border-radius:var(--radius-input);background:var(--color-paper);max-width:15rem;min-height:36px;color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:inherit;flex:none;padding:0 .6rem}.db__opt__pick:disabled{cursor:not-allowed;opacity:.7}