:root{--blue: rgb(0, 0, 255);--sienna: rgb(160, 82, 45);--bg: #ffffff;--bg-dim: #fafafa;--muted: #888;--grid-px: 12px;--font: "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);font-size:13px;background:var(--bg);color:var(--blue)}button{font-family:var(--font);cursor:pointer}input,textarea{font-family:var(--font)}.canvas-outer.svelte-1rsft0a{width:100%;height:100%}canvas.svelte-1rsft0a{display:block;image-rendering:pixelated}.label-input.svelte-1rsft0a{position:fixed;z-index:100;font-family:var(--font);font-size:12px;color:#00f;background:#fffffff2;border:1px solid rgb(160,82,45);padding:2px 6px;width:120px;outline:none}.toolbox.svelte-18ktw5g{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.tool.svelte-18ktw5g{background:none;border:1px solid var(--sienna);color:var(--sienna);font-size:11px;padding:2px 7px;letter-spacing:.03em;transition:background .12s,color .12s;white-space:nowrap}.tool.svelte-18ktw5g:hover,.tool.active.svelte-18ktw5g{background:var(--sienna);color:var(--bg)}.tool-action.svelte-18ktw5g{border-color:var(--blue);color:var(--blue)}.tool-action.svelte-18ktw5g:hover{background:var(--blue);color:var(--bg)}.tool-clear.svelte-18ktw5g{border-color:var(--blue);color:var(--blue)}.tool-clear.svelte-18ktw5g:hover{background:var(--blue);color:var(--bg)}.sep.svelte-18ktw5g{color:var(--sienna);opacity:.4;font-size:14px;-webkit-user-select:none;user-select:none}.ascii-panel.svelte-1w6yy5d{display:flex;flex-direction:column;flex:1;overflow:hidden}.ascii-display.svelte-1w6yy5d{flex:1;overflow:auto;font-family:var(--font);font-size:13px;line-height:1.2;color:var(--blue);white-space:pre;-moz-tab-size:1;tab-size:1;padding:10px 12px;-webkit-user-select:all;user-select:all}.empty.svelte-1w6yy5d{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;letter-spacing:.03em}.backdrop.svelte-7lpfic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000001f;display:flex;align-items:center;justify-content:center}.window.svelte-7lpfic{background:var(--bg);border:1px solid var(--sienna);width:440px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 4px #a0522d26}.title-bar.svelte-7lpfic{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--sienna);background:#a0522d0a;flex-shrink:0}.title.svelte-7lpfic{color:var(--sienna);font-size:12px;letter-spacing:.05em}.close-btn.svelte-7lpfic{background:none;border:1px solid var(--blue);color:var(--blue);font-family:var(--font);font-size:11px;padding:1px 6px;cursor:pointer;transition:background .12s,color .12s;letter-spacing:.03em}.close-btn.svelte-7lpfic:hover{background:var(--blue);color:var(--bg)}.content.svelte-7lpfic{overflow-y:auto;padding:16px 18px}section.svelte-7lpfic{margin-bottom:14px}section.svelte-7lpfic:last-child{margin-bottom:0}h3.svelte-7lpfic{color:var(--sienna);font-size:10px;letter-spacing:.1em;margin-bottom:4px}p.svelte-7lpfic{color:var(--muted);font-size:11px;line-height:1.55;letter-spacing:.02em;margin-bottom:3px}p.svelte-7lpfic:last-child{margin-bottom:0}.layout.svelte-14yveez.svelte-14yveez{display:flex;height:100vh;width:100vw;overflow:hidden}.panel.svelte-14yveez.svelte-14yveez{display:flex;flex-direction:column;flex:1;overflow:hidden}.panel-header.svelte-14yveez.svelte-14yveez{display:flex;flex-direction:column;border-bottom:1px solid var(--sienna);flex-shrink:0}.header-title.svelte-14yveez.svelte-14yveez{display:flex;align-items:center;justify-content:space-between;padding:7px 12px 5px}.header-buttons.svelte-14yveez.svelte-14yveez{display:flex;align-items:center;padding:0 12px 5px;gap:6px}.header-hint.svelte-14yveez.svelte-14yveez{padding:0 12px 6px;font-size:10px;color:var(--muted);letter-spacing:.02em;white-space:nowrap;min-height:16px}.site-title.svelte-14yveez.svelte-14yveez{color:var(--sienna);font-size:11px;letter-spacing:.05em;white-space:nowrap;display:inline-block;padding:3px 0;border:1px solid transparent}.canvas-wrap.svelte-14yveez.svelte-14yveez{flex:1;overflow:hidden;position:relative;background:var(--bg)}.divider.svelte-14yveez.svelte-14yveez{display:flex;flex-direction:column;align-items:center;color:var(--blue);font-size:14px;line-height:1.4;padding:0 2px;overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0;border-left:1px dotted var(--blue);border-right:1px dotted var(--blue);width:10px}.divider.svelte-14yveez span.svelte-14yveez{display:block;line-height:1}.btn-convert.svelte-14yveez.svelte-14yveez{background:none;border:1px solid var(--blue);color:var(--blue);font-family:var(--font);font-size:12px;padding:3px 10px;letter-spacing:.04em;transition:background .15s,color .15s;white-space:nowrap}.btn-convert.svelte-14yveez.svelte-14yveez:hover{background:var(--blue);color:var(--bg)}.btn-copy.svelte-14yveez.svelte-14yveez{background:none;border:1px solid var(--sienna);color:var(--sienna);font-family:var(--font);font-size:11px;padding:2px 8px;letter-spacing:.03em;transition:background .12s,color .12s;white-space:nowrap}.btn-copy.svelte-14yveez.svelte-14yveez:hover:not(:disabled){background:var(--sienna);color:var(--bg)}.btn-copy.svelte-14yveez.svelte-14yveez:disabled{opacity:.35;cursor:default}.btn-copy-raw.svelte-14yveez.svelte-14yveez{border-color:var(--blue);color:var(--blue)}.btn-copy-raw.svelte-14yveez.svelte-14yveez:hover:not(:disabled){background:var(--blue);color:var(--bg)}.btn-how.svelte-14yveez.svelte-14yveez{background:none;border:1px solid var(--sienna);color:var(--sienna);font-family:var(--font);font-size:12px;padding:3px 10px;letter-spacing:.04em;transition:background .15s,color .15s;white-space:nowrap}.btn-how.svelte-14yveez.svelte-14yveez:hover{background:var(--sienna);color:var(--bg)}