@layer reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer reset,base;@layer base{._tonica{display:flex;flex-direction:row}:root ._tonica,.docs-story,.sb-show-main{font-family:Inter,Helvetica Neue,-apple-system,sans-serif;font-family:var(--font-family-primary);background-color:var(--color-bg-primary);color:var(--color-fg-primary);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._tonica ::selection{background:var(--color-fg-highlight)}._tonica p{margin:.75em 0;line-height:1.6;color:var(--color-fg-secondary)}._tonica a{color:var(--color-fg-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease;&:hover{border-color:var(--color-fg-primary)}}._tonica strong{font-weight:600}._tonica h1,._tonica h2,._tonica h3,._tonica h4,._tonica h5,._tonica h6{font-weight:600;margin:0;line-height:1.2;letter-spacing:-.02em;color:var(--color-fg-primary)}._tonica h1{font-size:2rem;font-weight:700;letter-spacing:-.03em}._tonica h2{font-size:1.5rem}._tonica h3{font-size:1.25rem;margin-top:1em;margin-bottom:1em}._tonica h4{font-size:1rem;font-weight:600}._tonica h5{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}._tonica h6{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-secondary)}._tonica ul,._tonica ol{margin:.75em 0;padding-left:1.25em}._tonica ul{list-style-type:"–  "}._tonica ul li::marker{color:var(--color-fg-tertiary)}._tonica ol{list-style-type:decimal}._tonica input:not([type=checkbox]):not([type=radio]),._tonica textarea,._tonica select{font:inherit;font-size:.875rem;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-fg-primary);transition:border-color .15s ease,box-shadow .15s ease;&:hover{border-color:var(--color-border-alt)}&:focus{border-color:var(--color-fg-primary);box-shadow:0 0 0 3px var(--color-fg-highlight);outline:none}&:disabled{color:var(--color-fg-disabled);background-color:var(--color-bg-secondary);border-color:var(--color-border);cursor:not-allowed}&::placeholder{color:var(--color-fg-tertiary)}}._tonica textarea{resize:vertical;min-height:80px}._tonica button,._tonica [type=button],._tonica input[type=submit],._tonica a.tonicaButton{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;text-decoration:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;background-color:transparent;color:var(--color-fg-secondary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .15s ease;&:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-alt);color:var(--color-fg-primary)}&:active{background-color:var(--color-bg-muted)}&:disabled{background-color:var(--color-bg-secondary);color:var(--color-fg-disabled);border-color:var(--color-border);cursor:not-allowed}&.primary{background-color:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);&:hover{background-color:var(--color-accent-alt);border-color:var(--color-accent-alt)}&:disabled{background-color:var(--color-bg-muted);border-color:var(--color-bg-muted);color:var(--color-fg-disabled)}}&.secondary{background-color:transparent;color:var(--color-fg-secondary);border:1px solid var(--color-border);&:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-alt);color:var(--color-fg-primary)}}&.ghost{background-color:transparent;color:var(--color-fg-tertiary);border-color:transparent;&:hover{background-color:var(--color-bg-secondary);color:var(--color-fg-primary);border-color:transparent}}&.danger{background-color:transparent;color:var(--color-fg-message-error);border-color:transparent;&:hover{background-color:var(--color-bg-message-error)}}&.sm{padding:.25rem .5rem;font-size:.75rem;gap:.25rem}&.icon-only{padding:.375rem;min-width:28px;min-height:28px}@media (max-width: 865px){padding:.3125rem .625rem;font-size:.75rem}}._tonica input[type=checkbox],._tonica input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;min-height:16px;border:1.5px solid var(--color-border-alt);border-radius:3px;background:var(--color-bg-primary);cursor:pointer;transition:all .15s ease;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;&:hover{border-color:var(--color-fg-secondary)}&:checked{background-color:var(--color-accent);border-color:var(--color-accent)}&:checked:after{content:"";position:absolute;top:1px;left:4.5px;width:5px;height:9px;border:solid var(--color-accent-text);border-width:0 2px 2px 0;transform:rotate(45deg)}&:focus{box-shadow:0 0 0 2px var(--color-fg-highlight);outline:none}}._tonica input[type=radio]{border-radius:50%;&:checked:after{top:50%;left:50%;width:6px;height:6px;border:none;border-radius:50%;background:var(--color-accent-text);transform:translate(-50%,-50%)}}._tonica img{max-width:100%;height:auto;display:block}._tonica table{width:100%;border-collapse:collapse;table-layout:auto;font-size:.875rem}._tonica table tbody{font-weight:var(--font-weight-table-body, 400)}._tonica th,._tonica td{padding:.875rem 1rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border);@media (max-width: 865px){padding:.625rem .5rem}}._tonica td:empty{padding:0}._tonica th.wrappable,._tonica td.wrappable{white-space:normal}._tonica th{background-color:var(--color-bg-primary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border)}._tonica table.with_secondary_row tbody:nth-child(2n),._tonica table:not(.with_secondary_row) tr:nth-child(2n){background-color:transparent}._tonica table.with_secondary_row tbody tr:first-child td{border-bottom:none}._tonica table.with_secondary_row tbody tr:last-child td{padding-top:0;border-bottom:1px solid var(--color-border);white-space:normal}._tonica table tr:last-child th,._tonica table tr:last-child td{border-bottom:1px solid var(--color-border)}._tonica table:not(.no_row_click) tbody tr:hover{cursor:pointer;background-color:var(--color-bg-secondary)}._tonica ul._jsonList,._tonica ol._jsonList{list-style:none;margin:0;padding:0;padding-left:var(--jsonPaddingLeft, 1rem);border-left:1px solid var(--color-border);font-family:JetBrains Mono,SF Mono,monospace;font-family:var(--font-family-mono);font-size:.8125rem;line-height:1.4}._tonica .mono{font-family:JetBrains Mono,SF Mono,monospace;font-family:var(--font-family-mono)}._tonica .text-muted{color:var(--color-fg-secondary)}._tonica .text-small{font-size:.75rem}._tonica svg.icon-anim-spin{animation:icon-anim-spin .8s linear infinite;transform-origin:center}@keyframes icon-anim-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){._tonica svg.icon-anim-spin{animation:none}}}.webrtc-bar.svelte-9vod4q{position:fixed;top:12px;right:12px;z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg-primary);color:var(--color-fg-primary);border:1px solid var(--color-levels-green, #22c55e);border-radius:999px;font-size:.75rem;box-shadow:0 4px 16px #0000002e}.webrtc-bar.svelte-9vod4q .icon{flex-shrink:0}.webrtc-bar.svelte-9vod4q .icon.live{color:var(--color-status-active);animation:svelte-9vod4q-pulse 1.6s ease-in-out infinite}.webrtc-bar.svelte-9vod4q .icon.spin{animation:svelte-9vod4q-spin .8s linear infinite}@keyframes svelte-9vod4q-spin{to{transform:rotate(360deg)}}@keyframes svelte-9vod4q-pulse{0%,to{opacity:1}50%{opacity:.5}}.text.svelte-9vod4q{white-space:nowrap}.text.svelte-9vod4q strong:where(.svelte-9vod4q){font-weight:600}.webrtc-bar.svelte-9vod4q button.danger{margin-left:4px}