.tool-ui [hidden]{display:none!important}.tool-section{padding-top:40px}.tool-article{max-width:880px}.crumbs{display:flex;gap:8px;font:500 12px var(--mono);color:var(--text-faint);margin-bottom:18px}.crumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f4f2ee47}.crumbs a:hover{color:var(--text)}.tool-app{margin:8px 0 14px}.tool-ui{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);padding:22px;display:grid;gap:16px}.tool-privacy{font-size:14px!important;color:var(--text-faint)!important;margin-bottom:8px!important}.drop{display:grid;place-items:center;gap:6px;text-align:center;cursor:pointer;border:1.5px dashed var(--border-strong);border-radius:12px;padding:40px 18px;transition:border-color .15s,background .15s}.drop:hover,.drop.is-over{border-color:#ffffff73;background:#ffffff08}.drop:focus-within{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.drop strong{font-family:var(--display);font-size:21px;font-weight:600;color:var(--text)}.drop span{font-size:14px;color:var(--text-faint)}.drop input{position:absolute;width:1px;height:1px;opacity:0}.tool-ui.is-busy .drop{opacity:.5;pointer-events:none}.tool-options{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}.tool-options label{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--text-dim)}.tool-options select,.tool-options input[type=number]{font:inherit;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:7px 10px}.tool-options input[type=number]{width:76px}.tool-options input[type=range]{width:120px;accent-color:var(--accent)}.progress{display:grid;gap:8px}.progress-track{height:6px;border-radius:99px;background:#ffffff12;overflow:hidden}.progress-track>div{height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .25s}.progress-track>div.is-indeterminate{width:100%;opacity:.35;animation:tool-pulse 1.2s ease-in-out infinite}@keyframes tool-pulse{50%{opacity:.12}}.progress p{font-size:14px!important;margin:0!important;color:var(--text-dim)!important}.progress[data-state=error] p{color:var(--err)!important}.progress[data-state=error] .progress-track{display:none}.progress[data-state=done] p{color:var(--ok)!important}.result-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.result-actions .btn{padding:9px 14px;font-size:13.5px;border-radius:8px}.result-actions label{margin-left:auto;font-size:13.5px;color:var(--text-dim);display:inline-flex;gap:7px;align-items:center}.transcript{max-height:460px;overflow-y:auto;border-top:1px solid var(--border-soft);padding-top:12px}.transcript p{font-size:15.5px!important;margin:0 0 8px!important;color:var(--text)!important}.transcript .ts,.scene .ts{font:500 12px var(--mono);color:var(--text-faint);margin-right:10px}.scenes{display:grid;gap:12px;max-height:620px;overflow-y:auto;border-top:1px solid var(--border-soft);padding-top:14px}.scene{display:grid;grid-template-columns:168px 1fr;gap:14px;align-items:start}.scene img{width:168px;height:auto;border-radius:8px;border:1px solid var(--border)}.scene p{font-size:15px!important;margin:4px 0 0!important;color:var(--text)!important;line-height:1.5!important}.scene p.pending{color:var(--text-faint)!important}@media(max-width:560px){.scene{grid-template-columns:1fr}.scene img{width:100%}}.frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:620px;overflow-y:auto;border-top:1px solid var(--border-soft);padding-top:14px}.frame{position:relative;display:grid;gap:4px;cursor:pointer}.frame img{width:100%;height:auto;border-radius:8px;border:2px solid transparent}.frame input{position:absolute;top:8px;left:8px;width:17px;height:17px;accent-color:var(--accent)}.frame input:checked+img{border-color:var(--accent)}.frame input:not(:checked)+img{opacity:.45}.frame span{font:500 12px var(--mono);color:var(--text-faint)}.tool-cta{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 8px}.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:18px}.tool-card{display:grid;gap:6px;border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--panel-2);transition:border-color .15s}.tool-card:hover{border-color:var(--border-strong)}.tool-card strong{font-family:var(--display);font-size:18px;font-weight:600;color:var(--text)}.tool-card span{font-size:14px;color:var(--text-dim);line-height:1.5}.article a.tool-card{color:inherit}@media(max-width:560px){.tool-ui{padding:16px}.drop{padding:28px 12px}.result-actions label{margin-left:0}}.tool-options label{max-width:100%;min-width:0}.tool-options select{max-width:100%;min-width:0;text-overflow:ellipsis}.tool-ui{grid-template-columns:minmax(0,1fr)}.tool-ui>*{min-width:0}.cap-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.cap-stage{position:relative;aspect-ratio:var(--ratio, 16 / 9);width:min(100%,var(--w, 100%));margin:0 auto;background:#000;border-radius:10px;overflow:hidden}.cap-stage video,.cap-stage canvas{position:absolute;inset:0;width:100%;height:100%}.cap-stage video{object-fit:contain}.cap-stage canvas{pointer-events:none}.cap-stage.is-audio{aspect-ratio:auto;height:54px;background:transparent}.cap-stage.is-audio canvas{display:none}.cap-side{display:grid;gap:14px;min-width:0}.tool-ui.is-busy .cues,.tool-ui.is-burning .cap-style,.tool-ui.is-burning .result-actions .btn:not([data-cancel]){opacity:.55;pointer-events:none}.cues{display:grid;gap:6px;max-height:420px;overflow-y:auto;border-top:1px solid var(--border-soft);padding-top:12px}.cue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;padding:4px;border-radius:8px}.cue.is-active{background:#ffffff0d}.cue .ts{margin:0;padding:8px 4px;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f4f2ee33}.cue .ts:hover{color:var(--text)}.cue textarea{font:inherit;font-size:15px;line-height:1.4;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 9px;resize:vertical;width:100%;field-sizing:content;min-height:2.3em}.cue-del{background:none;border:0;color:var(--text-faint);font-size:20px;line-height:1;padding:6px 8px;cursor:pointer;border-radius:6px}.cue-del:hover{color:var(--err);background:#ffffff0a}.gif-editor{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.gif-controls{display:grid;gap:12px}.gif-field{display:grid;gap:6px;font-size:14px;color:var(--text-dim)}.gif-field textarea,.gif-field input{font:inherit;font-size:16px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%;resize:vertical}.gif-stage{display:grid;place-items:center;padding:14px;border-radius:10px;background:repeating-conic-gradient(rgba(255,255,255,.06) 0 25%,transparent 0 50%) 0 0 / 18px 18px}.gif-stage canvas{max-width:100%;max-height:60vh;height:auto;image-rendering:auto}.gif-output{display:grid;gap:10px;justify-items:start;border-top:1px solid var(--border-soft);padding-top:14px}.gif-output img{max-width:100%;max-height:50vh;border-radius:6px}.gif-info{font:500 12px var(--mono);color:var(--text-faint)}