:root{
  --m3u8-green:#0fa36b;
  --m3u8-blue:#2563eb;
  --m3u8-navy:#0b172a;
  --m3u8-muted:#64748b;
  --m3u8-border:#dbe5ef;
  --m3u8-surface:#ffffff;
  --m3u8-soft:#f6fafc;
  --m3u8-danger:#dc2626;
  --m3u8-warn:#b45309;
}
.m3u8tk-shell{box-sizing:border-box;width:100%;max-width:100%;padding:24px;border:1px solid var(--m3u8-border);border-radius:24px;background:var(--m3u8-surface);box-shadow:0 18px 44px rgba(15,23,42,.08);margin:24px 0;color:#102033;overflow:hidden}
.m3u8tk-shell *{box-sizing:border-box}
.m3u8tk-section-head{margin-bottom:18px}.m3u8tk-section-head h2,.m3u8tk-shell h2{font-size:clamp(24px,3vw,42px);line-height:1.05;margin:.35rem 0 .5rem;color:#071426}.m3u8tk-section-head p,.m3u8tk-shell p{color:#53657d;line-height:1.7}.m3u8tk-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#e9fff6;color:#007a52;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.m3u8tk-command{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.m3u8tk-url,.m3u8tk-command input,.m3u8tk-table-tools input,.m3u8tk-table-tools select{min-height:46px;border:1px solid #c9d7e8;border-radius:14px;padding:0 14px;font:inherit;background:#fff;color:#0f172a}.m3u8tk-url{flex:1 1 340px;min-width:220px}.m3u8tk-btn{border:1px solid #cbd8e8;background:#fff;color:#19324d;border-radius:14px;min-height:46px;padding:0 16px;font-weight:800;cursor:pointer;transition:.18s ease}.m3u8tk-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.1)}.m3u8tk-btn:disabled,.m3u8tk-btn.is-disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.m3u8tk-primary{border-color:var(--m3u8-blue);background:linear-gradient(135deg,var(--m3u8-blue),#17a673);color:#fff}.m3u8tk-video{display:block;width:100%;min-height:280px;max-height:68vh;background:#071426;border-radius:22px;object-fit:contain;margin:14px 0}.m3u8tk-status,.m3u8tk-triage,.m3u8tk-mini,.m3u8tk-report,.m3u8tk-details{border:1px solid #dce7f2;background:#f8fbfe;border-radius:18px;padding:16px;margin:14px 0;color:#26384c}.m3u8tk-triage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-color:#ffd7a2;background:#fff9ef}.m3u8tk-report textarea{width:100%;min-height:220px;border:1px solid #cbd8e8;border-radius:14px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0b172a;color:#d7fbe9}.m3u8tk-summary-grid,.m3u8tk-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.m3u8tk-summary-grid>div,.m3u8tk-readiness>div{border:1px solid #dce7f2;border-radius:18px;background:#fff;padding:14px}.m3u8tk-summary-grid b,.m3u8tk-readiness b{display:block;color:#0b172a;margin-bottom:6px}.m3u8tk-summary-grid span,.m3u8tk-readiness span{color:#5d7087}.m3u8tk-workspace{width:100%;max-width:100%;overflow:hidden}.m3u8tk-workspace-command{position:sticky;top:0;z-index:5;padding:14px;border:1px solid #203249;border-radius:22px;background:linear-gradient(135deg,#081526,#102949);box-shadow:0 18px 45px rgba(5,16,32,.25)}.m3u8tk-workspace-command input{background:#fff}.m3u8tk-workspace-tabs{display:flex;gap:10px;overflow:auto;margin:18px 0;padding-bottom:4px}.m3u8tk-workspace-tabs button{flex:0 0 auto;border:1px solid #d6e2ee;border-radius:999px;background:#fff;padding:12px 18px;font-weight:900;cursor:pointer}.m3u8tk-workspace-tabs button.is-active{background:#0b172a;color:#fff;border-color:#0b172a}.m3u8tk-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.m3u8tk-tab-panel{display:none}.m3u8tk-tab-panel.is-active{display:block}.m3u8tk-vault{border:1px solid #dce7f2;border-radius:24px;background:#fff;padding:18px;position:sticky;top:16px}.m3u8tk-table-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.m3u8tk-table-wrap{overflow:auto;border:1px solid #dce7f2;border-radius:18px;background:#fff}.m3u8tk-table{width:100%;border-collapse:collapse;min-width:740px}.m3u8tk-table th,.m3u8tk-table td{text-align:left;padding:12px;border-bottom:1px solid #e7eef7;vertical-align:top}.m3u8tk-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#52657a;background:#f7fbff}.m3u8tk-code,pre.m3u8tk-code{display:block;overflow:auto;background:#071426;color:#d7fbe9;border-radius:18px;padding:16px;line-height:1.6}.m3u8tk-checklist{line-height:1.8}.m3u8tk-toast{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:min(420px,calc(100vw - 36px))}.m3u8tk-toast .toast{margin-top:8px;background:#0b172a;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 16px 40px rgba(15,23,42,.22)}
@media (max-width: 900px){.m3u8tk-summary-grid,.m3u8tk-readiness,.m3u8tk-workspace-grid{grid-template-columns:1fr}.m3u8tk-vault{position:static}.m3u8tk-command{display:grid;grid-template-columns:1fr 1fr}.m3u8tk-url,.m3u8tk-command input{grid-column:1/-1;width:100%;min-width:0}.m3u8tk-btn{width:100%}.m3u8tk-shell{padding:18px;border-radius:20px}.m3u8tk-video{min-height:220px}}