/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,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;--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xs:16rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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);--color-lbl:var(--light-tools);--color-header:var(--header);--color-cyan:var(--cyan);--color-purp:var(--light-purp);--color-indigo:var(--indigo);--color-cyber:var(--cyber);--color-subtitle:var(--subtitle);--color-chat:var(--chat);--color-fg:var(--light-fg);--color-editor:var(--light-editor);--color-menu:var(--light-menu);--color-panel:var(--light-panel);--color-icon:var(--light-icon);--color-icon-hover:var(--light-icon-hover);--color-tools:var(--light-tools);--color-hl:var(--light-hl);--color-midnight:var(--midnight);--color-file:var(--light-file);--color-iron:var(--iron)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}: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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{font-family:var(--font-family);font-style:normal;font-weight:400;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}*,:focus{outline:none}@media (prefers-reduced-motion:no-preference){*{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}canvas{transition-property:none!important}}.scrollable{scrollbar-color:var(--menu)var(--editor);scrollbar-width:auto}body,html{height:100%;margin:calc(var(--spacing)*0);width:100%}body{background-color:var(--color-black);bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0);overflow:hidden;position:fixed;right:calc(var(--spacing)*0);top:calc(var(--spacing)*0)}body>div{height:100%;margin:calc(var(--spacing)*0);width:100%}img,svg{-webkit-user-select:none;user-select:none;-moz-user-drag:none;-webkit-user-drag:none}kbd{font-family:var(--font-family)}a,a:visited{color:var(--color-cyan);text-decoration-thickness:0}:is(a,a:visited):hover{background-color:var(--color-cyan);color:var(--color-fg)}#body-container{height:100%;overflow-y:hidden;width:100%}.loading *{cursor:wait!important}h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}h1,h2,section h2{color:var(--color-cyan)}h2,section h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}#position-info,aside,header{background-color:var(--color-menu)}header{display:flex;height:var(--header-size);justify-content:space-between;width:100%}header.dynamic{app-region:drag;padding-left:env(titlebar-area-x,0);padding-right:calc(env(titlebar-area-x,0px)*1.6)}header *{margin-block:auto}header nav{app-region:no-drag}header nav div{display:flex}header svg{fill:var(--color-fg);height:30px;width:30px}header #current-font-display,header #resolution,header button{height:var(--header-size)}:is(header button,header #resolution,header #current-font-display):hover{background-color:var(--color-hl)}#chat-button{color:var(--color-fg);float:right;font-size:10px;line-height:19px;padding:0 8px}#chat-button.active,#chat-button.enabled{background-color:var(--color-indigo)}#chat-button.notification{background-color:var(--color-purp)!important}#chat-button.active #chat-icon-text{display:none}#chat-button.active #chat-icon-close-text{display:block}#chat-icon-close-text{display:none}#chat-window{right:calc(var(--spacing)*0);top:var(--header-size);z-index:3;--tw-scale-y:100%;max-height:100vh;max-width:100%;min-height:300px;min-width:30vw;width:45vw;--tw-border-style:double;background-color:var(--color-menu);border-color:var(--color-iron);border-style:double;border-width:8px;display:flex;opacity:1;position:fixed;transform-origin:top;transition:scale .7s ease-out,opacity .7s ease-out,transform .7s ease-out}#chat-window,#chat-window.hide{scale:var(--tw-scale-x)var(--tw-scale-y)}#chat-window.hide{pointer-events:none;--tw-scale-y:0%;display:flex!important;opacity:0}#chat-window #chatRoom{display:flex;flex-direction:column;height:100%;max-height:50vh;min-height:calc(var(--spacing)*0);width:100%}#chat-window #chatRoom article,#chat-window #chatRoom header,#chat-window #chatRoom nav,#chat-window #chatRoom section{flex-shrink:0;width:100%}#chat-window #chatRoom header{background-color:var(--color-header);flex-direction:row;flex-wrap:balance;min-height:calc(var(--spacing)*0);padding-left:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*0);place-content:space-between;width:100%}#chat-window #chatRoom header h2{color:var(--color-cyan);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}#chat-window #chatRoom header button{padding:calc(var(--spacing)*0);padding-bottom:calc(var(--spacing)*.5)}#chat-window #chatRoom header button svg{color:var(--color-fg)}#chat-window #chatRoom header #notification-setting{color:var(--color-fg);float:inline-end;font-size:10px;height:20px;line-height:20px;width:140px}#chat-window #chatRoom header #notification-setting #notification-checkbox{margin-right:calc(var(--spacing)*3)}#chat-window #chatRoom header #notification-setting #notification-checkbox:before{background-color:var(--color-midnight);content:"";display:block;height:17px;position:relative;width:17px}#chat-window #chatRoom header #notification-setting #notification-checkbox:after{background-color:var(--color-midnight);content:"";display:block;height:13px;left:2px;position:relative;top:-15px;width:13px}#chat-window #chatRoom header #notification-setting #notification-checkbox:checked:after{background-color:var(--color-cyber);content:""}#chat-window #chatRoom section{display:flex;flex:1;flex-direction:row;min-height:284px;overflow-y:scroll}#chat-window #chatRoom section #message-window,#chat-window #chatRoom section #user-list{display:flex;flex-direction:column;height:100%;margin:calc(var(--spacing)*0);max-height:40vh;padding-top:calc(var(--spacing)*2);word-break:break-all}#chat-window #chatRoom section #user-list{background-color:var(--color-menu);color:var(--color-fg);overflow:auto;padding-left:calc(var(--spacing)*3);width:25%}#chat-window #chatRoom section #user-list .user-name{max-height:25px}#chat-window #chatRoom section #message-window{background-color:var(--color-editor);overflow-y:scroll;width:75%}#chat-window #chatRoom section #message-window div{color:var(--color-chat);display:inline-table;padding-inline:calc(var(--spacing)*2)}#chat-window #chatRoom section #message-window div .handle{color:var(--color-white)}#chat-window #chatRoom section #message-window div .handle:after{content:":"}#chat-window #chatRoom nav{background-color:var(--color-editor);border-color:var(--color-hl);border-top-style:var(--tw-border-style);border-top-width:4px;flex-direction:row;padding-left:calc(var(--spacing)*2)}#chat-window #chatRoom nav *{height:25px;margin:calc(var(--spacing)*0)}#chat-window #chatRoom nav #handle-input{color:var(--color-cyber);display:flex;width:25%}#chat-window #chatRoom nav .prompt{display:flex;flex-grow:1;margin-right:calc(var(--spacing)*1)}#chat-window #chatRoom nav .prompt:before{color:var(--color-fg);content:">"}#chat-window #chatRoom nav #message-input{color:var(--color-fg);display:flex;flex-grow:1}#chat-window #chatRoom nav button{background-color:var(--color-midnight);color:var(--color-fg);display:flex;padding-inline:calc(var(--spacing)*2)}aside{float:left;height:calc(100% - 40px);width:40px}aside>canvas{vertical-align:bottom}#palette-picker{margin-top:8px}#viewport{background-color:var(--color-editor);height:calc(100% - 40px);margin-left:40px;overflow:auto;text-align:center;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;width:calc(100% - 40px)}header nav{display:flex;flex-direction:row;justify-content:flex-start;width:auto}header nav .enabled{background-color:var(--color-black)}#brush-toolbar,#clipboard-toolbar,#font-toolbar,#selection-toolbar,#shapes-toolbar,#viewport-toolbar{display:none;flex-direction:row;justify-content:flex-start;width:auto}.tool-button{color:var(--color-white);display:flex;font-size:var(--text-sm);height:var(--header-size);line-height:var(--tw-leading,var(--text-sm--line-height));line-height:20px;padding-right:5px}.tool-button:not(.toolbar-displayed):hover{background-color:var(--color-hl)}.tool-button.enabled{background-color:var(--color-indigo)}.tool-button svg{margin-inline-end:5px}.tool-button kbd{margin-block:auto}#viewport-toolbar input[type=range]{appearance:none;background-color:#0000}#viewport-toolbar input[type=range]::-webkit-slider-thumb{background-color:#0000}#viewport-toolbar input[type=range]:focus{outline:none}#viewport-toolbar input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--color-tools);border-bottom-left-radius:var(--radius-xs);cursor:ew-resize;height:26px;margin-top:-9px;width:16px}#viewport-toolbar input[type=range]::-webkit-slider-thumb:hover{background-color:var(--color-cyan)}#viewport-toolbar input[type=range]::-moz-range-thumb{background-color:var(--color-tools);border-bottom-left-radius:var(--radius-xs);cursor:ew-resize;height:26px;width:16px}#viewport-toolbar input[type=range]::-moz-range-thumb:hover{background-color:var(--color-cyan)}#viewport-toolbar input[type=range]::-webkit-slider-runnable-track{background-color:var(--color-file);cursor:ew-resize;height:8.4px;width:100%}#viewport-toolbar input[type=range]:focus::-webkit-slider-runnable-track{background-color:var(--color-file)}#viewport-toolbar input[type=range]::-moz-range-track{background-color:var(--color-file);cursor:ew-resize;height:8.4px;width:100%}#viewport-toolbar .tool-button svg{margin-inline:5px}#viewport-toolbar .tool-button kbd{margin-right:8px}:is(#clipboard-toolbar,#font-toolbar) .tool-button{margin-right:calc(var(--spacing)*1)}#cut{margin-left:4px!important}#shapes-toolbar{min-width:370px}#selection-toolbar .tool-button{display:flex;flex-direction:column;height:var(--header-size);margin:calc(var(--spacing)*0);padding-inline:5px}#selection-toolbar .tool-button kbd,#selection-toolbar .tool-button svg{display:flex;margin-block:calc(var(--spacing)*0);margin-inline:auto}#selection-toolbar .tool-button kbd{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));text-align:center;width:100%}#selection-toolbar .tool-button svg{width:24px}#keyboard-toolbar{color:var(--color-fg);display:flex;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#keyboard-toolbar span{display:flex;flex-direction:column;margin-block:auto;margin-inline:calc(var(--spacing)*1);margin-top:-5px}#keyboard-toolbar span canvas{margin:3px auto auto;scale:1.5}#keyboard-toolbar span canvas:hover{outline:1px solid var(--cyber)}#current-font-display{margin-right:1px;-webkit-user-select:none;user-select:none}#resolution{display:flex;flex-direction:row;line-height:20px}#resolution svg{margin-top:10px}header kbd{color:#c8c8c8;font-size:14px;line-height:20px}#current-font-display kbd,#resolution kbd{background-color:var(--color-lbl);margin-right:5px;padding-block:1px;padding-inline:8px}#position-info{color:var(--color-fg);display:flex;flex-direction:row;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));line-height:20px;min-width:50px;text-align:right}#canvas-container{background-color:var(--color-black);box-shadow:0 4px 32px #000000b3;cursor:crosshair;margin:16px auto;position:relative;width:640px}#canvas-container canvas{display:block}.canvas-overlay{display:none;left:calc(var(--spacing)*0);position:absolute;top:calc(var(--spacing)*0)}.canvas-overlay.enabled{display:block}canvas{image-rendering:optimizeSpeed;image-rendering:crisp-edges;image-rendering:pixelated}header>div>div.button{box-shadow:0 1px #000000b3;color:var(--color-fg);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));text-align:center}aside>div{align-items:center;display:flex;height:fit-content;justify-content:center;margin-inline:auto;padding-block:calc(var(--spacing)*1);text-align:center}aside>div:hover{background-color:var(--color-hl)}aside svg{fill:#efefef;height:30px;width:30px}aside .separator{background-color:#606060;height:1px;margin:4px auto;padding:0;width:32px}.toolbar-displayed,aside>div.enabled,aside>div.enabled-parent{background-color:var(--color-indigo)}.menu-title{background-color:var(--color-menu);color:var(--color-fg);display:inline-block;font-size:14px;height:var(--header-size);line-height:20px;overflow:hidden;position:relative;vertical-align:top;width:auto}.menu-title button{--tw-border-style:none;background-color:#0000;border-style:none;height:40px;padding-right:calc(var(--spacing)*1);width:40px}.menu-open{overflow:visible}.menu-list{cursor:default;z-index:2;--tw-border-style:solid;background-color:var(--color-file);border-color:var(--color-menu);border-style:solid;border-width:4px;box-shadow:5px 5px 5px #0003;display:block;position:absolute;width:300px}.menu-item{font-size:14px;margin:4px 2px;padding:2px 4px}.menu-item kbd{background-color:var(--color-editor);color:var(--color-fg);font-size:13px;margin-left:calc(var(--spacing)*2.5);padding:calc(var(--spacing)*1)}.dark .menu-item kbd{color:var(--color-tools)}.menu-list .separator{background-color:var(--color-menu);height:4px;margin:calc(var(--spacing)*.5)}.menu-item:hover{background-color:var(--color-indigo);color:var(--color-white)}.menu-item.disabled{background-color:inherit;color:var(--color-editor);cursor:default}dialog{z-index:3;--tw-border-style:double;background-color:var(--color-menu);border-color:var(--color-iron);border-style:double;border-width:8px;height:fit-content;left:50%;opacity:0;position:fixed;top:50%;transform:translate(-50%)translateY(-50%);transform-origin:top;transition:opacity .7s ease-out,transform .7s ease-out;width:fit-content}dialog[open]{min-width:var(--container-3xs);opacity:1;padding:calc(var(--spacing)*1.5);pointer-events:auto;z-index:3}@starting-style{dialog[open]{opacity:.01}}dialog.closing{opacity:.01;pointer-events:none}dialog.closing::backdrop{opacity:.01}dialog::backdrop{background-color:var(--color-black);background:radial-gradient(circle,#00000054 0,#0000006e,#000000ba);opacity:1;transition:opacity .7s ease-out}@starting-style{dialog::backdrop{opacity:.01}}dialog section{display:flex;flex-direction:column;height:fit-content;width:fit-content}@media (min-width:120rem){dialog section{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}dialog section .logo{margin:auto;max-width:350px}dialog section img{image-rendering:pixelated}dialog section button:has(svg){padding:calc(var(--spacing)*2) calc(var(--spacing)*2) calc(var(--spacing)*1) calc(var(--spacing)*1)}dialog section button{align-items:center;background-color:var(--color-gray-950);color:var(--color-fg);display:flex;font-size:var(--text-xl);justify-content:center;line-height:var(--tw-leading,var(--text-xl--line-height));margin-right:calc(var(--spacing)*6);padding:calc(var(--spacing)*2);text-transform:uppercase}@media (min-width:100rem){dialog section button{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}dialog section button svg{display:inline-flex;fill:var(--color-fg);flex-shrink:0;height:25px;margin-right:calc(var(--spacing)*2);overflow:hidden;width:25px}dialog section nav button:last-of-type{margin-right:calc(var(--spacing)*0)!important}dialog .overlay{background:linear-gradient(#0000 0 20px,#000c 21px,#0003);bottom:calc(var(--spacing)*0);display:none;height:100%;left:calc(var(--spacing)*0);position:fixed;right:calc(var(--spacing)*0);top:calc(var(--spacing)*0);width:100%;z-index:4}dialog .overlay.enabled{display:block}dialog section article,dialog section blockquote,dialog section h2,dialog section nav,dialog section p{display:flex;flex-direction:row;height:auto;padding:calc(var(--spacing)*1);width:100%}dialog section nav{justify-content:flex-end}dialog section nav button:focus,dialog section nav button:hover{background-color:var(--color-purp)}@media (prefers-reduced-motion:no-preference){dialog{--tw-scale-y:0%;transition:scale .7s ease-out,opacity .7s ease-out,transform .7s ease-out}dialog,dialog[open]{scale:var(--tw-scale-x)var(--tw-scale-y)}dialog[open]{--tw-scale-y:100%}@starting-style{dialog[open]{--tw-scale-y:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}}dialog.closing{--tw-scale-y:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}}#about-modal,#choice-modal,#fonts-modal,#loading-modal,#resize-modal,#sauce-modal,#update-modal,#warning-modal,#websocket-modal{display:flex;flex-direction:column;height:fit-content;min-height:calc(var(--spacing)*0);width:fit-content}:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) article,:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) blockquote,:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) h1,:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) h2,:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) nav,:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) p{display:flex;flex-direction:row;height:auto;padding:calc(var(--spacing)*1);width:100%}:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) p{color:var(--color-fg);display:inline;max-width:480px;padding:calc(var(--spacing)*4.5)}:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) nav{background-color:var(--color-editor);justify-content:flex-end}:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) nav button:focus,:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) nav button:hover{background-color:var(--color-purp)}:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) label{color:var(--color-fg)}:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) h1,:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) h2{color:var(--color-cyan);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) input[type=number],:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) input[type=text],:is(#about-modal,#resize-modal,#sauce-modal,#websocket-modal,#loading-modal,#choice-modal,#update-modal,#warning-modal,#fonts-modal) textarea{background-color:var(--color-midnight);color:var(--color-fg);height:fit-content;margin-block:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3)}#resize-modal article,#resize-modal header,#resize-modal nav,#resize-modal section{flex-shrink:0;width:100%}#resize-modal header{flex-direction:row;margin-block:calc(var(--spacing)*2.5);padding-left:calc(var(--spacing)*2);place-content:space-between;width:100%}#resize-modal header button{padding:calc(var(--spacing)*0);padding-bottom:calc(var(--spacing)*.5)}#resize-modal header button svg{color:var(--color-fg)}#resize-modal section{display:flex;flex-direction:column;min-height:calc(var(--spacing)*0)}#resize-modal section button{background-color:var(--color-midnight);justify-content:flex-start;margin-inline:auto;margin-bottom:calc(var(--spacing)*2);padding:calc(var(--spacing)*1.5);padding-left:calc(var(--spacing)*8);text-align:left;width:75%}#resize-modal article{background-color:var(--color-editor);display:flex;flex-direction:row;justify-content:center;min-height:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*6);width:100%}#resize-modal article label{height:fit-content;margin:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*5);width:min-content}#resize-modal article input[type=number],#resize-modal article input[type=text],#resize-modal article textarea{background-color:var(--color-midnight);color:var(--color-fg);height:fit-content;margin-block:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3)}#resize-modal nav{background-color:var(--color-menu);border-style:var(--tw-border-style);border-width:0;justify-content:flex-end;margin-top:calc(var(--spacing)*.5);width:auto}#resize-modal nav button{align-items:center;background-color:var(--color-midnight);display:flex;justify-content:center;margin:calc(var(--spacing)*2)}#resize-modal nav button svg{height:37px;margin-right:calc(var(--spacing)*3.5);width:37px}#fonts-modal{padding:calc(var(--spacing)*5)}#fonts-modal #fontMeta{color:var(--color-subtitle);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));padding-left:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*1.5)}#fonts-modal article aside{display:flex;flex-direction:column;height:auto;min-width:107px;width:fit-content}#fonts-modal article aside img{--tw-border-style:solid;border-color:var(--color-black);border-style:solid;border-width:8px;filter:brightness(1.5);image-rendering:pixelated}#fonts-modal article aside:first-of-type{background-color:var(--color-black)}#fonts-modal article aside:last-of-type{padding-right:calc(var(--spacing)*0)}#fonts-modal nav{background-color:var(--color-menu);margin-top:auto;padding-top:calc(var(--spacing)*5)}#font-select{background-color:var(--color-editor);margin:calc(var(--spacing)*0);max-height:21em;min-width:8em;overflow-y:scroll;padding:calc(var(--spacing)*0)}#font-select::-webkit-scrollbar{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}#font-select::-webkit-scrollbar-thumb{background-color:var(--color-menu);border-radius:0}#font-select::-webkit-scrollbar-track{background-color:var(--color-editor)}#font-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-file)}#font-select::-webkit-scrollbar-button,#font-select::-webkit-scrollbar-corner{background-color:var(--color-editor);height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}#font-select [role=option]{background-color:var(--color-editor);color:var(--color-fg);cursor:pointer;margin:calc(var(--spacing)*0);padding:.5em 1.55em}#font-select [role=option][aria-selected=true]{background-color:var(--color-cyber);color:var(--color-midnight)}.group-label{background-color:var(--color-midnight);color:var(--color-cyan);cursor:default;margin:calc(var(--spacing)*0);padding:.5em .75em}#font-preview-info{color:var(--color-chat);padding-left:calc(var(--spacing)*4)}#sauce-modal{justify-content:space-between}#sauce-modal article{flex-direction:row;padding-inline:calc(var(--spacing)*12)}#sauce-modal article label{display:flex;justify-content:flex-end;padding:11px 0 0 10px!important;width:20%}#sauce-modal article div{display:flex;flex-grow:1;justify-content:flex-start;padding-inline:calc(var(--spacing)*3)}#sauce-modal article div input{accent-color:var(--color-cyan);background-color:var(--color-midnight);color:var(--color-fg);padding:calc(var(--spacing)*2)}#sauce-modal .lil{padding-top:calc(var(--spacing)*0)!important}#sauce-modal nav{padding:calc(var(--spacing)*3)}#sauce-modal #sauce-bytes{background-color:#0000;border-style:var(--tw-border-style);border-width:0;color:var(--color-chat);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));margin:calc(var(--spacing)*0);padding-top:calc(var(--spacing)*0)}#choice-modal nav{padding:calc(var(--spacing)*2)}#choice-modal nav button{margin-right:calc(var(--spacing)*6)!important}:is(#warning-modal,#update-modal,#about-modal) header{background-color:var(--color-editor);flex-direction:column;height:fit-content}:is(#warning-modal,#update-modal,#about-modal) header h1{margin-left:calc(var(--spacing)*2)}:is(#warning-modal,#update-modal,#about-modal) header h4{color:var(--color-chat);margin-left:calc(var(--spacing)*3)}:is(#warning-modal,#update-modal,#about-modal) p{margin-bottom:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2)}:is(#warning-modal,#update-modal,#about-modal) nav{justify-content:space-evenly;padding:calc(var(--spacing)*2)}#update-modal{justify-self:center;text-align:center}#update-modal h4{color:var(--color-cyber);margin-bottom:calc(var(--spacing)*4)}:is(#loading-modal,#websocket-modal) nav{background-color:#0000}:is(#loading-modal,#websocket-modal) nav button,:is(#loading-modal,#websocket-modal) nav button:focus{background-color:var(--color-tools);color:var(--color-midnight)}:is(#loading-modal,#websocket-modal) nav button:hover{background-color:var(--color-purp);color:var(--color-fg)}:is(#loading-modal,#websocket-modal) nav button:hover svg{fill:var(--color-fg)}:is(#loading-modal,#websocket-modal) nav button svg{fill:var(--color-midnight);height:25px}#loading-modal{cursor:progress}#loading-modal nav{background-color:var(--color-editor)}#custom-color{height:calc(var(--spacing)*0);left:40px;position:fixed;top:60px;width:calc(var(--spacing)*0)}.floating-panel{background-color:var(--color-panel);box-shadow:0 1px 8px #0000004d;cursor:move;display:none;padding:calc(var(--spacing)*4) calc(var(--spacing)*1) calc(var(--spacing)*1);position:fixed;transition-property:none!important}.floating-panel.enabled{display:block}.floating-panel div{display:block;position:relative}.floating-panel .hidePanel{color:#efefef;cursor:pointer;display:block;font-size:10px;padding:2px 5px;position:absolute;right:0;top:0}.floating-panel .hidePanel:hover{background:#000}.floating-panel canvas{cursor:crosshair;vertical-align:bottom}.toggle-button-container{color:#c8c8c8;display:flex;flex-direction:row;font-size:14px;margin:0 auto;text-align:center;width:120px}.toggle-button{background-color:var(--color-menu);display:inline-flex;justify-content:center;padding:2px;width:66px}.toggle-button.enabled{background-color:var(--color-purp)}.toggle-button.left{border-color:var(--color-black);border-style:var(--tw-border-style);border-width:2px 0 2px 2px}.toggle-button.right{border-color:var(--color-black);border-style:var(--tw-border-style);border-width:2px 2px 2px 0}@keyframes a{50%{border:1px solid var(--silver)}}canvas.cursor,canvas.selection-cursor{position:absolute;z-index:1}canvas.cursor{animation:a 1.5s step-end infinite;border:1px solid #555}#dragdrop{background-color:var(--color-menu);inset:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);display:none;height:100%;justify-content:center;left:calc(var(--spacing)*0);pointer-events:none;position:fixed;right:calc(var(--spacing)*0);top:calc(var(--spacing)*0);width:100%}@supports (color:color-mix(in lab,red,red)){#dragdrop{background-color:color-mix(in oklab,var(--color-menu)90%,transparent)}}#dragdrop{z-index:5}#dragdrop kbd{color:var(--color-cyan);font-size:4rem;margin:auto;text-align:center}.included-for-websocket{display:none}#chat-button,#current-font-display,#resolution,#selection-toolbar .tool-button,.button,.fkey,.hover,.menu-item:hover,.menu-title:hover,.toggle-button,.tool-button,aside svg,button{cursor:pointer}}@layer components{.hide{display:none!important;pointer-events:none!important}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:50%}.sun-and-moon>:is(.moon,.sun){fill:var(--color-icon)}.sun-and-moon>.sun-beams{stroke:var(--color-icon);stroke-width:.125rem}@media (hover:hover) and (pointer:fine){.darkmode:is(:hover,:focus-visible)>:is(.sun-and-moon>:is(.moon,.sun)){fill:var(--color-icon-hover)}.darkmode:is(:hover,:focus-visible) :is(.sun-and-moon>.sun-beams){stroke:var(--color-icon-hover)}}.dark .sun-and-moon>.sun{transform:scale(1.75)}.dark .sun-and-moon>.sun-beams{opacity:0}.dark .sun-and-moon>.moon>circle{transform:translate(7px)}@supports (cx:1){.dark .sun-and-moon>.moon>circle{cx:7;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-1)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-2),opacity .5s var(--ease)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out)}@supports (cx:1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out)}}.dark .sun-and-moon>.sun{transform:scale(1.75);transition-duration:.25s;transition-timing-function:var(--ease)}.dark .sun-and-moon>.sun-beams{transform:rotate(-25deg);transition-duration:.15s}.dark .sun-and-moon>.moon>circle{transition-delay:.25s;transition-duration:.5s}}#navDarkmode{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background-image:none;touch-action:manipulation;transition:transform 1s linear!important}#navDarkmode svg{stroke-linecap:round}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (min-width:30rem){.container{max-width:30rem}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:100rem){.container{max-width:100rem}}@media (min-width:120rem){.container{max-width:120rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{overscroll-behavior:none;--light-fg:#fff;--dark-fg:#efefef;--light-editor:#404040;--dark-editor:#222;--light-menu:#4f4f4f;--dark-menu:#333;--light-file:#5f5f5f;--dark-file:#444;--light-panel:#3f3f3f;--dark-panel:#444;--light-icon:#fff;--dark-icon:#efefef;--light-icon-hover:#efefef;--dark-icon-hover:#fff;--light-tools:#303030;--dark-tools:#4e4e4e;--light-hl:#222;--dark-hl:#000;--light-purp:#611896;--dark-purp:#6e2aa5;--indigo:#6366f1;--cyber:#00bad7;--cyan:#22d3ee;--header:#5f5f5f;--subtitle:#999;--chat:#ababab;--silver:silver;--iron:#666;--midnight:#000;--header-size:43px;--icon-size:46px;--icon-size-sm:36px;--palette-width:200px;--palette-height:53px;--font-family:TopazPlus,ui-monospace,Consolas,SFMono-Regular,Menlo,Monaco,"Liberation Mono","Courier New",monospace;overflow-x:hidden}.dark{--color-lbl:var(--midnight);--color-purp:var(--dark-purp);--color-fg:var(--dark-fg);--color-editor:var(--dark-editor);--color-menu:var(--dark-menu);--color-icon:var(--dark-icon);--color-panel:var(--dark-panel);--color-icon-hover:var(--dark-icon-hover);--color-tools:var(--dark-tools);--color-hl:var(--dark-hl);--color-file:var(--dark-file)}.dark dialog::backdrop{background:radial-gradient(circle,#00000021 0,#0000003b,#00000087)}@font-face{font-display:swap;font-family:TopazPlus;font-style:normal;font-weight:400;src:url(./topazplus_1200.woff2)format("woff2")}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}