:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,[data-theme=light],.theme-light{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--card-bg: #ffffff;--text-color: #213547;--text-secondary: #666666;--text-muted: #999999;--border-color: #d1d5db;--border-light: #e5e7eb;--accent-color: #0073bb;--accent-color-hover: #005a94;--accent-color-light: rgba(0, 115, 187, .1);--button-text-color: #ffffff;--button-secondary-bg: #6c757d;--button-secondary-hover: #5a6268;--disabled-bg: #b0bec5;--link-color: #0066cc;--link-hover: #0052a3;--button-bg: #ffffff;--button-hover-bg: #f9fafb;--button-hover-border: #d1d5db;--shadow-color: rgba(0, 0, 0, .1);--success-color: #037f01;--success-color-hover: #025a00;--error-color: #b91c1c;--error-color-hover: #991b1b;--error-bg: #fed7d7;--warning-color: #d97706;--info-color: #2563eb;color-scheme:light}[data-theme=dark],.theme-dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--card-bg: #1e293b;--text-color: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--accent-color: #0ea5e9;--accent-color-hover: #0284c7;--accent-color-light: rgba(14, 165, 233, .1);--button-text-color: #ffffff;--button-secondary-bg: #475569;--button-secondary-hover: #334155;--disabled-bg: #64748b;--link-color: #60a5fa;--link-hover: #93c5fd;--button-bg: #1e293b;--button-hover-bg: #334155;--button-hover-border: #475569;--shadow-color: rgba(0, 0, 0, .5);--success-color: #10b981;--success-color-hover: #059669;--error-color: #ef4444;--error-color-hover: #dc2626;--error-bg: #431313;--warning-color: #f59e0b;--info-color: #3b82f6;color-scheme:dark}html{background-color:var(--bg-primary);color:var(--text-color);transition:background-color .3s ease,color .3s ease}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:var(--link-color);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--link-hover)}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--button-hover-border);background-color:var(--button-hover-bg)}button:focus,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}input,textarea,select{font-family:inherit;font-size:inherit;transition:all .2s ease}select{background-color:var(--bg-primary)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;border-radius:4px;padding:.5em 2.5em .5em .5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5em center;background-size:1em}select option{background-color:var(--bg-primary)!important;color:var(--text-color)!important;border:none!important}[data-theme=dark] select,[data-theme=dark] select option,.theme-dark select,.theme-dark select option{background-color:var(--bg-primary)!important;color:var(--text-color)!important}select::-webkit-scrollbar{background:var(--bg-primary)}select::-webkit-scrollbar-thumb{background:var(--border-color)}@-moz-document url-prefix(){select option{background-color:var(--bg-primary)!important;color:var(--text-color)!important}}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light)}.force-visible{color:var(--text-color)!important;background-color:var(--bg-primary)!important}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.configuration-form{width:100%;margin:0 auto;padding:2rem;background:var(--card-bg);color:var(--text-color);border-radius:8px;box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--border-light);transition:all .3s ease}.configuration-form h2{color:var(--text-color);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.configuration-form p{color:var(--text-secondary);margin-bottom:2rem}.auto-save-indicator{background:#3b82f61a;border:1px solid var(--info-color);border-radius:4px;padding:.75rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--info-color);text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);background:var(--bg-primary)!important;color:var(--text-color)!important;border-radius:4px;font-size:1rem;transition:all .2s ease}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}[data-theme=dark] .form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-group select option{background:var(--bg-primary)!important;color:var(--text-color)!important}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error-color)}.form-group textarea{resize:vertical;font-family:Monaco,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.4;background:var(--bg-secondary);color:var(--text-color)}.form-group small{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.8rem}.error-message{display:block;color:var(--error-color);font-size:.8rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:2rem}.submit-button{flex:1;padding:.75rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background:var(--accent-hover)}.submit-button:active{background:var(--accent-color);filter:brightness(.9)}.clear-button{background:var(--text-secondary);color:var(--card-bg);border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-button:hover{background:var(--text-muted)}.info-box{background:#3b82f61a;border:1px solid var(--info-color);border-radius:4px;padding:1.5rem;margin:1rem 0}.info-box h4{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem}.info-box p{margin:0 0 1rem;color:var(--text-color)}.info-box ul{margin:0;padding-left:1.5rem;color:var(--text-color)}.info-box li{margin-bottom:.5rem}@media (max-width: 768px){.form-actions{flex-direction:column;gap:.5rem}.submit-button,.clear-button{width:100%}}.subscription-tester{width:100%;margin:0 auto;padding:1rem;background:var(--bg-secondary);color:var(--text-color);min-height:100vh;transition:all .3s ease}.header{background:var(--card-bg);color:var(--text-color);padding:1.5rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--border-light)}.config-summary h2{color:var(--text-color);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.config-details{display:flex;gap:1.5rem;align-items:center}.config-details span{color:var(--text-secondary);font-size:.9rem}.status{padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.status.connected{background:#10b9811a;color:var(--success-color);border:1px solid var(--success-color)}.status.disconnected{background:#ef44441a;color:var(--error-color);border:1px solid var(--error-color)}.reset-button{padding:.5rem 1rem;background:var(--button-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:.9rem;transition:all .2s ease}.reset-button:hover{background:var(--button-hover-bg);border-color:var(--accent-color)}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.publish-section{background:var(--card-bg);color:var(--text-color);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--border-light)}.section-header{background:var(--bg-secondary);color:var(--text-color);padding:1rem 1.5rem;border-bottom:1px solid var(--border-light)}.section-header h3{margin:0 0 .5rem;color:var(--text-color);font-size:1.1rem;font-weight:600}.auth-info{display:flex;flex-direction:column;gap:.25rem}.auth-type,.auth-token{font-size:.8rem;color:var(--text-secondary)}.channel-selector{padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.channel-selector label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500;font-size:.9rem}.channel-selector select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary)!important;color:var(--text-color)!important;transition:all .2s ease}.channel-selector select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.channel-selector small{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.8rem}.json-editor{padding:1rem 1.5rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:#666}.editor-info{display:flex;gap:1rem}.json-textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid var(--border-light);border-radius:4px;font-family:Monaco,Consolas,Courier New,monospace;font-size:.85rem;line-height:1.4;background:var(--bg-secondary);color:var(--text-color);resize:vertical}.json-textarea.small{min-height:80px}.json-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light)}.publish-btn{margin:0 1.5rem 1.5rem;padding:.75rem 1.5rem;background:var(--accent-color);color:var(--button-text-color);border:none;border-radius:4px;cursor:pointer;font-weight:500}.publish-btn:disabled{background:#ccc;cursor:not-allowed}.results-section{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px var(--shadow-color)}.results-header{background:var(--bg-secondary);padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:flex-end}.clear-btn{padding:.5rem 1rem;background:#fafafa;border:1px solid #d5d5d5;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem}.clear-btn:hover{background:#eee}.results-table{display:flex;flex-direction:column;height:400px}.table-header{display:grid;grid-template-columns:120px 1fr 150px;background:#f8f8f8;border-bottom:1px solid #e1e1e1;padding:.75rem 1rem;font-weight:600;font-size:.9rem;color:#232f3e}.table-body{flex:1;overflow-y:auto}.table-row{display:grid;grid-template-columns:120px 1fr 150px;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;align-items:start}.table-row:hover{background:#f9f9f9}.col-type{display:flex;align-items:center;gap:.5rem}.type-icon{font-size:.9rem}.type-text{font-size:.8rem;color:#666}.col-data pre{font-family:Monaco,Consolas,Courier New,monospace;font-size:.8rem;margin:0;white-space:pre-wrap;word-break:break-word;color:#333}.col-timestamp{font-size:.8rem;color:#666}.empty-results{padding:2rem;text-align:center;color:#666;font-style:italic}.subscribe-section{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px var(--shadow-color)}.subscribe-content{display:grid;grid-template-columns:200px 1fr auto;gap:1rem;align-items:start}.subscribe-controls{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.subscribe-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;min-width:100px}.subscribe-btn.start{background:#007eb9;color:#fff}.subscribe-btn.stop{background:#d13212;color:#fff}.subscribe-btn:hover{opacity:.9}.keep-alive{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;cursor:pointer}.keep-alive input{margin:0}.error-message{grid-column:1 / -1;background:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;border-left:4px solid #dc3545;font-size:.9rem}@media (max-width: 1200px){.main-content{grid-template-columns:1fr}.subscribe-content{grid-template-columns:1fr;gap:1rem}.subscribe-controls{flex-direction:row;align-items:center}}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;text-align:center}.config-details{flex-direction:column;gap:.5rem}.table-header,.table-row{grid-template-columns:80px 1fr 120px}.results-table{height:300px}.json-display{max-height:150px;font-size:11px}.json-content{padding:8px 10px;line-height:1.4}}@media (max-width: 480px){.subscription-tester{padding:8px}.header{padding:12px}.config-summary h2{font-size:18px}.json-display{max-height:120px;font-size:10px}.json-content{padding:6px 8px;line-height:1.3}.copy-json-btn{width:32px;height:32px;font-size:16px;top:4px;right:4px}.json-controls{top:4px;right:4px;gap:2px}.json-control-btn{width:32px;height:32px;font-size:16px}.fullscreen-content{width:95vw;height:90vh;border-radius:8px}.fullscreen-header{padding:16px}.fullscreen-title{flex-direction:column;gap:12px;align-items:stretch}.fullscreen-controls{justify-content:space-between;gap:8px}.view-mode-toggle{flex:1}.mode-btn,.fullscreen-copy-btn,.fullscreen-close-btn{padding:6px 12px;font-size:12px}.fullscreen-json-tree,.fullscreen-raw-json{padding:16px;font-size:12px}.json-key,.json-string,.json-number,.json-boolean,.json-null,.json-punctuation{font-size:inherit}}.json-tree-root{font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.6;color:var(--text-color)}.json-item{margin-left:16px;margin-bottom:2px}.json-children{margin-left:16px;border-left:1px solid var(--border-light);padding-left:8px}.json-toggle{display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.json-toggle:hover{background:var(--button-secondary-hover);border-radius:2px;padding:1px 3px}.json-key{color:var(--json-key, #4271ae);font-weight:600;margin-right:6px}.json-string{color:var(--json-string, #718c00)}.json-number{color:var(--json-number, #f5871f);font-weight:500}.json-boolean{color:var(--json-boolean, #c82829);font-weight:600}.json-null{color:var(--json-null, #8959a8);font-weight:600;font-style:italic}.json-bracket{color:var(--json-punctuation, #24292e);font-weight:500}.json-preview{color:var(--text-secondary);font-style:italic;font-size:11px}.json-array,.json-object{display:inline-block;vertical-align:top}[data-theme=dark] .json-tree-root{--json-key: #79b8ff;--json-string: #9ecbff;--json-number: #79b8ff;--json-boolean: #ffab70;--json-null: #b392f0;--json-punctuation: #e1e4e8}[data-theme=light] .json-tree-root,.json-tree-root{--json-key: #032f62;--json-string: #22863a;--json-number: #005cc5;--json-boolean: #d73a49;--json-null: #6f42c1;--json-punctuation: #24292e}.subscribe-section-main,.publish-section{background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;display:flex;flex-direction:column;min-height:400px;overflow:visible}-tester{display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 100px);font-family:Amazon Ember,Arial,sans-serif;background-color:var(--bg-secondary);color:var(--text-color);padding:20px;margin:-20px;transition:all .3s ease}.header{background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center}.config-summary h2{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text-color)}.config-details{display:flex;gap:24px;font-size:14px;color:var(--text-secondary);align-items:center}.status{font-weight:600;padding:4px 8px;border-radius:4px;font-size:12px}.status.connected{background-color:#10b9811a;color:var(--success-color);border:1px solid var(--success-color)}.status.disconnected{background-color:#ef44441a;color:var(--error-color);border:1px solid var(--error-color)}.reset-button{background:var(--accent-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;font-size:14px}.reset-button:hover{background:#d86613}.main-content{display:grid;grid-template-columns:1fr;gap:16px;flex:1;min-height:0}.publish-section,.results-section,.subscribe-section-main{background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;display:flex;flex-direction:column;min-height:400px;overflow:visible}.section-header{padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-color);border-radius:8px 8px 0 0}.section-header h3{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text-color)}.auth-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.publish-section,.subscribe-section-main{padding:0}.subscribe-content{display:flex;flex-direction:column;gap:20px}.publish-content{display:flex;flex-direction:column;gap:16px}.publish-controls{display:flex;flex-direction:column;gap:12px}.subscribe-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.channel-selector{padding:16px 20px;border-bottom:1px solid var(--border-light)}.channel-selector label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.channel-selector input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:4px;font-size:14px;background:var(--bg-secondary);color:var(--text-color)}.channel-selector input::placeholder{color:var(--text-muted);opacity:.7}.channel-selector input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light)}.channel-selector small{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}.json-editor{flex:1;display:flex;flex-direction:column;min-height:200px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:var(--text-color);font-weight:600}.editor-info{display:flex;gap:16px;font-size:12px;color:var(--text-secondary);font-weight:400}.json-textarea{flex:1;min-height:200px;padding:12px;border:1px solid var(--border-light);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;resize:vertical;background:var(--bg-secondary);color:var(--text-color)}.json-textarea::placeholder{color:var(--text-muted);opacity:.6;font-style:italic}.json-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.publish-btn{background:var(--accent-color);color:var(--button-text-color);border:none;padding:12px 24px;border-radius:4px;font-weight:600;cursor:pointer;font-size:14px;transition:background-color .2s;align-self:flex-start}.publish-btn:hover:not(:disabled){background:var(--accent-color-hover)}.publish-btn:disabled{background:var(--disabled-bg);cursor:not-allowed}.publish-btn.loading{position:relative}.publish-btn.loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:var(--button-text-color);border-radius:50%;animation:spin 1s linear infinite;right:12px;top:50%;transform:translateY(-50%)}.results-header{padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);display:flex;justify-content:flex-end}.clear-btn{background:var(--button-secondary-bg);color:var(--button-text-color);border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.clear-btn:hover{background:var(--button-secondary-hover)}.results-table{flex:1;display:flex;flex-direction:column;height:100%}.table-header{display:grid;grid-template-columns:140px 1fr 140px;gap:1px;background:var(--bg-secondary);border-bottom:2px solid var(--border-light);font-size:13px;font-weight:600;color:var(--text-color);padding:0}.table-header>div{padding:12px 16px;background:var(--card-bg)}.table-body{flex:1;overflow-y:auto;background:var(--bg-secondary);max-height:400px}.table-row{display:grid;grid-template-columns:140px 1fr 140px;gap:1px;margin-bottom:1px;background:var(--border-light);min-height:60px;align-items:stretch}.table-row>div{padding:12px 16px;background:var(--card-bg);color:var(--text-color);font-size:13px;overflow-wrap:break-word;word-break:break-word;display:flex;align-items:center}.col-type{display:flex;align-items:center;gap:8px;font-weight:600}.type-icon{font-size:16px}.col-data{align-items:flex-start!important}.col-data pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word;color:var(--text-color);background:var(--bg-secondary);padding:8px;border-radius:4px;border:1px solid var(--border-light);max-height:150px;overflow-y:auto;line-height:1.4;width:100%}.json-container{position:relative;width:100%}.json-display{margin:0;font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.6;background:var(--card-bg);border:1px solid var(--border-light);border-radius:6px;max-height:200px;overflow-y:auto;box-shadow:inset 0 1px 3px #0000001a;transition:all .2s ease}.json-display:hover{border-color:var(--accent-color);box-shadow:inset 0 1px 3px #0000001a,0 0 0 1px var(--accent-color)}.copy-json-btn{position:absolute;top:8px;right:8px;background:var(--button-secondary-bg);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;opacity:.7;transition:all .2s ease;z-index:1}.copy-json-btn:hover{opacity:1;background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.05)}.copy-json-btn:active{transform:scale(.95)}.json-content{display:block;padding:12px 16px;color:var(--text-color);background:transparent;white-space:pre-wrap;word-break:break-word;font-size:inherit;font-family:inherit;margin:0;overflow-wrap:break-word}.json-content{--json-string: #22863a;--json-number: #005cc5;--json-boolean: #d73a49;--json-null: #6f42c1;--json-key: #032f62;--json-punctuation: #24292e}[data-theme=dark] .json-content{--json-string: #9ecbff;--json-number: #79b8ff;--json-boolean: #ffab70;--json-null: #b392f0;--json-key: #79b8ff;--json-punctuation: #e1e4e8}.json-key{color:var(--json-key);font-weight:600}.json-string{color:var(--json-string)}.json-number{color:var(--json-number);font-weight:500}.json-boolean{color:var(--json-boolean);font-weight:600}.json-null{color:var(--json-null);font-weight:600;font-style:italic}.json-punctuation{color:var(--json-punctuation);font-weight:500}.json-viewer-container{background:var(--card-bg);border-radius:6px;padding:8px;font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:12px;max-height:200px;overflow-y:auto}.json-controls{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2;opacity:.6;transition:opacity .2s ease}.json-container:hover .json-controls{opacity:1}.json-control-btn{background:#ffffffe6;border:1px solid rgba(0,0,0,.2);color:#333;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;opacity:.8;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}:root .json-control-btn,[data-theme=light] .json-control-btn{background:#fffffff2;border:1px solid rgba(0,0,0,.25);color:#374151;box-shadow:0 2px 6px #00000026}[data-theme=dark] .json-control-btn{background:#1e293be6;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;box-shadow:0 2px 6px #0000004d}.json-control-btn:hover{opacity:1;transform:scale(1.05);box-shadow:0 4px 8px #0003}:root .json-control-btn:hover,[data-theme=light] .json-control-btn:hover{background:var(--accent-color, #0073bb);color:#fff;border-color:var(--accent-color, #0073bb)}[data-theme=dark] .json-control-btn:hover{background:var(--accent-color, #0ea5e9);color:#fff;border-color:var(--accent-color, #0ea5e9)}.json-control-btn:active{transform:scale(.95)}.fullscreen-btn{background:var(--button-secondary-bg)}.fullscreen-btn:hover{background:#007acc}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-content{background:var(--card-bg);border-radius:12px;width:90vw;height:85vh;max-width:1200px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-light)}.fullscreen-header{padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);border-radius:12px 12px 0 0}.fullscreen-title{display:flex;justify-content:space-between;align-items:center}.fullscreen-title h3{margin:0;color:var(--text-color);font-size:1.25rem;font-weight:600}.fullscreen-controls{display:flex;align-items:center;gap:16px}.view-mode-toggle{display:flex;background:var(--bg-tertiary);border-radius:6px;padding:2px;border:1px solid var(--border-light)}.mode-btn{background:transparent;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.mode-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 1px 3px #0003}.mode-btn:not(.active):hover{background:var(--button-secondary-hover);color:var(--text-color)}.fullscreen-copy-btn,.fullscreen-close-btn{background:var(--button-secondary-bg);border:1px solid var(--border-light);color:var(--text-color);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.fullscreen-copy-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.fullscreen-close-btn:hover{background:#dc3545;color:#fff;border-color:#dc3545}.fullscreen-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.fullscreen-json-tree{flex:1;overflow-y:auto;padding:24px;font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;background:var(--card-bg)}.fullscreen-raw-json{flex:1;overflow-y:auto;margin:0;padding:24px;background:var(--card-bg);font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.fullscreen-raw-json code{color:var(--text-color);background:transparent}.col-timestamp{font-size:12px;color:var(--text-secondary);display:flex;align-items:center}.table-row.system .col-type{color:var(--accent-color)}.table-row.event .col-type,.table-row.publish_success .col-type{color:var(--success-color)}.table-row.publish_error .col-type{color:var(--error-color)}.empty-results{padding:40px 20px;text-align:center;color:var(--text-secondary);font-style:italic}.subscribe-section{background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;padding:0}.subscribe-content{display:flex;gap:20px;align-items:flex-end}.channel-info{flex:1;width:100%}.channel-info label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.channel-info input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:4px;font-size:14px;background:var(--bg-secondary);color:var(--text-color);box-sizing:border-box}.channel-info input::placeholder{color:var(--text-muted);opacity:.7}.channel-info input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light)}.channel-info small{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}.subscribe-controls{display:flex;align-items:center;gap:16px}.subscribe-btn{padding:12px 24px;border:none;border-radius:4px;font-weight:600;cursor:pointer;font-size:14px;transition:background-color .2s}.subscribe-btn.start{background:var(--success-color);color:var(--button-text-color)}.subscribe-btn.start:hover{background:var(--success-color-hover)}.subscribe-btn.stop{background:var(--error-color);color:var(--button-text-color)}.subscribe-btn.stop:hover{background:var(--error-color-hover)}.connection-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.error-message{margin-top:8px;padding:12px;background:var(--error-bg);border:1px solid var(--error-color);border-radius:4px;color:var(--error-color);font-size:14px}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 1200px){.main-content{grid-template-columns:1fr;gap:12px}.table-header,.table-row{grid-template-columns:120px 1fr 120px}}@media (max-width: 768px){.events-tester{padding:12px;margin:-12px;gap:12px;min-height:100vh}.header{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.config-details{flex-direction:column;gap:8px;align-items:flex-start}.config-details span{display:block}.main-content{grid-template-columns:1fr;gap:12px;flex:none}.publish-section,.results-section,.subscribe-section-main{height:auto;min-height:auto}.subscribe-content{gap:16px}.publish-content{gap:12px}.publish-controls{gap:8px}.table-header{display:none}.table-row{display:block;background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;margin-bottom:8px;padding:12px;min-height:auto}.table-row>div{padding:8px 0;background:transparent;border-bottom:1px solid #f0f0f0;display:block;align-items:initial}.table-row>div:last-child{border-bottom:none}.col-type:before{content:"Type: ";font-weight:600;color:#545b64}.col-timestamp:before{content:"Time: ";font-weight:600;color:#545b64;display:block;margin-bottom:4px}.col-data:before{content:"Data: ";font-weight:600;color:#545b64;display:block;margin-bottom:8px}.col-data pre{font-size:12px;padding:8px;margin-top:4px;max-height:120px}.subscribe-content{flex-direction:column;align-items:stretch;gap:16px}.subscribe-controls{flex-direction:column;align-items:stretch;gap:12px}.connection-info{text-align:center}.json-editor{min-height:150px}.json-textarea{min-height:150px;font-size:14px}.editor-info{display:none}.publish-btn{align-self:stretch}.section-header{padding:12px 16px}.auth-info{font-size:11px}}@media (max-width: 480px){.events-tester{padding:8px;margin:-8px}.header{padding:12px}.config-summary h2{font-size:18px}.json-textarea{font-size:16px;min-height:120px}.channel-selector input,.channel-info input{font-size:16px}.publish-btn,.subscribe-btn{padding:10px 16px;font-size:14px}.table-row{padding:8px;margin-bottom:6px}.col-data pre{font-size:11px;padding:6px}.json-display{max-height:120px;font-size:11px}.json-content{padding:8px 10px;line-height:1.4}.copy-json-btn{width:32px;height:32px;font-size:16px;top:6px;right:6px}.json-controls{top:4px;right:4px;gap:2px}.json-control-btn{width:32px;height:32px;font-size:16px}.fullscreen-content{width:95vw;height:90vh;border-radius:8px}.fullscreen-header{padding:16px}.fullscreen-title{flex-direction:column;gap:12px;align-items:stretch}.fullscreen-controls{justify-content:space-between;gap:8px}.view-mode-toggle{flex:1}.mode-btn,.fullscreen-copy-btn,.fullscreen-close-btn{padding:6px 12px;font-size:12px}.fullscreen-json-tree,.fullscreen-raw-json{padding:16px;font-size:12px}.config-details{font-size:12px}.status{align-self:flex-start;margin-top:4px}}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--button-bg);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:fixed;top:1rem;right:1rem;z-index:1000;box-shadow:0 2px 8px var(--shadow-color)}.theme-toggle:hover{background:var(--button-hover-bg);border-color:var(--button-hover-border);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.theme-toggle:active{transform:translateY(0)}.theme-icon{font-size:1rem;line-height:1}.theme-label{font-family:inherit;white-space:nowrap}@media (max-width: 768px){.theme-toggle{top:.5rem;right:.5rem;padding:.375rem .75rem;font-size:.8rem}.theme-label{display:none}.theme-icon{font-size:1.1rem}}.ad-banner{margin:1rem 0;text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;position:relative}.ad-banner.ad-placeholder{background:#fff3cd;border-color:#ffeaa7;color:#856404}.ad-config-notice{font-size:.875rem;color:#856404;background:#fff3cd;padding:.5rem;border-radius:4px;margin-top:.5rem;border:1px solid #ffeaa7}.ad-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:500}.adsbygoogle{display:block!important;min-height:250px;background:#fff;border-radius:4px}.header-ad{margin:1rem auto;max-width:728px}.header-ad .adsbygoogle{min-height:90px;width:728px;height:90px}.sidebar-ad{margin:1rem 0;max-width:300px}.sidebar-ad .adsbygoogle{min-height:250px;width:300px;height:250px}.footer-ad{margin:1rem auto;max-width:970px}.footer-ad .adsbygoogle{min-height:90px;width:970px;height:90px}@media (max-width: 768px){.header-ad,.footer-ad{max-width:320px}.header-ad .adsbygoogle,.footer-ad .adsbygoogle{width:320px;height:50px;min-height:50px}.sidebar-ad{max-width:300px;margin:1rem auto}}.carbon-ad{background:#fff;border:1px solid #e1e8ed;border-radius:8px;padding:1.5rem;margin:2rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:400px}.carbon-ad .carbon-img{float:left;margin-right:1rem;margin-bottom:1rem}.carbon-ad .carbon-text{color:#333;font-size:.875rem;line-height:1.5;text-decoration:none}.carbon-ad .carbon-poweredby{color:#666;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-top:.75rem;display:block;clear:both}*{box-sizing:border-box}#root{width:100%}body{margin:0;padding:0;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;background:var(--bg-secondary);color:var(--text-color);min-height:100vh;transition:all .3s ease}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-secondary)}.app-header{text-align:center;width:100%;padding:2rem 1rem;background:linear-gradient(135deg,#232f3e,#37475a);color:#fff;position:relative}.app-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:400;letter-spacing:-.02em;color:#fff}.app-header p{margin:0;font-size:1.1rem;opacity:.9;font-weight:300;color:#fff}.app-main{flex:1;padding:2rem;width:800px;background:var(--card-bg);color:var(--text-color);border-radius:8px;margin:2rem 0;box-shadow:0 4px 6px var(--shadow-color);transition:all .3s ease}.app-footer{text-align:center;width:100%;padding:2rem 1rem;background:#232f3e;color:#fff;font-size:.9rem;line-height:1.6}.app-footer p{margin:.5rem 0;color:#fff}.app-footer a{color:#f90;text-decoration:none;font-weight:500}.app-footer a:hover{color:#ffb84d;text-decoration:underline}.app-footer small{color:#b0b7c3;display:block;margin-top:.5rem}.app-main *{color:var(--text-color)}.app-main input,.app-main textarea,.app-main select{background-color:var(--bg-primary)!important;color:var(--text-color)!important;border:1px solid var(--border-color)}.app-main select option{background-color:var(--bg-primary)!important;color:var(--text-color)!important}.app-main button{background-color:var(--button-bg);color:var(--text-color);border:1px solid var(--border-color)}@media (max-width: 768px){.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.app-main{padding:1rem;width:100%;margin:1rem;border-radius:0}}