:root{--color-primary: #ac3333;--color-primary-light: #dd4343;--color-primary-dark: #8a2929;--color-bg: #262626;--color-bg-dark: #1e1e1e;--color-text: #d8d8d8;--color-text-muted: #727272;--color-text-light: #f3f3f3;--color-error: #ff2f2f;--color-success: #00d900;--color-border: #747474;--color-border-dark: #4c4c4c;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem}html,body{width:100%;height:100%}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;width:100%;max-width:800px;margin:0 auto;padding:20px;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;box-sizing:border-box}h1{text-align:center}p.small{font-size:.9rem;margin:var(--space-xs) 0;font-style:italic;color:var(--color-text-muted);line-height:0}p.wrap{overflow:hidden;overflow-wrap:break-word}section{display:block;margin-top:30px;padding:20px;border:1px solid var(--color-border);border-radius:8px}section h2{margin-top:0;margin-bottom:var(--space-lg)}.hidden{display:none!important}.connect-options{display:flex;flex-direction:column;gap:var(--space-md)}.connect-options .input-wrapper{display:flex;align-items:center;margin:var(--space-sm) 0}.connect-options label{font-size:.9rem;margin-right:var(--space-sm)}.connect-options input.url{flex:1}.error{color:var(--color-error);font-style:italic;font-size:.9rem;line-height:1rem}.event-output{display:block;width:calc(100% - 2rem);height:5rem;overflow:auto;color:var(--color-text);background:var(--color-bg-dark);border:1px solid var(--color-border-dark);padding:1rem;border-radius:4px}.copy-success{margin-left:var(--space-sm);color:var(--color-success)}.copy-error{margin-left:var(--space-sm);color:var(--color-error)}.form label{display:block;margin:var(--space-sm) 0px}button{display:block;margin:var(--space-sm) 0px;padding:8px 16px;background:var(--color-primary);color:var(--color-text-light);font-style:bold;border:none;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}button.inline{display:inline!important}button:hover{background:var(--color-primary-light)}button:active{background:var(--color-primary-dark);color:var(--color-text)}button:disabled{background:var(--color-primary-dark);color:var(--color-text-muted);cursor:not-allowed}input[type=text]{color:var(--color-text);background:var(--color-bg-dark);border:1px solid var(--color-border-dark);padding:4px;border-radius:4px}