[data-thumb-tool] .mode-switch{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:.7rem;gap:.3rem;padding:.25rem;display:flex}[data-thumb-tool] .mode-switch button{min-height:2.35rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:1 1 0;padding:.4rem .7rem;font-size:.88rem;font-weight:650}[data-thumb-tool] .mode-switch button[aria-selected=true]{color:var(--text);background:color-mix(in srgb, var(--action) 14%, var(--surface-strong))}[data-thumb-tool] .source-panel{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:.75rem;gap:.55rem;padding:.95rem 1rem 1rem;display:grid}[data-thumb-tool] .source-panel[hidden]{display:none}[data-thumb-tool] .source-label{color:var(--text);margin:0;font-size:.82rem;font-weight:650}[data-thumb-tool] .source-help{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}[data-thumb-tool] .link-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}[data-thumb-tool] .record-panel{text-align:center;justify-items:center}[data-thumb-tool] .record-panel .source-help{max-width:26rem}[data-thumb-tool] .record-row{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:100%;display:flex}[data-thumb-tool] .record-toggle{gap:.5rem;min-width:13.25rem;transition:transform .14s cubic-bezier(.23,1,.32,1),filter .16s,background .18s,box-shadow .18s}[data-thumb-tool] .record-toggle:active:not(:disabled){transform:scale(.985)}[data-thumb-tool] .record-toggle.is-starting{cursor:wait;filter:saturate(.85)}[data-thumb-tool] .record-toggle.is-recording{background:linear-gradient(135deg,#d1261a,#f24f36);box-shadow:0 0 0 3px #e6271a29}[data-thumb-tool] .record-dot{background:#fff;border-radius:999px;width:.62rem;height:.62rem;box-shadow:0 0 0 2px #ffffff2e}[data-thumb-tool] .record-toggle.is-recording .record-dot{animation:1.05s ease-in-out infinite record-pulse}@keyframes record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(.78)}}@media (prefers-reduced-motion:reduce){[data-thumb-tool] .record-toggle.is-recording .record-dot{animation:none}}[data-thumb-tool] .link-row input{border:1px solid var(--hairline);min-height:2.7rem;color:var(--text);background:var(--input-bg);border-radius:.5rem;flex:14rem;padding:.55rem .75rem;font-size:.92rem}[data-thumb-tool] .link-row input:focus{border-color:var(--action);outline:none;box-shadow:0 0 0 3px #0066ff2e}[data-thumb-tool] .source-action{width:auto;min-width:8.5rem}[data-thumb-tool] .pick-split{align-items:stretch;display:inline-flex;position:relative}[data-thumb-tool] .pick-main{cursor:pointer;font:inherit;border:0;border-radius:.5rem 0 0 .5rem;padding-right:1.1rem}[data-thumb-tool] .pick-chevron{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f,#5d9dfd);border:0;border-left:1px solid #ffffff47;border-radius:0 .5rem .5rem 0;justify-content:center;align-items:center;width:2.35rem;margin:0;padding:0;display:inline-flex}[data-thumb-tool] .pick-chevron svg{width:1.05rem;height:1.05rem;transition:transform .16s}[data-thumb-tool] .pick-split.is-open .pick-chevron svg{transform:rotate(180deg)}[data-thumb-tool] .pick-main:hover,[data-thumb-tool] .pick-chevron:hover{filter:brightness(1.06)}[data-thumb-tool] .pick-main:focus-visible,[data-thumb-tool] .pick-chevron:focus-visible{outline-offset:-3px;z-index:1;outline:2px solid #fff}[data-thumb-tool] .pick-menu{z-index:30;border:1px solid var(--hairline);background:var(--surface-strong);border-radius:.6rem;min-width:11.5rem;padding:.3rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 10px 28px #14181f29}[data-thumb-tool] .pick-menu[hidden]{display:none}[data-thumb-tool] .pick-menu-item{width:100%;min-height:2.35rem;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.4rem;align-items:center;gap:.55rem;padding:.4rem .65rem;font-size:.9rem;font-weight:650;display:flex}[data-thumb-tool] .pick-menu-item:hover,[data-thumb-tool] .pick-menu-item:focus-visible{background:#0066ff14;outline:none}[data-thumb-tool] .pick-menu-item svg{color:#0061ff;width:1.2rem;height:1.2rem}[data-thumb-tool] .record-clock{min-width:6.5ch;color:var(--text);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:1.85rem;font-weight:750;line-height:1}[data-thumb-tool] .record-clip{border:1px solid var(--hairline);background:var(--input-bg);text-align:left;border-radius:.75rem;align-items:center;gap:.7rem;width:min(100%,22rem);padding:.55rem .6rem .55rem .55rem;display:flex}[data-thumb-tool] .record-clip[hidden]{display:none}[data-thumb-tool] .record-play{color:#fff;background:var(--action);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;width:2.4rem;height:2.4rem;padding:0;display:grid}[data-thumb-tool] .record-play:hover{filter:brightness(1.06)}[data-thumb-tool] .record-play svg{width:1.05rem;height:1.05rem}[data-thumb-tool] .record-clip-copy{flex:auto;min-width:0}[data-thumb-tool] .record-clip-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;font-weight:700;display:block;overflow:hidden}[data-thumb-tool] .record-clip-copy span{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:.12rem;font-size:.72rem;display:block}[data-thumb-tool] .record-clip .chip-button{flex:none;width:auto;min-width:5.6rem;margin-top:0}[data-thumb-tool] .result-grid{width:100%;max-height:none;display:block}[data-thumb-tool] .thumb-item,[data-thumb-tool] .result-card{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:.75rem;flex-direction:column;flex:100%;gap:.7rem;width:100%;max-width:none;padding:1rem 1.1rem 1.05rem;display:flex;position:relative}[data-thumb-tool] .result-card .thumb-item-head{padding-right:1.8rem}[data-thumb-tool] .thumb-item-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}[data-thumb-tool] .lane-panel{justify-items:center;gap:.4rem;width:min(100%,28rem);display:grid}[data-thumb-tool] .lane-panel[hidden]{display:none}[data-thumb-tool] .lane-label{color:var(--text);margin:0;font-size:.78rem;font-weight:650}[data-thumb-tool] .lane-hint{max-width:28rem;color:var(--muted);margin:0;font-size:.75rem;line-height:1.45}[data-thumb-tool] .phone-upgrade-hint{border:1px solid var(--hairline);color:var(--text);background:#0066ff0f;border-radius:.55rem;margin:0;padding:.7rem .85rem;font-size:.8rem;line-height:1.45}[data-thumb-tool] .phone-upgrade-hint[hidden]{display:none}[data-thumb-tool] .model-switch{border:1px solid var(--hairline);background:var(--surface-strong);border-radius:.6rem;gap:.25rem;padding:.2rem;display:flex}[data-thumb-tool] .model-switch[hidden]{display:none}[data-thumb-tool] .model-switch button{min-height:2rem;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:0 .7rem;font-size:.78rem}[data-thumb-tool] .model-switch button.is-active{color:#fff;background:var(--action)}[data-thumb-tool] .model-switch button:disabled{cursor:wait;opacity:.65}[data-thumb-tool] .thumb-item-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-thumb-tool] .thumb-preview,[data-thumb-tool] .transcript-preview{aspect-ratio:auto;background:var(--input-bg);border-radius:.55rem;width:100%;min-height:16rem;max-height:min(70vh,42rem);padding:1rem 1.1rem;overflow:auto}[data-thumb-tool] .transcript-text{color:var(--text);white-space:pre-wrap;-o-object-fit:contain;object-fit:contain;margin:0;font-size:.92rem;line-height:1.55}[data-thumb-tool] .transcript-cues,.viewer-preview{flex-direction:column;display:flex}[data-thumb-tool] .transcript-cue,.viewer-preview .transcript-cue{border-bottom:1px solid color-mix(in srgb, var(--hairline) 80%, transparent);flex-direction:column;gap:.2rem;padding:.65rem .1rem;display:flex}[data-thumb-tool] .transcript-cue:last-child,.viewer-preview .transcript-cue:last-child{border-bottom:0;padding-bottom:0}[data-thumb-tool] .transcript-cue:first-child,.viewer-preview .transcript-cue:first-child{padding-top:0}[data-thumb-tool] .transcript-cue-time,.viewer-preview .transcript-cue-time{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem}[data-thumb-tool] .transcript-cue-text,.viewer-preview .transcript-cue-text{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.92rem;line-height:1.55}@media (width>=768px){[data-thumb-tool] .transcript-cue,.viewer-preview .transcript-cue{flex-direction:row;align-items:flex-start;gap:.9rem}[data-thumb-tool] .transcript-cue-time,.viewer-preview .transcript-cue-time{width:3.2rem;padding-top:.2rem}}[data-thumb-tool] .thumb-item-note{color:var(--muted);margin:0;font-size:.75rem}[data-thumb-tool] .thumb-item-actions{flex-wrap:wrap;gap:.4rem;display:flex}[data-thumb-tool] .chip-button{width:auto;min-height:2.1rem;padding:.4rem .75rem}[data-thumb-tool] .chip-button.secondary-button:not(.subtle){color:#fff;background:var(--action);border-color:#0000}.model-progress{gap:.45rem;padding:.15rem .25rem 0;display:grid}.model-progress[hidden]{display:none}.progress-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.progress-copy,.progress-pct{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.progress-pct{font-variant-numeric:tabular-nums;flex:none}.progress-hint{color:var(--muted);margin:0;font-size:.74rem;line-height:1.4}.progress-hint[hidden]{display:none}.progress-track{background:var(--hairline);border-radius:999px;height:.45rem;overflow:hidden}.progress-bar{background:var(--action);width:0;height:100%;transition:width .28s ease-out}.progress-bar.is-indeterminate{width:34%;transition:none;animation:1.15s ease-in-out infinite model-progress-slide}@keyframes model-progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.thumb-viewer{border:1px solid var(--hairline);background:var(--surface-strong);width:min(100% - 2rem,52rem);color:var(--text);border-radius:1rem;padding:0}.thumb-viewer::backdrop{background:#14181e73}.viewer-inner{gap:.65rem;padding:1.1rem 1.15rem 1.2rem;display:grid}.viewer-kicker,.viewer-inner h3{margin:0}.viewer-kicker{color:var(--muted);font-size:.75rem;font-weight:600}.viewer-preview{aspect-ratio:auto;background:var(--results-bg);border-radius:.55rem;max-height:min(72vh,40rem);padding:1rem 1.1rem;overflow:auto}.viewer-preview p,.viewer-preview .transcript-cue-text{white-space:pre-wrap;margin:0;line-height:1.55}@media (width<=640px){[data-thumb-tool] .thumb-item-actions{width:100%}[data-thumb-tool] .chip-button{flex:auto}[data-thumb-tool] .record-clip .chip-button{flex:none}}
