.extract-steps{display:flex;gap:28px;margin:0 0 22px;color:var(--muted,#7e897e);font-size:14px;flex-wrap:wrap}
.extract-steps span{display:flex;align-items:center;gap:9px}.extract-steps b{display:grid;place-items:center;background:#eaf0e6;color:#405748;width:27px;height:27px;border-radius:50%;font-size:12px}
.extract-import{margin-bottom:14px}.extract-video-row{display:flex;gap:20px;align-items:flex-end}.extract-video-row>.field{flex:1;min-width:0;margin:0}.extract-video-row .actions{padding-bottom:2px}
.extract-preview{margin-top:14px}.extract-preview video{display:block;max-width:100%;width:360px;max-height:230px;margin-top:12px;background:#19241e;border-radius:10px}
.extract-columns{align-items:start}.extract-columns .panel{min-width:0}.extract-columns .copy-output{min-height:250px;resize:vertical;line-height:1.85}.extract-output .copy-output{min-height:420px}
.extract-clear{margin-left:auto}
.extract-settings{border-top:1px solid #e7ece4;margin-top:22px;padding-top:22px}.extract-settings>.field{margin:0 0 18px}.extract-settings textarea{min-height:85px}.extract-settings .form-grid{margin-bottom:18px}
.extract-original{margin-top:18px;font-size:13px;color:#758174}.extract-original pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:250px;overflow:auto;padding:14px;background:#f6f8f4;border-radius:8px;color:#3e4e43}
.extract-import textarea{min-height:95px}.extract-columns .output-actions,.extract-columns .actions{flex-wrap:wrap}.extract-import .body-note{margin:12px 0 0}.extract-output .notice{margin-bottom:14px}
@media(max-width:900px){.extract-columns{grid-template-columns:1fr}.extract-video-row{align-items:stretch;flex-direction:column;gap:12px}.extract-steps{gap:12px;font-size:12px}.extract-import .panel-title{flex-wrap:wrap;gap:12px}.extract-output .copy-output{min-height:290px}}
