@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--bg: #0b0b0c;--fg: #e6e6e6;--cursor: #e6e6e6;--cell-w: .6em;--cell-h: 1.2em}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg)}.page{min-height:100%;font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px}.editor{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.editor-canvas{display:grid;place-items:center;overflow:auto;padding:1rem;box-sizing:border-box}:root{--sidebar-w: 14ch;--gap: .5rem}.editor-middle{display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);border-right:1px solid #2a2a2c;padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap);overflow:auto;box-sizing:border-box}.tool-list{display:flex;flex-direction:column;gap:4px;border:0;padding:0;margin:0}.tool-button{display:flex;align-items:baseline;gap:8px;padding:4px 8px;background:transparent;border:1px solid #2a2a2c;color:inherit;font:inherit;text-align:left;cursor:pointer}.tool-button[aria-pressed=true]{border-left:2px solid #4a4a4c;background:#1a1a1c}.tool-hint{opacity:.6}.fill-mode-toggle{display:flex;gap:4px;border:0;padding:0;margin:0}.fill-mode-button{flex:1;background:transparent;border:1px solid #2a2a2c;color:inherit;font:inherit;padding:2px 6px;cursor:pointer;text-align:center}.fill-mode-button[aria-pressed=true]{border-color:#4a4a4c;background:#1a1a1c}.brush-indicator{display:flex;align-items:center;gap:8px;font-size:14px}.brush-label{opacity:.7}.brush-char{border:1px solid #2a2a2c;padding:0 6px;min-width:1.4em;display:inline-block;text-align:center}.char-picker{display:flex;flex-direction:column;gap:4px}.char-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;border:0;padding:0;margin:0}.char-picker-cell{background:transparent;border:1px solid #2a2a2c;color:inherit;font:inherit;padding:2px 0;cursor:pointer;text-align:center}.char-picker-cell[aria-pressed=true]{border-color:#4a4a4c;background:#1a1a1c}.char-picker-more{align-self:flex-start;background:transparent;border:none;color:#888;cursor:pointer;padding:0;font:inherit;text-decoration:underline}.canvas{display:grid;grid-auto-rows:var(--cell-h);outline:none;position:relative;isolation:isolate;-webkit-user-select:text;user-select:text;white-space:pre;border:1px solid #2a2a2c;box-sizing:border-box}.cell{display:inline-block;width:var(--cell-w);height:var(--cell-h);line-height:var(--cell-h);text-align:center;-webkit-user-select:none;user-select:none}.cursor{position:absolute;width:var(--cell-w);height:var(--cell-h);background:var(--cursor);mix-blend-mode:difference;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.topbar,.statusbar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:14px}.topbar{border-bottom:1px solid #1a1a1c}.statusbar{border-top:1px solid #1a1a1c}.topbar-size{display:flex;align-items:center;gap:.25rem}.topbar-num{width:3.5em;background:transparent;color:var(--fg);border:1px solid #2a2a2c;padding:.15em .4em;font-family:inherit}.topbar-prompt{flex:1;background:transparent;color:var(--fg);border:1px solid #2a2a2c;padding:.3em .6em;font-family:inherit}.topbar-prompt:disabled{opacity:.55}.topbar-error{display:inline-block;color:#e0654f;font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}.turnstile-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.topbar-gen,.topbar-save,.topbar-clear,.topbar-undo,.topbar-redo,.statusbar-copy{background:transparent;color:var(--fg);border:1px solid #2a2a2c;padding:.3em .8em;font-family:inherit;cursor:pointer}.topbar-gen:disabled,.topbar-save:disabled,.topbar-undo:disabled,.topbar-redo:disabled{opacity:.45;cursor:not-allowed}.topbar-examples{color:var(--fg);text-decoration:none;opacity:.85}.topbar-examples:hover{opacity:1;text-decoration:underline}.statusbar-sep{opacity:.45}.statusbar-spacer{flex:1}.examples{display:grid;grid-template-rows:auto 1fr;height:100vh;padding:1rem 2rem;box-sizing:border-box}.examples-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.examples-header h1{margin:0;font-weight:400;font-size:1.4rem}.examples-header a{color:var(--fg);opacity:.75;text-decoration:none}.examples-header a:hover{opacity:1;text-decoration:underline}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;list-style:none;padding:0;margin:0;overflow:auto}.example-card{display:grid;grid-template-rows:1fr auto;width:100%;background:transparent;color:var(--fg);border:1px solid #2a2a2c;padding:.75rem;font-family:inherit;cursor:pointer;text-align:left}.example-card:hover{border-color:#4a4a4c}.example-art{margin:0;font-size:9px;line-height:1.1;white-space:pre;overflow:hidden}.example-meta{display:flex;justify-content:space-between;margin-top:.5rem;font-size:12px;opacity:.85}