@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.top-0{top:0}.top-16{top:calc(var(--spacing) * 16)}.left-\[264px\]{left:264px}.col-span-12{grid-column:span 12/span 12}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-\[6px\]{width:6px;height:6px}.h-16{height:calc(var(--spacing) * 16)}.h-fit{height:fit-content}.h-screen{height:100vh}.w-\[264px\]{width:264px}.w-\[calc\(100\%-264px\)\]{width:calc(100% - 264px)}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-\[var\(--border-neutral\)\]{border-color:var(--border-neutral)}.border-t-\[var\(--border-neutral\)\]{border-top-color:var(--border-neutral)}.border-r-\[var\(--border-neutral\)\]{border-right-color:var(--border-neutral)}.border-b-\[var\(--border-neutral\)\]{border-bottom-color:var(--border-neutral)}.border-l-\[var\(--border-neutral\)\]{border-left-color:var(--border-neutral)}.bg-\[var\(--panel-dark\)\]{background-color:var(--panel-dark)}.bg-\[var\(--panel-dark\)\]\!{background-color:var(--panel-dark)!important}.bg-\[var\(--panel-light\)\]{background-color:var(--panel-light)}.bg-\[var\(--panel-light\)\]\!{background-color:var(--panel-light)!important}.bg-transparent{background-color:#0000}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:hidden:before,.after\:hidden:after{content:var(--tw-content);display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#070b14;--panel-dark:#0a0f1c;--panel-light:#111a2d;--text-heading:#dbeafe;--text-paragraph:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--border-neutral:#94a3b833}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f1f6fb;--panel-dark:#f7fafd;--panel-light:#fff;--text-heading:#0f172a;--text-paragraph:#334155;--text-muted:#64748b;--text-disabled:#94a3b8;--border-neutral:#33415526}@font-face{font-family:SkylineBeachNbpRegular;src:url(/fonts/SkylineBeachNbpRegular-qmrd.ttf);font-display:swap}@font-face{font-family:CascadiaCode;src:url(/fonts/CascadiaCode.ttf);font-display:swap}h1,h2,h3,h4,h5,h6{color:var(--text-heading);text-transform:uppercase;margin:0;padding:0;font-family:CascadiaCode,monospace;font-weight:400;line-height:1.1;transition:color .18s}h1{font-size:clamp(1.55rem,2.21vi + 1rem,2.99rem)}h2{font-size:clamp(1.41rem,1.66vi + .99rem,2.49rem)}h3{font-size:clamp(1.28rem,1.22vi + .98rem,2.07rem)}h4{font-size:clamp(1.16rem,.87vi + .95rem,1.73rem)}h5{font-size:clamp(1.06rem,.59vi + .91rem,1.44rem)}h6{font-size:clamp(.96rem,.37vi + .87rem,1.2rem)}p{color:var(--text-paragraph);margin:0;padding:0;font-family:CascadiaCode,monospace;font-size:clamp(.88rem,.19vi + .83rem,1rem);line-height:1.4;transition:color .18s}a{width:fit-content;color:inherit;cursor:pointer;font-family:CascadiaCode,monospace;font-size:clamp(.88rem,.19vi + .83rem,1rem);font-weight:500;text-decoration:none}.display_font{text-transform:capitalize;font-family:SkylineBeachNbpRegular,sans-serif}.paragraph{font-size:clamp(.88rem,.19vi + .83rem,1rem)}.paragraph_small{font-size:clamp(.8rem,.06vi + .78rem,.83rem)}.paragraph_tiny{font-size:clamp(.72rem,.73rem - .04vi,.69rem)}.button_font{font-family:CascadiaCode,monospace;font-size:clamp(.8rem,.06vi + .78rem,.83rem);font-weight:300}.header_1{font-size:clamp(1.55rem,2.21vi + 1rem,2.99rem)}.header_2{font-size:clamp(1.41rem,1.66vi + .99rem,2.49rem)}.header_3{font-size:clamp(1.28rem,1.22vi + .98rem,2.07rem)}.header_4{font-size:clamp(1.16rem,.87vi + .95rem,1.73rem)}.header_5{font-size:clamp(1.06rem,.59vi + .91rem,1.44rem)}.header_6{font-size:clamp(.96rem,.37vi + .87rem,1.2rem)}section{grid-template-rows:auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.13rem,1.04rem + .41vw,1.5rem);padding:clamp(1.13rem,1.04rem + .41vw,1.5rem);display:grid}.primary_color{color:#21d4ff}.secondary_color{color:#3b82f6}.accent_color{color:#8b5cf6}.success{color:#22c55e}.warning{color:#f59e0b}.danger{color:#ef4444}.info{color:#3b82f6}.neutral_color{color:#94a3b8}.background_color{background-color:var(--background)}.panel_dark_color{background-color:var(--panel-dark)}.panel_light_color{background-color:var(--panel-light)}.heading_color{color:var(--text-heading)}.paragraph_color{color:var(--text-paragraph)}.muted_color{color:var(--text-muted)}.disabled_color{color:var(--text-disabled)}.primary_border_color{border-color:#21d4ffbf}.secondary_border_color{border-color:#3b82f6bf}.accent_border_color{border-color:#8b5cf6bf}.success_border_color{border-color:#22c55ebf}.warning_border_color{border-color:#f59e0bbf}.danger_border_color{border-color:#ef4444bf}.info_border_color{border-color:#3b82f6bf}.neutral_border_color{border-color:var(--border-neutral)}.connected_color{color:#22c55e}.connected_background_color{background-color:#22c55e}.connecting_color{color:#3b82f6}.connecting_background_color{background-color:#3b82f6}.disconnected_color{color:#ef4444}.disconnected_background_color{background-color:#ef4444}.offline_color{color:#64748b}.offline_background_color{background-color:#64748b}.critical_color{color:#ef4444}.critical_background_color{background-color:#ef4444}.system_color{color:#94a3b8}.primary_glow{box-shadow:0 0 10px #21d4ff99}.secondary_glow{box-shadow:0 0 10px #3b82f699}.accent_glow{box-shadow:0 0 10px #8b5cf699}.success_glow{box-shadow:0 0 10px #22c55e99}.warning_glow{box-shadow:0 0 10px #f59e0b99}.danger_glow{box-shadow:0 0 10px #ef444499}.info_glow{box-shadow:0 0 10px #3b82f699}button,.button{isolation:isolate;width:fit-content;min-height:2.25rem;color:var(--text-paragraph);background:var(--panel-dark);border:1px solid var(--border-neutral);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:calc(clamp(1.13rem,1.04rem + .41vw,1.5rem)/8) calc(clamp(1.13rem,1.04rem + .41vw,1.5rem)/2);font-size:clamp(.8rem,.06vi + .78rem,.83rem);font-weight:500;line-height:1;text-decoration:none;transition:color .16s,border-color .16s,background .16s,box-shadow .18s,opacity .16s,transform .1s;display:inline-flex;position:relative;overflow:hidden}button:before,.button:before{content:"";opacity:.8;pointer-events:none;width:1.2rem;height:2px;position:absolute;top:-1px;left:.55rem}button:after,.button:after{content:"";z-index:-1;opacity:0;pointer-events:none;position:absolute;inset:0;transform:translate(-100%)}button:hover:after,.button:hover:after{opacity:1;transition:transform .42s,opacity .12s;transform:translate(100%)}button svg,.button svg{color:currentColor;flex:none;width:1em;height:1em}button.primary,.button.primary{color:#21d4ff;background:linear-gradient(180deg, #21d4ff1a 0%, #21d4ff09 55%, #21d4ff14 100%),var(--panel-dark);border-color:#21d4ffbf;box-shadow:inset 0 0 0 1px #21d4ff0d,inset 0 0 12px #21d4ff0a,0 0 #0000}button.primary:before,.button.primary:before{background:#21d4ff}button.primary:after,.button.primary:after{background:linear-gradient(90deg,#0000,#21d4ff73,#0000)}button.primary:hover,.button.primary:hover{color:#4adcff;background:linear-gradient(180deg, #21d4ff29 0%, #21d4ff0f 55%, #21d4ff1f 100%),var(--panel-dark);border-color:#21d4ff;box-shadow:inset 0 0 0 1px #21d4ff1f,inset 0 0 16px #21d4ff14,0 0 10px #21d4ff73}button.primary:focus-visible,.button.primary:focus-visible{outline-offset:3px;border-color:#21d4ff;outline:1px solid #21d4ffcc;box-shadow:inset 0 0 0 1px #21d4ff1f,0 0 12px #21d4ff8c}button.primary:active,button.primary.active,.button.primary:active,.button.primary.active{color:#21d4ff;background:linear-gradient(180deg, #21d4ff33 0%, #21d4ff14 100%),var(--panel-dark);border-color:#21d4ff;transform:translateY(1px);box-shadow:inset 0 0 10px #21d4ff29,0 0 8px #21d4ff66}button.secondary,.button.secondary{color:#3b82f6;background:linear-gradient(180deg, #3b82f61a 0%, #3b82f609 55%, #3b82f614 100%),var(--panel-dark);border-color:#3b82f6bf;box-shadow:inset 0 0 0 1px #3b82f60d,inset 0 0 12px #3b82f60a,0 0 #0000}button.secondary:before,.button.secondary:before{background:#3b82f6}button.secondary:after,.button.secondary:after{background:linear-gradient(90deg,#0000,#3b82f673,#0000)}button.secondary:hover,.button.secondary:hover{color:#629bf8;background:linear-gradient(180deg, #3b82f629 0%, #3b82f60f 55%, #3b82f61f 100%),var(--panel-dark);border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f61f,inset 0 0 16px #3b82f614,0 0 10px #3b82f673}button.secondary:focus-visible,.button.secondary:focus-visible{outline-offset:3px;border-color:#3b82f6;outline:1px solid #3b82f6cc;box-shadow:inset 0 0 0 1px #3b82f61f,0 0 12px #3b82f68c}button.secondary:active,button.secondary.active,.button.secondary:active,.button.secondary.active{color:#3b82f6;background:linear-gradient(180deg, #3b82f633 0%, #3b82f614 100%),var(--panel-dark);border-color:#3b82f6;transform:translateY(1px);box-shadow:inset 0 0 10px #3b82f629,0 0 8px #3b82f666}button.accent,.button.accent{color:#8b5cf6;background:linear-gradient(180deg, #8b5cf61a 0%, #8b5cf609 55%, #8b5cf614 100%),var(--panel-dark);border-color:#8b5cf6bf;box-shadow:inset 0 0 0 1px #8b5cf60d,inset 0 0 12px #8b5cf60a,0 0 #0000}button.accent:before,.button.accent:before{background:#8b5cf6}button.accent:after,.button.accent:after{background:linear-gradient(90deg,#0000,#8b5cf673,#0000)}button.accent:hover,.button.accent:hover{color:#a783f8;background:linear-gradient(180deg, #8b5cf629 0%, #8b5cf60f 55%, #8b5cf61f 100%),var(--panel-dark);border-color:#8b5cf6;box-shadow:inset 0 0 0 1px #8b5cf61f,inset 0 0 16px #8b5cf614,0 0 10px #8b5cf673}button.accent:focus-visible,.button.accent:focus-visible{outline-offset:3px;border-color:#8b5cf6;outline:1px solid #8b5cf6cc;box-shadow:inset 0 0 0 1px #8b5cf61f,0 0 12px #8b5cf68c}button.accent:active,button.accent.active,.button.accent:active,.button.accent.active{color:#8b5cf6;background:linear-gradient(180deg, #8b5cf633 0%, #8b5cf614 100%),var(--panel-dark);border-color:#8b5cf6;transform:translateY(1px);box-shadow:inset 0 0 10px #8b5cf629,0 0 8px #8b5cf666}button.success,button.connect,.button.success,.button.connect{color:#22c55e;background:linear-gradient(180deg, #22c55e1a 0%, #22c55e09 55%, #22c55e14 100%),var(--panel-dark);border-color:#22c55ebf;box-shadow:inset 0 0 0 1px #22c55e0d,inset 0 0 12px #22c55e0a,0 0 #0000}button.success:before,button.connect:before,.button.success:before,.button.connect:before{background:#22c55e}button.success:after,button.connect:after,.button.success:after,.button.connect:after{background:linear-gradient(90deg,#0000,#22c55e73,#0000)}button.success:hover,button.connect:hover,.button.success:hover,.button.connect:hover{color:#34dc72;background:linear-gradient(180deg, #22c55e29 0%, #22c55e0f 55%, #22c55e1f 100%),var(--panel-dark);border-color:#22c55e;box-shadow:inset 0 0 0 1px #22c55e1f,inset 0 0 16px #22c55e14,0 0 10px #22c55e73}button.success:focus-visible,button.connect:focus-visible,.button.success:focus-visible,.button.connect:focus-visible{outline-offset:3px;border-color:#22c55e;outline:1px solid #22c55ecc;box-shadow:inset 0 0 0 1px #22c55e1f,0 0 12px #22c55e8c}button.success:active,button.success.active,button.connect:active,button.connect.active,.button.success:active,.button.success.active,.button.connect:active,.button.connect.active{color:#22c55e;background:linear-gradient(180deg, #22c55e33 0%, #22c55e14 100%),var(--panel-dark);border-color:#22c55e;transform:translateY(1px);box-shadow:inset 0 0 10px #22c55e29,0 0 8px #22c55e66}button.warning,button.retry,.button.warning,.button.retry{color:#f59e0b;background:linear-gradient(180deg, #f59e0b1a 0%, #f59e0b09 55%, #f59e0b14 100%),var(--panel-dark);border-color:#f59e0bbf;box-shadow:inset 0 0 0 1px #f59e0b0d,inset 0 0 12px #f59e0b0a,0 0 #0000}button.warning:before,button.retry:before,.button.warning:before,.button.retry:before{background:#f59e0b}button.warning:after,button.retry:after,.button.warning:after,.button.retry:after{background:linear-gradient(90deg,#0000,#f59e0b73,#0000)}button.warning:hover,button.retry:hover,.button.warning:hover,.button.retry:hover{color:#f7ae32;background:linear-gradient(180deg, #f59e0b29 0%, #f59e0b0f 55%, #f59e0b1f 100%),var(--panel-dark);border-color:#f59e0b;box-shadow:inset 0 0 0 1px #f59e0b1f,inset 0 0 16px #f59e0b14,0 0 10px #f59e0b73}button.warning:focus-visible,button.retry:focus-visible,.button.warning:focus-visible,.button.retry:focus-visible{outline-offset:3px;border-color:#f59e0b;outline:1px solid #f59e0bcc;box-shadow:inset 0 0 0 1px #f59e0b1f,0 0 12px #f59e0b8c}button.warning:active,button.warning.active,button.retry:active,button.retry.active,.button.warning:active,.button.warning.active,.button.retry:active,.button.retry.active{color:#f59e0b;background:linear-gradient(180deg, #f59e0b33 0%, #f59e0b14 100%),var(--panel-dark);border-color:#f59e0b;transform:translateY(1px);box-shadow:inset 0 0 10px #f59e0b29,0 0 8px #f59e0b66}button.danger,button.disconnect,.button.danger,.button.disconnect{color:#ef4444;background:linear-gradient(180deg, #ef44441a 0%, #ef444409 55%, #ef444414 100%),var(--panel-dark);border-color:#ef4444bf;box-shadow:inset 0 0 0 1px #ef44440d,inset 0 0 12px #ef44440a,0 0 #0000}button.danger:before,button.disconnect:before,.button.danger:before,.button.disconnect:before{background:#ef4444}button.danger:after,button.disconnect:after,.button.danger:after,.button.disconnect:after{background:linear-gradient(90deg,#0000,#ef444473,#0000)}button.danger:hover,button.disconnect:hover,.button.danger:hover,.button.disconnect:hover{color:#f26a6a;background:linear-gradient(180deg, #ef444429 0%, #ef44440f 55%, #ef44441f 100%),var(--panel-dark);border-color:#ef4444;box-shadow:inset 0 0 0 1px #ef44441f,inset 0 0 16px #ef444414,0 0 10px #ef444473}button.danger:focus-visible,button.disconnect:focus-visible,.button.danger:focus-visible,.button.disconnect:focus-visible{outline-offset:3px;border-color:#ef4444;outline:1px solid #ef4444cc;box-shadow:inset 0 0 0 1px #ef44441f,0 0 12px #ef44448c}button.danger:active,button.danger.active,button.disconnect:active,button.disconnect.active,.button.danger:active,.button.danger.active,.button.disconnect:active,.button.disconnect.active{color:#ef4444;background:linear-gradient(180deg, #ef444433 0%, #ef444414 100%),var(--panel-dark);border-color:#ef4444;transform:translateY(1px);box-shadow:inset 0 0 10px #ef444429,0 0 8px #ef444466}button.info,.button.info{color:#3b82f6;background:linear-gradient(180deg, #3b82f61a 0%, #3b82f609 55%, #3b82f614 100%),var(--panel-dark);border-color:#3b82f6bf;box-shadow:inset 0 0 0 1px #3b82f60d,inset 0 0 12px #3b82f60a,0 0 #0000}button.info:before,.button.info:before{background:#3b82f6}button.info:after,.button.info:after{background:linear-gradient(90deg,#0000,#3b82f673,#0000)}button.info:hover,.button.info:hover{color:#629bf8;background:linear-gradient(180deg, #3b82f629 0%, #3b82f60f 55%, #3b82f61f 100%),var(--panel-dark);border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f61f,inset 0 0 16px #3b82f614,0 0 10px #3b82f673}button.info:focus-visible,.button.info:focus-visible{outline-offset:3px;border-color:#3b82f6;outline:1px solid #3b82f6cc;box-shadow:inset 0 0 0 1px #3b82f61f,0 0 12px #3b82f68c}button.info:active,button.info.active,.button.info:active,.button.info.active{color:#3b82f6;background:linear-gradient(180deg, #3b82f633 0%, #3b82f614 100%),var(--panel-dark);border-color:#3b82f6;transform:translateY(1px);box-shadow:inset 0 0 10px #3b82f629,0 0 8px #3b82f666}button.neutral,button.cancel,.button.neutral,.button.cancel{color:#94a3b8;background:linear-gradient(180deg, #94a3b81a 0%, #94a3b809 55%, #94a3b814 100%),var(--panel-dark);border-color:#94a3b873;box-shadow:inset 0 0 0 1px #94a3b80d,inset 0 0 12px #94a3b80a,0 0 #0000}button.neutral:before,button.cancel:before,.button.neutral:before,.button.cancel:before{background:#94a3b8}button.neutral:after,button.cancel:after,.button.neutral:after,.button.cancel:after{background:linear-gradient(90deg,#0000,#94a3b873,#0000)}button.neutral:hover,button.cancel:hover,.button.neutral:hover,.button.cancel:hover{color:#adb8c8;background:linear-gradient(180deg, #94a3b829 0%, #94a3b80f 55%, #94a3b81f 100%),var(--panel-dark);border-color:#94a3b8;box-shadow:inset 0 0 0 1px #94a3b81f,inset 0 0 16px #94a3b814,0 0 10px #94a3b873}button.neutral:focus-visible,button.cancel:focus-visible,.button.neutral:focus-visible,.button.cancel:focus-visible{outline-offset:3px;border-color:#94a3b8;outline:1px solid #94a3b8cc;box-shadow:inset 0 0 0 1px #94a3b81f,0 0 12px #94a3b88c}button.neutral:active,button.neutral.active,button.cancel:active,button.cancel.active,.button.neutral:active,.button.neutral.active,.button.cancel:active,.button.cancel.active{color:#94a3b8;background:linear-gradient(180deg, #94a3b833 0%, #94a3b814 100%),var(--panel-dark);border-color:#94a3b8;transform:translateY(1px);box-shadow:inset 0 0 10px #94a3b829,0 0 8px #94a3b866}button.ghost,.button.ghost{color:var(--text-muted);border-style:dashed;border-color:var(--border-neutral);box-shadow:none;background:0 0}button.ghost:before,.button.ghost:before{opacity:.4;background:#94a3b8}button.ghost:hover,.button.ghost:hover{color:var(--text-paragraph);background:#94a3b80d;border-color:#94a3b8;box-shadow:inset 0 0 10px #94a3b80a}button.icon,.button.icon{width:2.25rem;min-width:2.25rem;padding-inline:0}button.icon:before,.button.icon:before{width:.8rem;left:50%;transform:translate(-50%)}button.compact,.button.compact{min-height:1.8rem;padding:.3rem .65rem;font-size:clamp(.72rem,.73rem - .04vi,.69rem)}button:disabled,button.disabled,.button:disabled,.button.disabled{color:var(--text-disabled);background:var(--panel-dark);border-color:var(--border-neutral);box-shadow:none;opacity:.65;cursor:not-allowed;pointer-events:none}button:disabled:before,button.disabled:before,.button:disabled:before,.button.disabled:before{background:var(--text-disabled);opacity:.3}.button-group{display:inline-flex}.button-group .button,.button-group button{border-radius:0}.button-group .button:not(:first-child),.button-group button:not(:first-child){margin-left:-1px}.button-group .button:first-child,.button-group button:first-child{border-radius:2px 0 0 2px}.button-group .button:last-child,.button-group button:last-child{border-radius:0 2px 2px 0}html,body{background-color:var(--background);min-height:100%;color:var(--text-paragraph);margin:0;font-family:CascadiaCode,monospace;font-size:clamp(.88rem,.19vi + .83rem,1rem);font-weight:300;line-height:1.4}body{min-height:100vh;transition:background-color .18s,color .18s}