.vf-vf-tool-m3u8,.operation-stage{--vf-tool-accent:#16a34a;--vf-tool-accent-dark:#15803d;--vf-tool-ink:#0f172a;--vf-tool-muted:#64748b;--vf-tool-line:#d8f1e4;--vf-tool-strong-line:#bbf7d0;--vf-tool-soft:#f8fffb;--vf-tool-card:#fff;--vf-tool-shadow:0 18px 48px rgba(15,23,42,.08);box-sizing:border-box;width:100%;max-width:100%;color:var(--vf-tool-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.vf-vf-tool-m3u8 *,.vf-vf-tool-m3u8 *::before,.vf-vf-tool-m3u8 *::after,.operation-stage *,.operation-stage *::before,.operation-stage *::after{box-sizing:border-box}.vf-vf-tool-m3u8{border:1px solid var(--vf-tool-line);border-radius:24px;background:linear-gradient(180deg,#fff 0,var(--vf-tool-soft) 100%);padding:18px;box-shadow:var(--vf-tool-shadow);overflow:hidden;margin:0}.vf-vf-tool-m3u8 p,.operation-stage p{line-height:1.58}.vf-vf-tool-m3u8 .muted,.operation-stage .muted{color:var(--vf-tool-muted)}.vf-vf-tool-m3u8 strong,.vf-vf-tool-m3u8 b,.operation-stage strong,.operation-stage b{font-weight:900}.vf-vf-tool-m3u8 code{word-break:break-all}.vf-vf-tool-m3u8 .vf-toolkit-head{display:grid;gap:4px;margin-bottom:14px}.vf-vf-tool-m3u8 .vf-toolkit-head span{font-size:13px;color:var(--vf-tool-muted)}.vf-vf-tool-m3u8 .stage-toolbar,.operation-stage .stage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.vf-vf-tool-m3u8 .stage-toolbar h2,.operation-stage .stage-toolbar h2{margin:6px 0 8px;font-size:clamp(26px,4vw,44px);line-height:1.04;letter-spacing:-.045em;color:var(--vf-tool-ink)}.vf-vf-tool-m3u8 .stage-toolbar p,.operation-stage .stage-toolbar p{margin:0;color:var(--vf-tool-muted)}.vf-vf-tool-m3u8 .mini-label,.operation-stage .mini-label{display:inline-flex;align-items:center;border:1px solid var(--vf-tool-strong-line);border-radius:999px;background:#ecfdf5;color:var(--vf-tool-accent-dark);font-weight:850;font-size:12px;padding:6px 10px}.vf-vf-tool-m3u8 [data-vf-browser-stream-status],.vf-vf-tool-m3u8 [data-downloader-status],.vf-vf-tool-m3u8 [data-conversion-status],.operation-stage [data-conversion-status]{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#f1fff7;border:1px solid var(--vf-tool-strong-line);color:#065f46;white-space:nowrap}.vf-vf-tool-m3u8 .stage-grid,.operation-stage .stage-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:start}.vf-vf-tool-m3u8 .stage-primary-panel,.vf-vf-tool-m3u8 .stage-result-panel,.operation-stage .stage-primary-panel,.operation-stage .stage-result-panel{min-width:0;border:1px solid var(--vf-tool-line);border-radius:22px;background:#fff;padding:clamp(16px,2.4vw,24px);box-shadow:0 8px 22px rgba(15,23,42,.04)}.vf-vf-tool-m3u8 .field-stack,.vf-vf-tool-m3u8 .manifest-input-wrap,.operation-stage .field-stack,.operation-stage .manifest-input-wrap{display:grid;gap:12px}.vf-vf-tool-m3u8 label,.operation-stage label{display:grid;gap:6px;color:#12323a;font-weight:750}.vf-vf-tool-m3u8 .field,.vf-vf-tool-m3u8 .large-field,.vf-vf-tool-m3u8 .vf-toolkit-field,.vf-vf-tool-m3u8 .vf-toolkit-area,.vf-vf-tool-m3u8 input[type="text"],.vf-vf-tool-m3u8 input[type="url"],.vf-vf-tool-m3u8 input:not([type]),.vf-vf-tool-m3u8 textarea,.vf-vf-tool-m3u8 select,.operation-stage input[type="text"],.operation-stage input[type="url"],.operation-stage input:not([type]),.operation-stage textarea,.operation-stage select{width:100%;max-width:100%;border:1px solid var(--vf-tool-strong-line);border-radius:16px;background:#fbfffd;padding:13px 15px;font:inherit;color:#102033;outline:none;box-shadow:0 1px 0 rgba(15,23,42,.02) inset}.vf-vf-tool-m3u8 textarea,.operation-stage textarea{min-height:140px;resize:vertical}.vf-vf-tool-m3u8 input:focus,.vf-vf-tool-m3u8 textarea:focus,.vf-vf-tool-m3u8 select:focus,.operation-stage input:focus,.operation-stage textarea:focus,.operation-stage select:focus{border-color:var(--vf-tool-accent);box-shadow:0 0 0 4px rgba(22,163,74,.12)}.vf-vf-tool-m3u8 .primary-action-row,.vf-vf-tool-m3u8 .vf-toolkit-row,.operation-stage .primary-action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.vf-vf-tool-m3u8 .btn,.vf-vf-tool-m3u8 .vf-toolkit-button,.operation-stage .btn,.operation-stage button,.operation-stage a.btn{border:0;border-radius:999px;background:#f1f5f9;color:#0f172a;font-weight:850;padding:11px 16px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap}.vf-vf-tool-m3u8 .btn.primary,.vf-vf-tool-m3u8 .vf-toolkit-button:not(.secondary),.operation-stage .btn.primary,.operation-stage button.primary{background:var(--vf-tool-accent);color:#fff}.vf-vf-tool-m3u8 .btn:hover,.vf-vf-tool-m3u8 .vf-toolkit-button:hover,.operation-stage .btn:hover,.operation-stage button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(22,163,74,.16)}.vf-vf-tool-m3u8 .vf-toolkit-output,.vf-vf-tool-m3u8 .code-card,.vf-vf-tool-m3u8 .stage-code,.operation-stage .code-card,.operation-stage .stage-code{background:#0f172a;color:#d1fae5;border-radius:16px;padding:14px;overflow:auto;white-space:pre-wrap;min-height:72px;max-height:380px;overflow-wrap:anywhere}.vf-vf-tool-m3u8 .result-head,.operation-stage .result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.vf-vf-tool-m3u8 .queue-preview,.vf-vf-tool-m3u8 .stage-queue,.operation-stage .queue-preview,.operation-stage .stage-queue{border:1px solid var(--vf-tool-line);border-radius:18px;background:#f8fafc;padding:14px;overflow:auto;max-width:100%}.vf-vf-tool-m3u8 .boundary-grid,.vf-vf-tool-m3u8 .stage-settings-grid,.operation-stage .boundary-grid,.operation-stage .stage-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.vf-vf-tool-m3u8 .boundary-grid>div,.operation-stage .boundary-grid>div{border:1px solid var(--vf-tool-line);border-radius:16px;background:#fff;padding:12px}.vf-vf-tool-m3u8 .boundary-grid span,.operation-stage .boundary-grid span{display:block;color:var(--vf-tool-muted);font-size:13px;margin-top:4px}.vf-vf-tool-m3u8 .stage-route-bar,.operation-stage .stage-route-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.vf-vf-tool-m3u8 .stage-route-bar a,.operation-stage .stage-route-bar a{display:block;border:1px solid var(--vf-tool-line);border-radius:16px;background:#fff;padding:14px;text-decoration:none;color:#0f172a}.vf-vf-tool-m3u8 .stage-route-bar span,.operation-stage .stage-route-bar span{display:block;color:var(--vf-tool-muted);font-size:13px;margin-top:4px}.vf-vf-tool-m3u8 .inline-details,.vf-vf-tool-m3u8 .stage-details,.operation-stage .inline-details,.operation-stage .stage-details{border:1px solid var(--vf-tool-line);border-radius:16px;background:#fff;padding:12px;margin-top:12px}.vf-vf-tool-m3u8 .inline-details summary,.operation-stage .inline-details summary{cursor:pointer;font-weight:850}.vf-vf-tool-m3u8 [data-vf-micro-live],.vf-vf-tool-m3u8 [data-vf-result-signal],.vf-vf-tool-m3u8 [data-vf-next-step-cta],.vf-vf-tool-m3u8 [data-vf-copy-confirm]{border:1px solid #d8f1e4;border-radius:14px;background:#f8fafc;padding:12px 14px;color:#334155;line-height:1.45;overflow-wrap:anywhere}.vf-vf-tool-m3u8 [data-state="loading"]{background:#eff6ff;border-color:#bfdbfe;color:#08784b}.vf-vf-tool-m3u8 [data-state="success"]{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.vf-vf-tool-m3u8 [data-state="warning"]{background:#fffbeb;border-color:#fde68a;color:#92400e}.vf-vf-tool-m3u8 [data-state="error"]{background:#fef2f2;border-color:#fecaca;color:#991b1b}.vf-vf-tool-m3u8 .vf-tool-micro-guide,.vf-vf-tool-m3u8 .vf-tool-action-hints,.vf-vf-tool-m3u8 .vf-tool-outcome-strip{display:grid;gap:10px;border:1px solid var(--vf-tool-line);border-radius:18px;background:#fff;padding:12px;margin:12px 0}.vf-vf-tool-m3u8 .vf-tool-action-hints,.vf-vf-tool-m3u8 .vf-tool-outcome-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.vf-vf-tool-m3u8 .vf-tool-micro-guide{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center}.vf-vf-tool-m3u8 .vf-tool-micro-guide span,.vf-vf-tool-m3u8 .vf-tool-action-hints span,.vf-vf-tool-m3u8 .vf-tool-outcome-strip span{display:grid;gap:3px}.vf-vf-tool-m3u8 .vf-tool-action-hints em,.vf-vf-tool-m3u8 .vf-tool-outcome-strip em,.vf-vf-tool-m3u8 .vf-tool-micro-guide em{font-style:normal;color:var(--vf-tool-muted);font-size:13px}.vf-vf-tool-m3u8 .queue-table table,.vf-vf-tool-m3u8 .decision-table table,.vf-vf-tool-m3u8 .mini-table table{width:100%;border-collapse:collapse}.vf-vf-tool-m3u8 .queue-table th,.vf-vf-tool-m3u8 .queue-table td,.vf-vf-tool-m3u8 .decision-table th,.vf-vf-tool-m3u8 .decision-table td,.vf-vf-tool-m3u8 .mini-table th,.vf-vf-tool-m3u8 .mini-table td{border-bottom:1px solid var(--vf-tool-line);padding:9px;text-align:left;vertical-align:top}.vf-vf-tool-m3u8 .empty-state{color:var(--vf-tool-muted)}.vf-vf-tool-m3u8 .vf-toolkit-status,.vf-vf-tool-m3u8 .vf-tool-status,.vf-vf-tool-m3u8 [data-vf-status]{border-radius:14px;padding:10px 12px;line-height:1.5}.vf-vf-tool-m3u8 .vf-toolkit-status.is-error,.vf-vf-tool-m3u8 .vf-tool-status.is-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.vf-vf-tool-m3u8 .vf-toolkit-status.is-success,.vf-vf-tool-m3u8 .vf-tool-status.is-success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}@media(max-width:760px){.vf-vf-tool-m3u8 .vf-toolkit-actions,.vf-vf-tool-m3u8 .vf-player-actions,.vf-vf-tool-m3u8 .vf-reference-player-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.vf-vf-tool-m3u8 button,.vf-vf-tool-m3u8 .vf-toolkit-button{width:100%!important}}