:root{color-scheme:light dark}@font-face{font-family:Alte Schwabacher;src:url(/fonts/AlteSchwabacherOsf-1GVB.woff2) format("woff2"),url(/fonts/AlteSchwabacherOsf-1GVB.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Delighter Script Serif";src:url(/fonts/DelighterScriptSerif-RegSerif.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.artwork-title{position:fixed;left:0;right:0;bottom:1rem;z-index:5;display:flex;justify-content:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:12px;background:#f4f4f5;overflow:hidden}.artwork{background:#000;cursor:none}.artwork,.artwork-canvas{width:100vw;height:100vh;height:100dvh}.artwork-canvas{display:block;touch-action:none}h1{font-size:1.1rem;font-weight:600;margin:0;color:#333}.app{display:flex;width:100vw;height:100vh;height:100dvh}.canvas-area{position:relative;flex:1 1;min-width:0;justify-content:center;overflow:hidden}.canvas-area,.editor-nav{display:flex;align-items:center}.editor-nav{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));gap:.25rem}.toolbar{flex:0 0 280px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1rem;padding:1rem;overflow-y:auto;font-size:12px;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:1px solid #e4e4e7;box-shadow:-2px 0 8px rgba(0,0,0,.1)}.section{border:1px solid #e4e4e7;border-radius:6px;background:hsla(0,0%,100%,.5)}.section-summary{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#52525b}.section-summary::-webkit-details-marker{display:none}.section-summary:before{content:"▸";font-size:9px;transition:transform .12s ease}.section[open]>.section-summary:before{transform:rotate(90deg)}.section-body{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;padding:.2rem .7rem .75rem}.select,.slider{flex-direction:column;align-items:stretch;gap:.35rem}.checkbox,.select,.slider{display:flex;font-size:12px;color:#333}.checkbox{align-items:center;flex-wrap:wrap;gap:.5rem;cursor:pointer}.control-hint{flex-basis:100%;font-size:10.5px;line-height:1.4;font-weight:400;color:#737373}.color{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:12px;color:#333}.color input[type=color]{width:2.5rem;height:1.5rem;padding:0;border:1px solid #d4d4d8;border-radius:6px;background:#fff;cursor:pointer}.slider-label{font-weight:500}.slider-row{display:flex;align-items:center;gap:.5rem}.slider-row input[type=range]{flex:1 1;min-width:0;margin:0}.select select{width:100%;font:inherit;font-size:12px;padding:.35rem .5rem;border:1px solid #d4d4d8;border-radius:6px;background:#fff;color:#000;cursor:pointer}.select select:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{display:flex;flex-direction:column;gap:.5rem;font-size:12px;color:#333}.toggle-slider-row{display:flex;align-items:center;gap:.6rem}.toggle-slider-toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap}.toggle-slider-row .slider-row{flex:1 1;min-width:0}.toggle-slider-row .slider-value{min-width:3rem}.toggle-slider-extra{display:flex;flex-direction:column;gap:.85rem;padding-left:.9rem;border-left:2px solid #e4e4e7}.slider-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:4.5rem;color:#666}.settings-json{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.4;padding:.5rem;border:1px solid #d4d4d8;border-radius:6px;background:#fafafa;color:#333;resize:vertical;white-space:pre;overflow:auto}.presets{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:.5rem;margin:-1rem -1rem 0;padding:1rem;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #e4e4e7}.presets .select select{min-width:0}.preset-name{font:inherit;font-size:12px;padding:.35rem .5rem;border:1px solid #d4d4d8;border-radius:6px;background:#fff;color:#000}.preset-actions{display:flex;flex-wrap:wrap;gap:.5rem}.preset-actions button{flex:1 1;min-width:0;padding:.5rem}.tokens{flex-direction:column;padding-bottom:.75rem;border-bottom:1px solid #e4e4e7}.token-actions,.token-row,.tokens{display:flex;gap:.5rem}.token-actions button{flex:1 1;min-width:0;padding:.5rem}.token-input,.token-title{font:inherit;font-size:12px;min-width:0;padding:.35rem .5rem;border:1px solid #d4d4d8;border-radius:6px;background:#fff;color:#000}.token-input{width:3.5rem;flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.token-title{flex:1 1}.json-actions{display:flex;gap:.5rem}.json-error{font-size:11px;color:#c0392b}button{font:inherit;font-size:12px;padding:.5rem 1rem;border:1px solid #d4d4d8;border-radius:6px;background:#fff;cursor:pointer;color:#000}button:hover{background:#fafafa}canvas{display:block;background:#fff}.about{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0a0a0a;color:#d0d0d0;--about-text-size:1.12rem;--about-text-line-height:1.5;--about-hero-pad-top:clamp(1.25rem,4vw,2.5rem);--about-title-size:clamp(2.75rem,9vw,4.5rem);--about-hero-gap:1.5rem}.about-article{box-sizing:border-box;max-width:56rem;margin:0 auto;padding:var(--about-hero-pad-top) clamp(1.5rem,5vw,3.5rem) 6rem;font-size:var(--about-text-size);line-height:var(--about-text-line-height)}.about-header{margin-bottom:var(--about-hero-gap);text-align:center}.about-eyebrow{margin:0 0 .75rem;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#e8e8e8}.about-title{font-family:"Delighter Script Serif",serif;font-size:var(--about-title-size);font-weight:400;line-height:1;color:#e8e8e8}.about-lede{margin:0 0 3.5rem;font-size:var(--about-text-size);line-height:var(--about-text-line-height);color:#e8e8e8}.about-section{margin:0 0 4.5rem}.about-section h2{margin:0 0 1.5rem;font-family:"Delighter Script Serif",serif;font-size:clamp(1.5rem,3.25vw,2.25rem);font-weight:400;line-height:1.1;color:#e8e8e8}.about-section p{margin:0 0 1.25rem}.about-stages{margin:2.5rem 0 0;padding:0;list-style:none;counter-reset:stage}.about-stages li{counter-increment:stage;position:relative;margin:0 0 4rem;padding-left:2.5rem}.about-stages li:last-child{margin-bottom:0}.about-stages li:before{content:counter(stage);position:absolute;left:0;top:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600;color:#e8e8e8}.about-media{margin:3rem 0 3.5rem -2.5rem}.about-media img,.about-media video{display:block;width:100%;height:auto;border-radius:2px}.about-figure{margin:2.5rem 0 0}.about-figure img{display:block;width:100%;height:auto;border-radius:2px}.about-embed{position:relative;aspect-ratio:1/1}.about-hero-embed{margin:0 0 3.5rem;aspect-ratio:auto;height:calc(100dvh - var(--about-hero-pad-top) - var(--about-title-size) - var(--about-hero-gap))}@media (max-width:640px){.about{--about-hero-pad-top:clamp(2.5rem,8vw,5rem)}.about-hero-embed{aspect-ratio:1/1;height:auto}}.about-embed iframe{display:block;width:100%;height:100%;border:0;border-radius:2px}.about-embed-shield{position:absolute;inset:0;border-radius:2px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.about a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;-webkit-text-decoration-color:hsla(0,0%,100%,.65);text-decoration-color:hsla(0,0%,100%,.65)}.about a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.about-footer{margin-top:5rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.5);font-size:.8rem;letter-spacing:.04em;color:#e8e8e8}.about-footer p{margin:0;display:flex;justify-content:space-between;gap:1rem}.overview{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0a0a0a;color:#d0d0d0;--unit:12px}.overview-inner{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:calc(var(--unit) * 4) 0 calc(var(--unit) * 8)}.overview-header{display:flex;gap:calc(var(--unit) * 2);padding:0 calc(var(--unit) * 5);margin-bottom:calc(var(--unit) * 4)}.overview-title{font-family:Alte Schwabacher,serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:400;line-height:1;color:#e8e8e8;min-width:300px}.overview-info{max-width:620px;padding-left:calc(var(--unit) * 2)}.overview-blurb{font-size:14px;line-height:1.5}.overview-badges{margin-top:calc(var(--unit) * 2);display:flex;flex-wrap:wrap;gap:var(--unit)}.overview-badge{padding:4px 10px;border:1px solid hsla(0,0%,100%,.35);border-radius:999px;font-size:12px;white-space:nowrap}.overview-empty{padding:0 calc(var(--unit) * 5);font-size:14px;line-height:1.6;color:#9a9a9a}.overview-empty code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d0d0d0}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column-gap:calc(var(--unit) * 4);column-gap:calc(var(--unit) * 4);grid-row-gap:calc(var(--unit) * 3);row-gap:calc(var(--unit) * 3);box-sizing:border-box;padding:0 calc(var(--unit) * 5)}.tile{position:relative;min-width:0;transition:opacity .2s}.tile.is-busy{opacity:.3}.tile-link{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit}.tile-delete{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:300 1.125rem/1 system-ui,-apple-system,sans-serif;opacity:.35;cursor:pointer;transition:opacity .4s}.tile-delete:focus-visible,.tile-delete:hover{background:transparent;opacity:.9}.tile-delete:disabled{opacity:.12;cursor:default}.tile-media{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#000}.tile-media canvas,.tile-media svg{display:block;width:100%;height:100%}.tile-svg{width:100%;height:100%}.tile-caption{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-top:var(--unit);min-width:0}.tile-name{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta{font-size:12px;color:#8a8a8a;white-space:nowrap}@media only screen and (max-width:1280px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:787px){.overview{--unit:10px}.overview-header{flex-direction:column;padding:0 var(--unit)}.overview-title{min-width:0}.overview-info{padding-left:0}.overview-empty,.tiles{padding:0 var(--unit)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--unit) * 2);row-gap:calc(var(--unit) * 2)}}.fps-counter{position:fixed;top:8px;left:8px;z-index:10;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.4;color:#f4f4f5;background:rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.artwork-modal{position:fixed;inset:0;z-index:100;background:#000}.artwork-modal-chrome{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));display:flex;align-items:center;gap:.25rem;transition:opacity .4s}.artwork-modal-button{width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:300 1.75rem/1 system-ui,-apple-system,sans-serif;opacity:.35;cursor:pointer;transition:opacity .4s}.artwork-modal-button.is-arrow{font-size:1.25rem}.artwork-modal-button.is-text{width:auto;padding:0 .75rem;border-radius:1.25rem;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.artwork-modal-button:focus-visible,.artwork-modal-button:hover{background:transparent;opacity:.9}@media (hover:hover){.artwork-modal-chrome.is-idle:not(:hover){opacity:0;pointer-events:none}}