*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05080f;color:#f8fafc;font-family:Segoe UI,Microsoft YaHei,sans-serif;margin:0}button,input,select{font-family:inherit}.app-shell{background:#0b1018;box-sizing:border-box;color:#f4f6fb;display:flex;flex-direction:column;font-family:Segoe UI,Microsoft YaHei,sans-serif;height:100vh;overflow:hidden;padding:32px}.app-header{align-items:flex-end;display:flex;flex-shrink:0;gap:24px;justify-content:space-between;margin-bottom:24px}.app-header h1{font-size:32px;margin:0}.app-header p{color:#a5b4cf;margin:4px 0 0}.server-config{display:flex;gap:16px}.server-config label{color:#a5b4cf;display:flex;flex-direction:column;font-size:14px}.server-config input{background:#111828;border:1px solid #1f293d;border-radius:6px;color:#f4f6fb;margin-top:4px;min-width:220px;padding:8px}.banner{border-radius:8px;flex-shrink:0;margin-bottom:16px;padding:12px 16px}.banner-error{background:#ff638426;color:#ff99a7}.diagnostics-card,.metadata-card,.player-card,.stream-list-card,.subscribe-url-card{background:#111828;border:1px solid #1b2538;border-radius:16px;box-shadow:0 10px 30px #070d1a99;display:flex;flex-direction:column;max-height:100%;min-height:0;padding:20px}.stream-list-card{overflow:hidden}.card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.card-header h2,.card-header h3{margin:0}.card-subtitle{color:#6b778c;font-size:13px;margin:2px 0 0}.ghost-button,.primary-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 16px;transition:opacity .2s ease}.primary-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.ghost-button{background:#ffffff14;color:#e0e7ff}.ghost-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.5}.stream-list{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-top:8px;min-height:0;overflow-y:auto;padding-right:4px}.stream-item{align-items:flex-start;background:#0f1624;border:1px solid #1a2235;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:12px;text-align:left;transition:border-color .2s ease,transform .2s ease}.stream-item.selected{border-color:#6366f1;transform:translateY(-2px)}.stream-item__primary{display:flex;justify-content:space-between;margin-bottom:6px;width:100%}.stream-id{color:#cbd5f5;font-family:Consolas,monospace;font-size:14px}.status-badge{border-radius:999px;font-size:12px;padding:2px 10px;text-transform:capitalize}.status-active{background:#22c55e33;color:#86efac}.status-inactive{background:#f8717126;color:#fecdd3}.stream-item__meta{color:#94a3b8;display:flex;font-size:12px;justify-content:space-between;width:100%}.empty-state{color:#64748b;padding:32px;text-align:center}.muted-text{color:#74829b;font-size:12px}.right-column{display:flex;flex-direction:column;gap:24px}.connection-state{background:#ffffff1a;border-radius:999px;font-size:12px;padding:4px 12px;text-transform:uppercase}.connection-state.connected{background:#10b9811a;color:#6ee7b7}.connection-state.connecting,.connection-state.reconnecting{background:#eab30826;color:#facc15}.connection-state.error{background:#f8717133;color:#fecaca}.player-actions{display:flex;gap:12px;margin-bottom:16px}.player-controls{align-items:center;display:flex;gap:12px}.player-controls input[type=range]{flex:1 1}.volume-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;width:48px}.diagnostics-grid,.metadata-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.label{color:#818cf8;display:block;font-size:12px;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.diagnostics-card strong{font-size:18px}.api-log-card{background:#111828;border:1px solid #1b2538;border-radius:16px;box-shadow:0 10px 30px #070d1a99;flex-direction:column;max-height:100%;overflow:hidden;padding:20px}.api-log-card,.api-log-list{display:flex;flex:1 1;min-height:0}.api-log-list{flex-direction:column;gap:8px;margin-top:8px;overflow-x:hidden;overflow-y:auto}.api-log-item{background:#ffffff0a;border-left:3px solid #0000;border-radius:10px;margin-bottom:0;min-width:0;padding:12px 14px}.api-log-item.level-info{border-color:#60a5fa}.api-log-item.level-success{border-color:#34d399}.api-log-item.level-error{border-color:#f87171}.api-log-meta{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between;margin-bottom:6px}.api-log-time{flex-shrink:0;font-family:Consolas,Menlo,monospace}.api-log-title{color:#cbd5e1;flex-shrink:0;font-weight:600}.api-log-message{color:#e5e7eb;font-family:Consolas,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.layout{grid-gap:24px;align-items:start;display:grid;flex:1 1;gap:24px;grid-template-columns:360px 1fr 1.8fr;min-height:0;overflow:hidden}.layout>:first-child,.reference-column,.right-column{min-height:0;overflow-x:hidden;overflow-y:auto}.reference-column,.right-column{display:flex;flex-direction:column;gap:24px;max-height:100%;max-width:100%}.layout>:first-child::-webkit-scrollbar,.reference-column::-webkit-scrollbar,.right-column::-webkit-scrollbar{width:8px}.layout>:first-child::-webkit-scrollbar-track,.reference-column::-webkit-scrollbar-track,.right-column::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.layout>:first-child::-webkit-scrollbar-thumb,.reference-column::-webkit-scrollbar-thumb,.right-column::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.layout>:first-child::-webkit-scrollbar-thumb:hover,.reference-column::-webkit-scrollbar-thumb:hover,.right-column::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.right-column .player-card{flex-grow:0;flex-shrink:0;min-height:280px;width:100%}.right-column .api-log-card{flex:1 1;max-height:100%;min-height:0;width:100%}.reference-column .reference-card{flex:1 1 auto;min-height:0;overflow-y:auto;width:100%}.reference-column{position:relative}.reference-card{background:#101828;border:1px solid #1f293d;border-radius:16px;box-shadow:0 10px 30px #070d1a99;padding:20px}.reference-card h3{color:#f3f4f6;font-size:18px;margin:0 0 12px}.reference-card h4{color:#e5e7eb;font-size:15px;font-weight:600;margin:20px 0 8px}.reference-card p{color:#9ca3af;font-size:13px;line-height:1.6;margin-bottom:12px}.reference-card p.muted-text{color:#6b7280;font-size:12px;margin-bottom:8px;margin-top:-4px}.reference-card code,.reference-card pre{background:#ffffff0d;border-radius:8px;color:#e5e7eb;display:block;font-family:Consolas,Menlo,monospace;font-size:12px;line-height:1.5;margin-bottom:16px;overflow-x:auto;padding:12px;white-space:pre-wrap}.reference-card code{background:#ffffff1a;border-radius:4px;display:inline;font-size:12px;padding:2px 6px}.reference-card ol,.reference-card ul{color:#d1d5db;font-size:13px;line-height:1.8;margin:12px 0;padding-left:24px}.reference-card ol li,.reference-card ul li{margin-bottom:8px}.reference-card ol li strong{color:#f3f4f6}.reference-card ol li code{background:#3b82f633;color:#93c5fd}.error-card{background:#f871711a;border-radius:8px;color:#fecaca;margin-top:16px;padding:12px}.server-stats h4{margin:16px 0 8px}.subscribe-url-card code{background:#0b1018;border:1px dashed #1f293d;border-radius:8px;color:#cbd5f5;display:block;font-family:Consolas,Menlo,monospace;padding:12px;word-break:break-all}@media (max-width:1024px){.layout{grid-template-columns:1fr}.server-config{flex-direction:column}}.format-selector{background:#1a2332;border:1px solid #2d3748;border-radius:8px;margin-bottom:16px;padding:16px}.format-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.format-selector-header label{color:#f4f6fb;font-weight:600}.refresh-btn{background:none;border:1px solid #4a5568;border-radius:4px;color:#a5b4cf;cursor:pointer;font-size:14px;padding:4px 8px}.refresh-btn:hover:not(:disabled){background:#4a5568;color:#f4f6fb}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}#format-select{background:#111828;border:1px solid #2d3748;border-radius:4px;color:#f4f6fb;font-size:14px;padding:8px 12px;width:100%}.format-details{border-top:1px solid #2d3748;margin-top:12px;padding-top:12px}.format-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.format-description{color:#a5b4cf;font-size:14px}.format-bitrate{color:#718096;font-size:12px}.capabilities-info{border-top:1px solid #2d3748;margin-top:8px;padding-top:8px}.capabilities-info small{color:#a5b4cf;font-size:12px}.format-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.format-badge.audio-format{background:#2b6cb0;border:1px solid #3182ce;color:#bee3f8}.format-badge.text-format{background:#805ad5;border:1px solid #9f7aea;color:#e9d8fd}.format-label{color:#f4f6fb;font-size:14px;margin-right:8px}.format-note{color:#a5b4cf;font-size:12px;font-style:italic;margin-left:8px}.text-display{background:#1a2332;border:1px solid #2d3748;border-radius:8px;margin-bottom:16px;padding:16px}.text-display-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.text-display-header h3{color:#f4f6fb;margin:0}.status-indicator{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.status-indicator.active{background:#276749;border:1px solid #38a169;color:#9ae6b4}.status-indicator.inactive{background:#742a2a;border:1px solid #e53e3e;color:#feb2b2}.current-text{margin-bottom:16px}.current-text-label{color:#f4f6fb;font-size:14px;font-weight:600;margin-bottom:8px}.current-text-content{background:#111828;border:1px solid #2d3748;border-radius:4px;color:#f4f6fb;font-size:16px;line-height:1.5;min-height:60px;padding:12px}.current-text-content.empty{color:#a5b4cf;font-style:italic}.text-history{border-top:1px solid #2d3748;padding-top:16px}.text-history-header{color:#f4f6fb;font-size:14px;font-weight:600;margin-bottom:12px}.text-history-list{max-height:300px;overflow-y:auto}.text-history-empty{color:#a5b4cf;font-style:italic;padding:20px;text-align:center}.text-history-item{background:#111828;border:1px solid #2d3748;border-radius:4px;margin-bottom:8px;padding:12px}.text-content{color:#f4f6fb;font-size:14px;line-height:1.4;margin-bottom:8px}.text-metadata{border-top:1px solid #2d3748;color:#a5b4cf;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;padding-top:8px}.text-metadata span{align-items:center;display:flex;gap:4px}.confidence{color:#68d391}.language{color:#63b3ed}.duration{color:#f6e05e}.timestamp{color:#a5b4cf}.final-status.final{color:#68d391;font-weight:600}.final-status.partial{color:#f6e05e;font-weight:600}.text-controls{background:#1a2332;border:1px solid #2d3748;border-radius:4px;margin-bottom:16px;padding:16px}.text-info{color:#a5b4cf;font-style:italic;margin:0;text-align:center}
/*# sourceMappingURL=main.65634e44.css.map*/