:root{--ec-bg:#0f1115;--ec-panel:#141824;--ec-border:#ffffff1a;--ec-border-strong:#ffffff29;--ec-text:#ffffffeb;--ec-text-dim:#ffffffb3;--ec-text-faint:#ffffff8c;--ec-danger:#ff4d4f;--ec-accent:#fff;--ec-accent-dim:#ffffff24}*{box-sizing:border-box}body,html{background:#0f1115;background:var(--ec-bg);color:#ffffffeb;color:var(--ec-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}#root{height:100vh;overflow:hidden}.ecPlayerShell{background:var(--ec-bg);color:var(--ec-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.4}.ecPlayerInner{margin:0 auto;max-width:980px;padding:20px 18px 28px}.ecPlayerTopBar{background:var(--ec-panel);border-bottom:1px solid var(--ec-border);position:-webkit-sticky;position:sticky;top:0;z-index:900}.ecPlayerTopBarInner{align-items:center;display:flex;gap:14px;justify-content:space-between;padding-bottom:14px;padding-top:14px}.ecPlayerTopBarLeft{gap:12px}.ecPlayerTopBarLeft,.ecPlayerTopBarRight{align-items:center;display:flex;flex-wrap:wrap}.ecPlayerTopBarRight{gap:10px;justify-content:flex-end}.ecPlayerBody{background:var(--ec-bg)}.ecHeader{align-items:baseline;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.ecTitle{font-size:22px;font-weight:600;letter-spacing:.2px;margin:0}.ecSubtitle{color:var(--ec-text-dim);font-size:14px;margin:0}.ecGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:860px){.ecGrid{align-items:start;grid-template-columns:repeat(3,1fr)}}.ecCardFull{grid-column:1/-1}.ecCard{background:var(--ec-panel);border:1px solid var(--ec-border);border-radius:12px;padding:14px 14px 16px}.ecCardHeader{align-items:baseline;border-bottom:1px solid var(--ec-border);display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.ecCardTitle{color:var(--ec-text-dim);font-size:14px;font-weight:600;letter-spacing:.9px;margin:0;text-transform:uppercase}.ecTag{border:1px solid var(--ec-border);border-radius:999px;color:var(--ec-text-faint);font-size:12px;padding:4px 8px}.ecRow{align-items:center;flex-wrap:wrap}.ecFieldStack,.ecRow{display:flex;gap:10px}.ecFieldStack{flex-direction:column}.ecFieldRow{display:flex;gap:10px}.ecField,.ecFieldRow>.ecField{min-width:0}.ecField{display:flex;flex:1 1;flex-direction:column;gap:6px}.ecLabel{color:var(--ec-text-dim);font-size:13px}.ecHelp{color:var(--ec-text-faint);font-size:12px;margin-top:4px}.ecInput,.ecSelect{background:#ffffff0d;border:1px solid var(--ec-border);border-radius:10px;box-sizing:border-box;color:var(--ec-text);font-size:16px;outline:none;padding:10px 12px;width:100%}.ecInput:focus,.ecSelect:focus{border-color:var(--ec-border-strong);box-shadow:0 0 0 3px #ffffff0f}.ecInput:disabled,.ecSelect:disabled{opacity:.65}.ecButton{background:#ffffff0f;border:1px solid var(--ec-border);border-radius:10px;color:var(--ec-text);cursor:pointer;font-size:16px;padding:10px 12px}.ecButton:hover{background:#ffffff14;border-color:var(--ec-border-strong)}.ecButton:disabled{cursor:not-allowed;opacity:.55}.ecButtonPrimary{background:var(--ec-accent);border-color:#ffffff4d;color:#111}.ecButtonPrimary:hover{background:#ffffffeb}.ecButtonGhost{background:#0000}.ecButtonDanger{background:#ff4d4f1f;border-color:#ff4d4f59;color:#ffffffeb}.ecButtonDanger:hover{background:#ff4d4f2e}.ecError{color:var(--ec-danger);font-size:14px;margin-top:10px}.ecKvp{grid-gap:8px 12px;color:var(--ec-text-dim);display:grid;font-size:14px;gap:8px 12px;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.ecK{color:var(--ec-text-faint)}.ecV code{background:#ffffff0f;border:1px solid var(--ec-border);border-radius:8px;color:var(--ec-text);padding:2px 6px}.setup-container{background:var(--ec-bg);color:var(--ec-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.4;margin:0 auto;max-width:980px;min-height:100vh;padding:20px 18px 28px}.setup-container h1{color:var(--ec-text);font-size:22px;font-weight:600;letter-spacing:.2px;margin:0 0 20px}.setup-section{background:var(--ec-panel);border:1px solid var(--ec-border);border-radius:12px;margin-bottom:12px;padding:14px 14px 16px}.setup-section h2{border-bottom:1px solid var(--ec-border);color:var(--ec-text-dim);font-size:14px;font-weight:600;letter-spacing:.9px;margin:0 0 12px;padding-bottom:10px;text-transform:uppercase}.setup-section h3{color:var(--ec-text);font-size:16px;font-weight:600;margin:16px 0 10px}.setup-content{color:var(--ec-text-dim);font-size:16px;line-height:1.5}.setup-content ol,.setup-content ul{margin-bottom:12px;margin-left:1.5rem}.setup-content li{margin-bottom:8px}.setup-content ol ul,.setup-content ul ul{margin-left:1.5rem;margin-top:6px}.setup-content strong{color:var(--ec-text);font-weight:600}.setup-content kbd{background:#ffffff0f;border:1px solid var(--ec-border);border-radius:8px;color:var(--ec-text);display:inline-block;font-family:Monaco,Courier New,monospace;font-size:14px;padding:2px 6px}.info-box{background:#ffffff08;border:1px solid var(--ec-border);border-left:3px solid var(--ec-accent);border-radius:10px;margin:12px 0;padding:12px 14px}.info-box strong{color:var(--ec-text)}.checklist{display:flex;flex-direction:column;gap:8px}.checklist label{align-items:center;border-radius:10px;color:var(--ec-text-dim);cursor:pointer;display:flex;font-size:16px;padding:8px 10px;transition:background-color .2s}.checklist label:hover{background:#ffffff0a}.checklist input[type=checkbox]{accent-color:var(--ec-accent);cursor:pointer;height:18px;margin-right:10px;width:18px}@media (max-width:768px){.setup-container{padding:16px 14px}.setup-section{padding:12px}}.guide-container{color:var(--ec-text);margin:0 auto;max-width:800px;padding:24px 20px 40px}.guide-container h1{font-size:26px;font-weight:600;letter-spacing:.2px;margin:0 0 8px}.guide-intro{color:var(--ec-text-dim);font-size:15px;line-height:1.5;margin:0 0 28px}.guide-section{background:var(--ec-panel);border:1px solid var(--ec-border);border-radius:12px;margin-bottom:28px;padding:16px 18px 18px}.guide-section h2{border-bottom:1px solid var(--ec-border);font-size:15px;font-weight:600;letter-spacing:.8px;padding-bottom:10px;text-transform:uppercase}.guide-section h2,.guide-section>p{color:var(--ec-text-dim);margin:0 0 12px}.guide-section>p{font-size:14px;line-height:1.5}.guide-dl{grid-gap:8px 16px;display:grid;font-size:14px;gap:8px 16px;grid-template-columns:minmax(140px,auto) 1fr;margin:0}.guide-dl dt{color:var(--ec-text);font-weight:500}.guide-dl dd{color:var(--ec-text-dim);line-height:1.5;margin:0}.guide-dl dd code{background:#ffffff0f;border:1px solid var(--ec-border);border-radius:4px;color:var(--ec-text);font-size:13px;padding:1px 5px}.guide-ol{color:var(--ec-text-dim);font-size:14px;line-height:1.7;margin:0;padding-left:20px}.guide-ol li{margin-bottom:4px}.guide-ol strong{color:var(--ec-text)}@media (max-width:600px){.guide-dl{grid-template-columns:1fr}.guide-dl dt{margin-top:8px}.guide-dl dd{margin-bottom:4px}}.tabbed-interface{background:var(--ec-bg);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;height:100vh;overflow:hidden;width:100%}.app-title{color:var(--ec-text);font-size:22px;font-weight:700;letter-spacing:1px;margin:0;padding:20px 24px 12px;text-align:center;text-transform:uppercase}.app-title,.tab-header{background:var(--ec-panel);border-bottom:1px solid var(--ec-border)}.tab-header{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.tab-button{background-color:initial;border:none;border-bottom:2px solid #0000;color:var(--ec-text-faint);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:center;text-transform:uppercase;transition:all .2s ease}.tab-button:hover{background:#ffffff08;color:var(--ec-text-dim)}.tab-button.active{background:#0000;border-bottom-color:var(--ec-accent);color:var(--ec-text)}.tab-button:focus{outline:2px solid var(--ec-border-strong);outline-offset:-2px}.tab-content{background:var(--ec-bg);flex:1 1;overflow-y:auto;position:relative}.tab-panel{display:none;height:100%;width:100%}.tab-panel.active{display:block}@media (max-width:768px){.tab-button{font-size:13px;padding:12px 16px}}@media (max-width:480px){.tab-button{font-size:12px;padding:10px 12px}}
/*# sourceMappingURL=main.e487de7a.css.map*/