.cs{--cs-wave:color-mix(in srgb,var(--ink-2) 55%,transparent);--cs-cut:color-mix(in srgb,var(--danger) 42%,transparent);--cs-head:var(--ink);--cs-filler:color-mix(in srgb,var(--tool-accent) 80%,var(--ink))}.cs [hidden]{display:none !important}.cs__body{display:grid;gap:var(--space-4)}.cs__help{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.cs__label{color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.cs__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cs__note{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;color:var(--ink-2);font-size:var(--fs-sm);line-height:var(--lh-body)}.cs__note .icon{flex:none;margin-top:3px;color:var(--tool-accent)}.cs__drop{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:2px dashed color-mix(in srgb,var(--tool-accent) 45%,var(--line));border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--tool-accent) 12%,var(--bg-deep)),var(--bg-deep) 70%);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.cs__drop.is-over{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 16%,var(--bg-deep))}.cs__drop h3{margin:0;font-size:var(--fs-h3)}.cs__art{display:block;width:min(56vw,280px);height:auto;aspect-ratio:4 / 3;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--tool-accent) 24%,transparent))}.cs__drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.cs__drop .cs__note{max-width:46ch;justify-content:center;text-align:left}.cs__editor{display:grid;gap:var(--space-4);align-items:start}.cs__stage{display:grid;gap:var(--space-3);min-width:0}.cs__player{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-deep);box-shadow:var(--shadow-card)}.cs__screen{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;background:#000}.cs__screen video{display:block;width:100%;height:100%;object-fit:contain}.is-audio .cs__screen{aspect-ratio:auto;min-height:120px;background:radial-gradient(100% 120% at 50% 0%,color-mix(in srgb,var(--tool-accent) 18%,var(--bg-deep)),var(--bg-deep))}.is-audio .cs__screen video{position:absolute;inset:0;opacity:0;pointer-events:none}.cs__audio-face{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-4);color:var(--ink-2);font-size:var(--fs-sm)}.cs__audio-face .icon{width:40px;height:40px;color:var(--tool-accent)}.cs__noplay{position:absolute;inset:auto var(--space-3) var(--space-3);margin:0;padding:var(--space-2) var(--space-3);color:var(--ink);font-size:var(--fs-sm);background:color-mix(in srgb,var(--bg-deep) 85%,transparent);border-radius:var(--radius-sm)}.cs__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.cs__play{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--accent-ink);background:var(--tool-accent);border:0;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.cs__play:hover{transform:scale(1.05)}.cs__play:focus-visible{outline:var(--focus-ring);outline-offset:2px}.cs__play .icon{margin-left:3px}.cs__pause-icon{display:none;width:14px;height:16px;border-left:4px solid currentColor;border-right:4px solid currentColor}.cs__play[data-playing] .icon{display:none}.cs__play[data-playing] .cs__pause-icon{display:block}.cs__time{color:var(--ink);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:600}.cs__skip{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto;color:var(--ink-2);font-size:var(--fs-sm);cursor:pointer}.cs__skip input{accent-color:var(--tool-accent);width:18px;height:18px}.cs__timeline{display:block;width:100%;height:56px;border-top:1px solid var(--line);cursor:pointer;touch-action:none}.cs__summary{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(120deg,color-mix(in srgb,var(--tool-accent) 12%,var(--surface-2)),var(--surface-2) 70%)}.cs__summary p{margin:0}.cs__file{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);align-items:baseline;color:var(--muted);font-size:var(--fs-sm)}.cs__file strong{min-width:0;overflow:hidden;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cs__sum-length{color:var(--ink);font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;font-variant-numeric:tabular-nums}.cs__sum-saved{color:var(--tool-accent);font-weight:600}.cs__panel{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2)}.cs__steps{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.cs__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--space-2);align-items:center}.cs__step-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong)}.cs__step[data-state="active"] .cs__step-dot{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 40%,transparent);animation:cs-pulse 1.2s var(--ease) infinite}.cs__step[data-state="done"] .cs__step-dot{border-color:var(--tool-accent);background:var(--tool-accent)}.cs__step[data-state="error"] .cs__step-dot{border-color:var(--danger);background:var(--danger)}.cs__step-text{display:flex;flex-wrap:wrap;gap:0 var(--space-2);font-size:var(--fs-sm)}.cs__step-text strong{color:var(--ink);font-weight:600}.cs__step-note{color:var(--muted);font-variant-numeric:tabular-nums}.cs__track{grid-column:2;height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--line)}.cs__track span{display:block;width:0;height:100%;background:var(--tool-accent);border-radius:inherit;transition:width var(--dur) var(--ease)}.cs__step:not([data-state="active"]) .cs__track{display:none}.cs__cancel{justify-self:start}.cs__transcribe{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--tool-accent) 10%,var(--bg-deep))}.cs__transcribe .lz-btn{justify-self:start}.cs__group{display:grid;gap:var(--space-3)}.cs__group-title{margin:0;font-size:var(--fs-md)}.cs__switch-row{display:grid;gap:var(--space-2)}.cs__switch{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;cursor:pointer}.cs__switch input{position:absolute;opacity:0;width:1px;height:1px}.cs__switch-ui{position:relative;width:42px;height:24px;margin-top:2px;border-radius:var(--radius-pill);background:var(--line-strong);transition:background var(--dur-fast) var(--ease)}.cs__switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform var(--dur-fast) var(--ease)}.cs__switch input:checked + .cs__switch-ui{background:var(--tool-accent)}.cs__switch input:checked + .cs__switch-ui::after{transform:translateX(18px);background:var(--accent-ink)}.cs__switch input:focus-visible + .cs__switch-ui{outline:var(--focus-ring);outline-offset:2px}.cs__switch-text{display:grid;gap:2px}.cs__switch-text strong{color:var(--ink);font-size:var(--fs-sm)}.cs__switch-text small{color:var(--muted);font-size:var(--fs-xs);line-height:var(--lh-body)}.cs__sliders{display:grid;gap:var(--space-2);padding-left:calc(42px + var(--space-3))}.cs__slider{display:grid;gap:4px;color:var(--ink-2);font-size:var(--fs-xs)}.cs__slider span{display:flex;justify-content:space-between;gap:var(--space-2)}.cs__slider output{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.cs__slider input{width:100%;accent-color:var(--tool-accent)}.cs__more{border-top:1px solid var(--line);padding-top:var(--space-3)}.cs__more summary{cursor:pointer;color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.cs__more[open] summary{margin-bottom:var(--space-3)}.cs__more > * + *{margin-top:var(--space-3)}.cs__field{display:grid;gap:var(--space-2);min-width:0}.cs__input{min-height:44px;width:100%;padding:var(--space-2) var(--space-3);color:var(--ink);font:inherit;font-size:var(--fs-md);background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.cs__input:focus-visible{outline:var(--focus-ring);outline-offset:1px}.cs__seg{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--bg-deep);border:1px solid var(--line)}.cs__seg button{min-height:38px;padding:0 var(--space-3);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;background:transparent;border:0;border-radius:var(--radius-pill);cursor:pointer}.cs__seg button[aria-checked="true"]{color:var(--accent-ink);background:var(--tool-accent)}.cs__seg button:focus-visible{outline:var(--focus-ring);outline-offset:1px}.cs__panel-actions{display:grid;gap:var(--space-2)}.cs__panel-actions .lz-btn{width:100%;justify-content:center}.cs__text-wrap{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2)}.cs__text-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.cs__text-head h3{margin:0;font-size:var(--fs-md)}.cs__icon-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--ink-2);background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.cs__icon-btn:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong)}.cs__icon-btn:disabled{opacity:0.4;cursor:default}.cs__icon-btn:focus-visible{outline:var(--focus-ring);outline-offset:1px}.cs__text{max-height:min(62vh,640px);overflow-y:auto;padding:var(--space-2) var(--space-1) var(--space-6);color:var(--ink);font-size:var(--fs-md);line-height:2;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.cs__text:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.cs__text-empty{margin:0;color:var(--muted)}.cs__para{margin:0 0 var(--space-3)}.cs__stamp{margin-right:var(--space-2);padding:1px 6px;color:var(--muted);font:inherit;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;background:transparent;border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;vertical-align:2px}.cs__stamp:hover{color:var(--ink);border-color:var(--line-strong)}.cs__word{padding:2px 1px;border-radius:4px;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.cs__word:hover{background:color-mix(in srgb,var(--tool-accent) 14%,transparent)}.cs__word.is-filler{text-decoration:underline dotted var(--cs-filler);text-decoration-thickness:2px;text-underline-offset:4px}.cs__word.is-repeat{text-decoration:underline dashed var(--cs-filler);text-underline-offset:4px}.cs__word.is-cut{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--danger);text-decoration-thickness:2px;background:color-mix(in srgb,var(--danger) 10%,transparent)}.cs__word.is-now{box-shadow:inset 0 -3px 0 var(--tool-accent);color:var(--ink)}.cs__word.is-sel{background:color-mix(in srgb,var(--tool-accent) 34%,transparent);color:var(--ink)}.cs__chip{display:inline-flex;align-items:center;gap:3px;margin:0 2px;padding:0 7px;min-height:24px;color:var(--ink-2);font:inherit;font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.6;vertical-align:1px;background:var(--bg-deep);border:1px dashed var(--line-strong);border-radius:var(--radius-pill);cursor:pointer}.cs__chip[aria-pressed="true"]{color:var(--danger);text-decoration:line-through;background:color-mix(in srgb,var(--danger) 10%,var(--bg-deep));border:1px solid color-mix(in srgb,var(--danger) 45%,transparent)}.cs__chip:focus-visible{outline:var(--focus-ring);outline-offset:1px}.cs__selbar{position:fixed;z-index:30;left:50%;bottom:max(var(--space-4),env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);max-width:calc(100vw - 2 * var(--space-3));padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-3);box-shadow:var(--shadow-pop);transform:translateX(-50%);animation:cs-up var(--dur) var(--ease) both}.cs__sel-info{color:var(--ink-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:600}.cs__message{margin:0;padding:var(--space-3) var(--space-4);color:var(--ink);font-size:var(--fs-sm);border-radius:var(--radius-md);background:color-mix(in srgb,var(--tool-accent) 12%,var(--surface-2))}.cs__message.is-error{background:color-mix(in srgb,var(--danger) 14%,var(--surface-2))}.cs__dialog{width:min(94vw,560px);max-height:92vh;overflow-y:auto;padding:var(--space-5);color:var(--ink);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.cs__dialog::backdrop{background:color-mix(in srgb,var(--bg-deep) 72%,transparent)}.cs__dialog > * + *{margin-top:var(--space-4)}.cs__dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.cs__dialog-head h3{margin:0}.cs__formats{display:grid;gap:var(--space-2);margin:0;padding:0;border:0}.cs__formats legend{margin-bottom:var(--space-2);padding:0}.cs__format{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-deep);cursor:pointer}.cs__format:has(input:checked){border-color:var(--tool-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tool-accent) 30%,transparent)}.cs__format input{accent-color:var(--tool-accent);width:18px;height:18px}.cs__format span{display:grid;gap:2px}.cs__format small{color:var(--muted);font-size:var(--fs-xs)}.cs__go{width:100%;justify-content:center}.cs__progress{display:grid;gap:var(--space-2)}.cs__progress .cs__track{grid-column:auto;height:8px}.cs__progress .lz-btn{justify-self:start}.cs__result{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--tool-accent) 14%,var(--bg-deep))}.cs__result p{margin:0}.cs__result-title{color:var(--ink);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}.cs__extras{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}.cs__extras .cs__label{margin:0}.cs__extra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.cs__extra{display:grid;gap:2px;padding:var(--space-2) var(--space-3);color:var(--ink);font:inherit;text-align:left;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer}.cs__extra strong{font-size:var(--fs-sm)}.cs__extra small{color:var(--muted);font-size:var(--fs-xs);line-height:1.4}.cs__extra:hover:not(:disabled){border-color:var(--tool-accent)}.cs__extra:disabled{opacity:0.45;cursor:default}.cs__extra:focus-visible{outline:var(--focus-ring);outline-offset:1px}.cs__support{animation:cs-up var(--dur) var(--ease) both}@keyframes cs-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--tool-accent) 22%,transparent)}}@keyframes cs-up{from{opacity:0;transform:translate(-50%,8px)}}.cs__support{animation-name:cs-fade}@keyframes cs-fade{from{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.cs__step[data-state="active"] .cs__step-dot,.cs__selbar,.cs__support{animation:none}}@media (max-width:759.98px){.cs__drop{padding:var(--space-5) var(--space-3)}.cs__stage{position:sticky;top:var(--sticky-top,0px);z-index:5;gap:var(--space-2);padding-top:var(--space-2);background:var(--bg)}.cs__screen{max-height:32vh;aspect-ratio:auto;height:32vh}.is-audio .cs__screen{height:auto;min-height:72px}.cs__summary{padding:var(--space-2) var(--space-3)}.cs__summary .cs__help,.cs__file{display:none}.cs__sum-length{font-size:var(--fs-lg)}.cs__text{max-height:none;overflow:visible;padding-bottom:var(--space-4)}.cs__text-wrap{padding:var(--space-3)}.cs__panel{padding:var(--space-3)}.cs__selbar{border-radius:var(--radius-lg);width:calc(100vw - 2 * var(--space-3))}.cs__selbar .lz-btn{flex:1 1 auto}.cs__sel-info{flex:1 1 100%;text-align:center}}@media (min-width:1000px){.cs__editor{grid-template-columns:minmax(0,1.5fr) minmax(300px,0.75fr);grid-template-areas:"stage panel" "text panel"}.cs__stage{grid-area:stage}.cs__panel{grid-area:panel;position:sticky;top:calc(var(--sticky-top,0px) + var(--space-3))}.cs__text-wrap{grid-area:text}}