.video-tool{display:grid;gap:1rem}.video-tool .video-form{display:grid;gap:.9rem}.video-tool .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.video-tool .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.video-tool label{display:grid;gap:.4rem;font-weight:700}.video-tool input,.video-tool select,.video-tool textarea{width:100%;min-height:44px;padding:.7rem .8rem;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);font:inherit}.video-tool input[type=checkbox]{width:auto;min-height:auto}.video-tool input[type=range]{padding:0}.video-tool .inline-check{display:flex;align-items:flex-start;gap:.65rem;font-weight:600;padding:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.video-tool .inline-check input{margin-top:.2rem}.video-tool .video-actions{display:flex;flex-wrap:wrap;gap:.65rem}.video-tool .video-actions button,.video-tool .video-actions a{min-height:44px}.video-tool .video-status{padding:.8rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--soft);overflow-wrap:anywhere}.video-tool .video-status[data-kind=ok]{border-color:#22c55e;background:color-mix(in srgb,#22c55e 9%,var(--card))}.video-tool .video-status[data-kind=warn]{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 9%,var(--card))}.video-tool .video-status[data-kind=error]{border-color:#ef4444;background:color-mix(in srgb,#ef4444 9%,var(--card))}.video-tool .video-status small{display:block;color:var(--muted);margin-top:.25rem}.video-tool .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.video-tool .info-item{padding:.7rem .8rem;border:1px solid var(--border);border-radius:11px;background:var(--card);min-width:0}.video-tool .info-item span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.2rem}.video-tool .info-item strong{display:block;overflow-wrap:anywhere}.video-tool video{display:block;width:100%;max-height:520px;background:#020617;border-radius:14px}.video-tool .preview-shell{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:16px;background:var(--soft)}.video-tool .progress-shell{display:grid;gap:.4rem}.video-tool progress{width:100%;height:12px}.video-tool .url-output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;overflow-wrap:anywhere}.video-tool .file-drop{display:grid;place-items:center;gap:.45rem;min-height:135px;padding:1rem;border:2px dashed var(--border);border-radius:14px;background:var(--soft);text-align:center;cursor:pointer}.video-tool .file-drop.drag{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--card))}.video-tool .file-drop input{position:absolute;opacity:0;pointer-events:none}.video-tool .frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}.video-tool .frame-card{display:grid;gap:.45rem;padding:.6rem;border:1px solid var(--border);border-radius:13px;background:var(--card);min-width:0}.video-tool .frame-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#020617;border-radius:9px}.video-tool .frame-card small{color:var(--muted);overflow-wrap:anywhere}.video-tool .range-row{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center}.video-tool .legal-note{font-size:.9rem;color:var(--muted)}.video-tool .classification{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;background:var(--soft);font-weight:800}.video-tool .result-highlight{font-size:1.05rem;font-weight:800}.video-tool .hidden{display:none!important}.video-tool .cancel-note{font-size:.85rem;color:var(--muted)}
@media(max-width:700px){.video-tool .form-grid,.video-tool .form-grid.three,.video-tool .info-grid{grid-template-columns:1fr}.video-tool .video-actions{display:grid;grid-template-columns:1fr 1fr}.video-tool .video-actions .btn{width:100%}.video-tool .frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.video-tool .video-actions,.video-tool .frame-grid{grid-template-columns:1fr}.video-tool .range-row{grid-template-columns:1fr}.video-tool video{max-height:360px}}

.video-tool .file-drop:focus-within{outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:2px}.video-tool code{overflow-wrap:anywhere;word-break:break-word}