:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f12;--bg-soft:#12161b;--surface:#12161bdb;--surface-strong:#171c22;--ink:#ecf1ea;--ink-muted:#9ba79e;--ink-faint:#626c67;--accent:#7cffbd;--accent-2:#f4c35e;--accent-3:#ff6fa9;--line:#ecf1ea21;--line-strong:#7cffbd5c;--shadow:0 24px 90px #0000006b;--scanline:#ffffff06;--canvas-bg:#050607;--canvas-inner-border:#ecf1ea0f;--gol-color:#7cffbd9e;--gol-alpha:.05;--font-display:"Silkscreen", "JetBrains Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", "Courier New", ui-monospace, monospace;--radius:8px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--ease:cubic-bezier(.2, .8, .2, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe6;--bg-soft:#ebe4d8;--surface:#fffcf4e0;--surface-strong:#fffaf0;--ink:#171612;--ink-muted:#625f56;--ink-faint:#8d8779;--accent:#086b45;--accent-2:#b67917;--accent-3:#a62e67;--line:#17161224;--line-strong:#086b4557;--shadow:0 24px 70px #54462a29;--scanline:#0a0a0a09;--canvas-bg:#fffaf0;--canvas-inner-border:#17161214;--gol-color:#086b458c;--gol-alpha:.04}*,:before,:after{box-sizing:border-box}*{margin:0}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);font-family:var(--font-mono);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-size:42px 42px,42px 42px,auto;font-size:1rem;line-height:1.55}body:before{content:"";z-index:30;pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 3px, var(--scanline) 3px 4px);position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(120deg,#0000 0 64%,#7cffbd0f 64% 65%,#0000 65%),linear-gradient(90deg,#f4c35e0f,#0000 34% 66%,#ff6fa90f);position:fixed;top:0;bottom:0;left:0;right:0}button,select,input{font:inherit}button,select,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{color:var(--bg);background:var(--accent)}@keyframes boot-hide{to{opacity:0;visibility:hidden}}@keyframes boot-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.boot-screen{z-index:9999;color:var(--accent);background:var(--bg);animation:boot-hide .35s var(--ease) 1.65s forwards;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot-screen>div{animation:boot-enter .55s var(--ease) both}.boot-screen pre{font-family:var(--font-display);color:var(--accent);text-align:center;white-space:pre;font-size:.78rem;line-height:1.15}.boot-log{margin-top:var(--space-4);color:var(--ink-muted);text-align:center;font-size:.82rem}.app{z-index:1;width:min(1180px,100% - 2rem);min-height:100svh;padding:var(--space-5) 0 var(--space-6);gap:var(--space-5);grid-template-rows:auto 1fr;margin:0 auto;display:grid;position:relative}.site-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--line);display:flex}.brand-block{gap:var(--space-1);display:grid}.kicker{color:var(--ink-muted);font-size:.78rem}.site-header h1{font-family:var(--font-display);color:var(--ink);text-transform:lowercase;font-size:3.75rem;font-weight:400;line-height:.95}.site-header .prompt{color:var(--accent)}.site-header .dot{color:var(--accent-2)}.theme-toggle,.upload-button,.animate-toggle,.export-button,.reset-button,.toggle-group button{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--ink);background:var(--surface);transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), color .15s var(--ease)}.theme-toggle{color:var(--ink-muted);padding:.7rem .9rem;font-size:.88rem}.theme-toggle:before{content:"[";color:var(--accent)}.theme-toggle:after{content:"]";color:var(--accent)}.theme-toggle:hover,.upload-button:hover,.animate-toggle:hover,.export-button:hover,.reset-button:hover,.toggle-group button:hover{border-color:var(--line-strong);color:var(--accent);background:var(--surface-strong);transform:translateY(-1px)}.upload-button:focus-within{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.upload-zone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.animate-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.export-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.reset-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.toggle-group button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.control-group select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.control-group input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.workspace{gap:var(--space-4);display:grid}.upload-zone{min-height:min(620px,100svh - 13rem);padding:var(--space-6) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--surface);box-shadow:var(--shadow);cursor:pointer;transition:border-color .16s var(--ease), background-size .26s var(--ease), transform .16s var(--ease);background-size:28px 28px,28px 28px,auto;place-items:center;display:grid;position:relative;overflow:hidden}.upload-zone:before{content:"010101  ::  .:-=+*#%@  ::  image to glyph field  ::  []{}<>/_";top:var(--space-3);left:var(--space-3);right:var(--space-3);color:var(--ink-faint);white-space:nowrap;font-size:.78rem;position:absolute;overflow:hidden}.upload-zone:after{content:"";inset:auto var(--space-3) var(--space-3) var(--space-3);background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));opacity:.76;height:1px;position:absolute}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background-size:24px 24px,24px 24px,auto;transform:translateY(-2px)}.upload-zone.dragging:before{content:"drop source image here";color:var(--accent)}.upload-content{justify-items:center;gap:var(--space-3);text-align:center;width:min(100%,34rem);display:grid;position:relative}.upload-icon{color:var(--accent);font-family:var(--font-display);white-space:pre;font-size:1rem;line-height:1.18}.upload-content p{color:var(--ink);font-family:var(--font-display);font-size:2.4rem;line-height:1.05}.upload-or{color:var(--ink-faint);font-size:.84rem}.upload-button{color:var(--bg);background:var(--accent);border-color:var(--accent);justify-content:center;align-items:center;padding:.78rem 1rem;display:inline-flex}.upload-button:hover{color:var(--bg);border-color:var(--accent);background:var(--accent)}.controls{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;display:grid}.control-group{gap:var(--space-2);min-width:0;display:grid}.control-group label{color:var(--ink-muted);font-size:.76rem}.control-group label .value{margin-left:var(--space-1);color:var(--accent-2);font-variant-numeric:tabular-nums}.control-group select{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(45deg, transparent 50%, var(--accent) 50%) right .9rem top 1.08rem / 7px 7px no-repeat, linear-gradient(135deg, var(--accent) 50%, transparent 50%) right .56rem top 1.08rem / 7px 7px no-repeat, var(--surface-strong);-webkit-appearance:none;appearance:none;padding:.64rem 2rem .64rem .72rem}.control-group select option{color:var(--ink);background:var(--surface-strong)}.control-group input[type=range]{width:100%;accent-color:var(--accent)}.control-group input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:999px;height:4px}.control-group input[type=range]::-webkit-slider-thumb{margin-top:-6px}.toggle-group{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.toggle-group button{color:var(--ink-muted);padding:.62rem .78rem;font-size:.86rem}.toggle-group button[aria-pressed=true]{color:var(--bg);border-color:var(--accent);background:var(--accent)}.animation-controls{gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.animate-toggle{color:var(--accent-3);padding:.62rem .84rem}.animate-toggle[aria-pressed=true]{color:var(--bg);border-color:var(--accent-3);background:var(--accent-3)}.action-bar{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.export-button,.reset-button{padding:.75rem 1rem;font-size:.88rem}.export-button{color:var(--bg);border-color:var(--accent);background:var(--accent)}.export-button:hover{color:var(--bg);background:var(--accent)}.reset-button{color:var(--ink-muted)}.canvas-container{width:100%;display:grid}.canvas-wrapper{width:100%;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--canvas-bg);box-shadow:var(--shadow);justify-content:center;display:flex;position:relative;overflow:auto}.canvas-wrapper:before{content:"";z-index:2;pointer-events:none;border:1px solid var(--canvas-inner-border);border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-wrapper canvas{z-index:1;max-width:100%;height:auto;display:block;position:relative}.three-canvas-wrapper{background:var(--canvas-bg);padding:0;overflow:hidden}.three-canvas-wrapper canvas{cursor:grab;width:100%;height:62vh;display:block}.three-canvas-wrapper canvas:active{cursor:grabbing}.three-loading{min-height:62vh;color:var(--ink-muted);place-items:center;display:grid}@media (max-width:980px){.controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.app{width:min(100% - 1rem,1180px);padding-top:var(--space-3);gap:var(--space-4)}.site-header{align-items:flex-start;gap:var(--space-3);grid-template-columns:1fr;display:grid}.site-header h1{font-size:2.35rem}.theme-toggle{justify-self:start}.kicker{font-size:.72rem}.upload-zone{min-height:calc(100svh - 11rem);padding:var(--space-5) var(--space-3)}.upload-zone:before{left:var(--space-2);right:var(--space-2)}.upload-content p{font-size:1.9rem}.upload-icon{font-size:.78rem}.controls{grid-template-columns:1fr}.action-bar>*{flex:10rem}.three-canvas-wrapper canvas,.three-loading{height:55vh;min-height:55vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.boot-screen{animation:.01ms forwards boot-hide!important}}