.video-workspace{margin:28px 0 48px;padding:24px;border:1px solid var(--line,#e1e4e8);border-radius:20px;background:var(--surface,#fff);display:grid;gap:20px;min-width:0}.video-drop{padding:30px 20px;text-align:center;background:var(--bg,#f7f8fb);border:1px dashed var(--line,#d4d9e2);border-radius:15px;overflow-wrap:anywhere}.video-drop h2{font-size:22px;margin:10px 0}.video-drop p{margin:10px 0 20px;color:var(--muted,#657084)}.video-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.video-drop .video-actions{justify-content:center}.video-workspace>.button{justify-self:start}.video-preview,.video-result video{width:100%;max-height:460px;display:block;border-radius:12px;background:#101827}.video-preview[hidden]{display:none}.video-player{max-width:850px;width:100%;margin:auto}.video-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px;padding:20px;border:1px solid var(--line,#e1e4e8);border-radius:14px;min-width:0}.video-settings legend{padding:0 8px;font-weight:700}.video-field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;min-width:0}.video-field input,.video-field select,.video-field textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line,#d4d9e2);border-radius:8px;background:var(--bg,#f7f8fb);color:var(--text,#172337);font:inherit}.video-field textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:13px;line-height:1.6}.video-field input[type=color]{padding:4px;height:43px}.video-check{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.6}.video-check input{flex:0 0 auto;accent-color:#7754c7;width:17px;height:17px}.video-report{padding:20px;background:var(--bg,#f7f8fb);border:1px solid var(--line,#e1e4e8);border-radius:12px;line-height:1.7;overflow-wrap:anywhere;min-width:0}.video-report h2{font-size:19px;margin:0 0 12px}.video-report p+p{margin-top:10px}.video-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:16px;margin:12px 0}.video-info dt{font-size:12px;color:var(--muted,#657084);margin-bottom:5px}.video-info dd{font-weight:600;font-size:14px;margin:0;overflow-wrap:anywhere}.video-error{padding:14px 16px;border:1px solid #db6262;border-radius:10px;color:var(--text,#172337);background:color-mix(in srgb,#db6262 10%,transparent);line-height:1.6}.video-progress{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px}.video-progress progress{max-width:240px;width:100%;height:10px;accent-color:#7754c7}.video-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px}.video-frame{display:flex;flex-direction:column;gap:10px;min-width:0;border:1px solid var(--line,#e1e4e8);border-radius:12px;padding:12px}.video-frame img{width:100%;height:160px;object-fit:contain;background:#101827;border-radius:6px}.video-frame small{overflow-wrap:anywhere;font-size:11px}.video-result{display:grid;gap:14px;padding:18px;border:1px solid var(--line,#e1e4e8);border-radius:14px;min-width:0}.video-result img{width:auto;max-width:100%;max-height:650px;object-fit:contain;justify-self:center}.video-hint,.video-result span{font-size:13px;color:var(--muted,#657084);line-height:1.7}.video-result .button{justify-self:start}.video-result b{overflow-wrap:anywhere}.video-result audio{width:100%}.video-timeline{grid-column:1/-1;display:grid;gap:12px}.video-timeline label{font-size:13px;display:grid;gap:6px}.video-timeline input{width:100%;accent-color:#7754c7;min-height:30px}.video-timeline p{font-size:13px}.video-table-wrap{max-height:360px;overflow:auto;border:1px solid var(--line,#e1e4e8);border-radius:12px}.video-table-wrap table{width:100%;text-align:left;font-size:12px;border-collapse:collapse}.video-table-wrap td,.video-table-wrap th{padding:12px;vertical-align:top;border-bottom:1px solid var(--line,#e1e4e8);overflow-wrap:anywhere}.video-table-wrap td{min-width:130px;max-width:420px}.video-table-wrap caption{text-align:left;padding:12px;font-weight:700}.video-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:400px;overflow:auto;padding:16px}.video-recording{font-weight:800;color:#c9324f}.video-related{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--purple,#7652b8)}.video-category{padding-top:40px}.video-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px;padding:28px 0}.video-section-grid h2{font-size:15px;margin-bottom:12px}.video-section-grid a{display:block;margin:9px 0;font-size:12px;color:var(--muted,#657084)}.video-tool-page{padding-top:24px}.video-tool-page .page-intro{max-width:800px}.category-video{--tool-color:#337c8c;--tool-bg:#eaf5f6}.video-tool-page .how-to p{line-height:1.8}.video-tool-page .how-to details{padding:16px 0;border-bottom:1px solid var(--line,#e1e4e8)}.video-tool-page .how-to summary{cursor:pointer;font-weight:600}.video-tool-page .how-to ul{padding-left:20px;line-height:1.8}@media (max-width:640px){.video-workspace{padding:14px;gap:16px}.video-drop{padding:24px 12px}.video-settings{padding:14px}.video-info,.video-settings{grid-template-columns:1fr}.video-actions .button{flex:1 1}.video-result{padding:12px}.video-table-wrap{max-width:100%}.video-section-grid{grid-template-columns:1fr 1fr;gap:16px}}.video-workspace{border-radius:24px;border-color:var(--folio-line);box-shadow:var(--folio-shadow-card);background:var(--folio-surface);padding:26px}.video-drop{border-radius:20px;border-color:var(--folio-line);background:var(--folio-surface-raised)}.video-drop p,.video-notice{font-size:13px}.video-workspace input:not([type=range]):not([type=checkbox]),.video-workspace select{min-height:44px;border-radius:10px;border:1px solid var(--folio-line);background:var(--folio-surface-raised);color:var(--text);font-size:13px}.video-section-grid>div{border:1px solid var(--folio-glass-border);border-radius:23px;box-shadow:var(--folio-shadow-card);padding:24px}.video-section-grid a{min-height:36px;font-size:13px;padding:7px 0}.category-video{--category:var(--folio-video);--category-bg:var(--folio-video-soft)}@media (max-width:700px){.video-workspace{padding:20px}.video-workspace input:not([type=range]):not([type=checkbox]),.video-workspace select{font-size:16px}.video-section-grid a{min-height:44px}}.video-category-groups>h1{font-size:clamp(32px,4vw,48px);margin:14px 0}.video-section-grid>div{background:var(--folio-surface)}