:root{--paper: #17171a;--fog: #101012;--line: #2e2e33;--ink: #ececea;--gray: #8e8e90;--accent: #e3261a;--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}#app.view-playground{display:flex;height:100vh}#app.view-gallery,#app.view-showcase,#app.view-about,#app.view-saved{display:block;min-height:100vh;overflow-y:auto;overflow-x:hidden}.stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--fog)}.stage svg{max-width:100%;max-height:100%;box-shadow:0 2px 24px #00000073}.panel{width:320px;border-left:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.ctl-row{display:flex;flex-direction:column;gap:8px}.ctl-head{display:flex;justify-content:space-between}.ctl-row.ctl-dependent{opacity:.38}.ctl-row.ctl-dependent input,.ctl-row.ctl-dependent select{cursor:not-allowed}.ctl-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--gray)}.ctl-value{font-family:var(--font-mono);font-size:12px}.btn{font-family:var(--font-mono);font-size:11px;padding:8px 14px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.ctl-section-heading{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--gray);border-top:1px solid var(--line);padding-top:16px;margin-top:4px}summary.ctl-section-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:2px;cursor:pointer;list-style:none;user-select:none}summary.ctl-section-heading::-webkit-details-marker{display:none}summary.ctl-section-heading:after{content:"+";font-size:13px;line-height:1;color:var(--gray)}.ctl-section[open]>summary.ctl-section-heading:after{content:"–"}summary.ctl-section-heading:hover{color:var(--ink)}summary.ctl-section-heading:hover:after{color:var(--ink)}summary.ctl-section-heading:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.ctl-section-body{display:flex;flex-direction:column;gap:16px;padding-top:14px}.panel-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.panel-actions .btn{padding:10px 4px;text-align:center;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-seed{align-self:flex-start}input[type=range]{accent-color:var(--ink)}.ctl-inline{flex-direction:row;justify-content:space-between;align-items:center}.ctl-select{font-family:var(--font-mono);font-size:12px;padding:6px 8px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}input[type=checkbox]{accent-color:var(--ink)}.stage.computing{opacity:.55;transition:opacity .15s}.export-error{color:var(--accent);min-height:14px}.gal-back-link{font-family:var(--font-mono);font-size:11px;color:var(--gray);text-decoration:none;align-self:flex-start}.gal-back-link:hover{color:var(--ink)}.gal-topbar{height:64px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.gal-wordmark{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.gal-wordmark-dot{color:var(--accent)}.gal-hero{padding:44px 32px 28px}.gal-hero-top{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.gal-headline{margin:0;font-size:46px;font-weight:700;letter-spacing:-.03em;line-height:1.02}.gal-subtitle{margin:16px 0 0;color:var(--gray);font-size:15px;max-width:640px}.gal-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.gal-hero-cta:hover{border-color:var(--accent);color:var(--accent)}.gal-stats{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--gray);white-space:nowrap}.gal-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 32px 28px}.gal-chip{font-family:var(--font-mono);font-size:11px;padding:6px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.gal-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}a.gal-chip{text-decoration:none}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding:0 32px 32px}.gal-card{display:block;color:inherit;text-decoration:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.6,.2,1)}.gal-card.gal-card-pending{opacity:0;transform:translateY(14px)}@media(prefers-reduced-motion:reduce){.gal-card{transition:none}.gal-card.gal-card-pending{opacity:1;transform:none}}.gal-thumb{border:1px solid var(--line)}.gal-thumb img{width:100%;height:auto;display:block}.gal-card:hover .gal-thumb{border-color:var(--ink)}.gal-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}.gal-name{font-size:13px;font-weight:700;color:var(--ink)}.gal-family{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--gray)}.gal-card>.gal-name{display:block;margin-top:8px}.show-head{padding:44px 32px 28px}.show-title{margin:0;font-size:13px;letter-spacing:.12em}.show-subtitle{margin:12px 0 0;color:var(--gray);font-size:15px;max-width:640px}.show-empty{grid-column:1 / -1;color:var(--gray);font-size:13px}.show-thumb{background:var(--paper);overflow:hidden}.show-thumb svg{display:block;width:100%;height:100%}.show-thumb.gone{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;color:var(--gray);font-family:var(--font-mono);font-size:10px}.show-thumb.computing{opacity:.55;transition:opacity .15s}.gal-card-video{border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;display:block}.gal-card-video .gal-thumb{position:relative}.gal-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gal-play:after{content:"▶";display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#0009;color:var(--paper);font-size:15px;padding-left:3px}.gal-card-video:hover .gal-play:after{background:var(--accent)}.modal-video-wrap{display:flex;flex-direction:column;gap:12px}.modal-video{display:block;width:100%;max-height:56vh;background:#000}.modal-video-link{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--accent);text-decoration:none}.modal-video-link:hover{text-decoration:underline}.modal-video-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modal-video-actions .modal-video-link{margin-right:auto}.video-share{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--line)}.video-share .qr{width:160px;height:160px;display:block;border-radius:2px}.video-share-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%}.video-share-url{font-family:var(--font-mono);font-size:10px;color:var(--gray);overflow-wrap:anywhere;max-width:44ch;line-height:1.5;user-select:all}.video-share-msg{font-family:var(--font-mono);font-size:10px;color:var(--accent);min-height:1em}@media(max-width:560px){.video-share .qr{width:132px;height:132px}.video-share-url{max-width:100%}}.vid-box{max-width:900px;margin:0 auto;padding:32px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.vid-head{display:flex;flex-direction:column;gap:4px}.vid-title{font-size:15px;letter-spacing:.04em;margin:0;font-weight:500}.vid-player{display:block;width:auto;max-width:100%;max-height:62vh;margin:0 auto;background:#000}.vid-back{margin-top:8px}@media(max-width:560px){.vid-box{padding:20px 16px}}.saved-head{display:flex;align-items:baseline;gap:12px;padding:24px 32px 16px}.saved-title{font-size:13px;letter-spacing:.12em;margin:0}.saved-count{font-family:var(--font-mono);font-size:10px;color:var(--gray)}.saved-tools{margin-left:auto;display:flex;gap:8px}.saved-notice{padding:0 32px 16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.saved-notice p{max-width:52ch;color:var(--gray);font-size:13px;margin:0}.saved-empty{grid-column:1 / -1;display:flex;flex-direction:column;gap:16px;align-items:flex-start;color:var(--gray);font-size:13px}.saved-card{display:flex;flex-direction:column}.saved-link{display:block;color:inherit;text-decoration:none}.saved-thumb{background:var(--paper);overflow:hidden}.saved-thumb svg{display:block;width:100%;height:100%}.saved-thumb.gone{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;color:var(--gray);font-family:var(--font-mono);font-size:10px}.saved-thumb.computing{opacity:.55;transition:opacity .15s}.saved-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.saved-meta{gap:8px}.saved-rename{flex:1;min-width:0;font:inherit;font-size:13px;font-weight:700;background:transparent;color:var(--ink);border:1px solid var(--ink);padding:1px 4px}.saved-del{background:transparent;border:none;color:var(--gray);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.saved-del:hover{color:var(--accent)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:50;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;padding:10px 16px}.toast-action{background:transparent;border:none;color:inherit;cursor:pointer;font:inherit;text-decoration:underline;padding:0}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--font-mono);font-size:11px;padding:6px 12px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.chip.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.custom-size{display:flex;gap:6px;align-items:center}.custom-size input{width:64px}.custom-size input,.custom-size select{font-family:var(--font-mono);font-size:11px;padding:5px 6px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.modal-backdrop{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--paper);border:1px solid var(--line);width:min(760px,92vw);max-height:86vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-title{font-size:15px;font-weight:700}.modal-tabs{display:flex;gap:6px;padding:12px 20px 0}.modal-body{padding:20px;overflow:auto}.modal-body pre{font-family:var(--font-mono);font-size:12px;line-height:1.55;border:1px solid var(--line);padding:14px;overflow-x:auto;margin:0}.modal-body p{font-size:14px;line-height:1.65}.modal-body em{font-style:italic}.modal-body a{color:var(--accent)}.modal-body h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 8px}.modal-body h3:first-child{margin-top:0}.modal-body ul{margin:0 0 14px;padding-left:20px}.modal-body li{font-size:14px;line-height:1.65;margin-bottom:4px}.modal-body .explain-citation{font-family:var(--font-mono);font-size:11px;color:var(--gray);margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.modal-body .explain-doi{font-family:var(--font-mono);font-size:11px;color:var(--gray);margin-top:4px;display:flex;flex-wrap:wrap;gap:0 14px}a.gal-wordmark{text-decoration:none}.nav-links{display:flex;align-items:center;gap:22px}.nav-burger,.nav-burger-input{display:none}.nav-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--gray);text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-lang{display:flex;border:1px solid var(--line)}.nav-lang-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:5px 9px;border:none;background:transparent;color:var(--gray);cursor:pointer}.nav-lang-btn:hover{color:var(--ink)}.nav-lang-btn.active{background:var(--ink);color:var(--paper)}.nav-share-wrap{display:inline-flex;align-items:center;gap:8px}.nav-share-url{font-family:var(--font-mono);font-size:10px;color:var(--gray);max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-share{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);color:var(--ink);padding:5px 8px;cursor:pointer;line-height:0}.nav-share:hover{border-color:var(--ink)}.nav-share-msg{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;line-height:1;white-space:nowrap}.nav-share:not(.flashed) .nav-share-msg{display:none}.panel-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.site-footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;padding:24px 32px 32px;margin-top:8px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--gray)}.site-footer a{color:var(--gray);text-decoration:none;border-bottom:1px solid currentColor}.site-footer a:hover{color:var(--ink);border-bottom-color:var(--ink)}.site-footer-links{display:flex;flex-wrap:wrap;gap:18px}.site-footer-privacy{font:inherit;color:var(--gray);background:none;padding:0;cursor:pointer;border:0;border-bottom:1px solid currentColor}.site-footer-privacy:hover,.site-footer-tip{color:var(--ink)}.site-footer-tip:hover{color:var(--accent)}.about-tip-btn{margin:4px 0 8px}.tip-body{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 4px}.tip-blurb{margin:0;max-width:46ch;font-size:14px;line-height:1.65;text-align:center}.tip-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;padding:15px 28px;text-decoration:none;border:1px solid var(--accent);color:var(--accent);background:transparent;transition:background .12s ease,color .12s ease}.tip-cta:hover{background:var(--accent);color:var(--paper)}.tip-cta:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.tip-methods{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--gray)}.tip-hosted{margin:0;max-width:40ch;text-align:center;font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--gray)}.consent{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:16px 32px;background:var(--fog);border-top:1px solid var(--line)}.consent-body{margin:0;max-width:68ch;flex:1 1 320px;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--gray)}.consent-actions{display:flex;gap:10px}.consent-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;min-width:104px;padding:9px 16px;cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink)}.consent-btn:hover{background:var(--ink);color:var(--paper)}.consent-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.consent-btn[aria-pressed=true]:hover{background:var(--accent);color:var(--paper)}.site-footer.compact{padding:16px 0 0;margin-top:4px;font-size:10px;flex-direction:column;gap:6px;align-items:flex-start}.about{padding:44px 32px 8px;max-width:720px}.about-title{margin:0 0 24px;font-size:38px;font-weight:700;letter-spacing:-.03em}.about h2{margin:34px 0 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}.about p{margin:0 0 14px;font-size:15px;line-height:1.7}.about ul{margin:0 0 14px;padding-left:20px}.about li{font-size:15px;line-height:1.7;margin-bottom:6px}.about a{color:var(--accent);text-decoration:none}.about a:hover{text-decoration:underline}.about-video{margin:6px 0 20px}.about-video video{display:block;width:100%;border:1px solid var(--line);background:var(--fog)}.about-refs{list-style:none;margin:0 0 14px;padding:0}.about-refs li{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}.about-refs li:first-child{border-top:0}.about-ref-name{font-weight:700;letter-spacing:-.01em}a.about-ref-name{color:var(--ink);text-decoration:none}a.about-ref-name:hover{color:var(--accent)}.about-ref-blurb{line-height:1.55;color:var(--ink)}.about-ref-cite{font-family:var(--font-mono);font-size:11px;line-height:1.55;color:var(--gray);text-decoration:none;border-bottom:1px solid transparent;align-self:flex-start}.about-ref-cite:hover{color:var(--accent);border-bottom-color:currentColor}.about-ref-doi{display:flex;flex-wrap:wrap;gap:0 14px;font-family:var(--font-mono);font-size:11px;line-height:1.55}.about-ref-doi a{color:var(--gray);text-decoration:none;border-bottom:1px solid transparent}.about-ref-doi a:hover{color:var(--accent);border-bottom-color:currentColor;text-decoration:none}.about-refs-note{color:var(--gray)}.about-ref-own{font-family:var(--font-mono);font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);align-self:flex-start;margin-top:1px}.about-orcid{font-family:var(--font-mono);font-size:12px;color:var(--gray)}.about-orcid a{color:var(--gray)}@media(max-width:640px){.gal-hero-top{flex-direction:column;align-items:flex-start;gap:8px}.gal-hero-side{align-items:flex-start;gap:10px}.gal-topbar{height:auto;padding:14px 20px;gap:10px;position:relative}.nav-burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;margin-right:-10px;padding:0 10px;cursor:pointer;align-items:stretch}.nav-burger span{height:1px;background:var(--ink);transition:none}.nav-burger-input:checked~.nav-burger span:nth-child(2){opacity:0}.nav-links{display:none;gap:18px;flex-direction:column;align-items:flex-start;flex-basis:100%;padding:6px 0 4px}.nav-burger-input:checked~.nav-links{display:flex}.nav-link{font-size:13px;padding:6px 0}.about{padding:28px 20px 8px}.about-title{font-size:30px}.site-footer{padding:20px 20px 28px}.consent{padding:14px 20px;gap:12px}.consent-actions{width:100%}.consent-btn{flex:1;min-width:0}#app.view-playground{flex-direction:column;height:auto;min-height:100vh}.stage{flex:none;width:100%;height:45vh;height:45dvh;min-height:220px;position:sticky;top:0;z-index:1}.panel{width:100%;border-left:none;border-top:1px solid var(--line)}}.view-animate .anim-wrap{display:flex;height:100vh}.anim-stage{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-width:0}.anim-stage canvas{max-width:100%;max-height:100%;display:block}.anim-panel{width:280px;flex-shrink:0;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--line);font-family:var(--font-mono);overflow-anchor:none}.anim-panel h1{font-size:14px;letter-spacing:.08em;margin:0;color:var(--ink)}.anim-back{font-size:11px;text-decoration:none;color:var(--gray)}.anim-back:hover{color:var(--ink)}.anim-label{margin-top:6px}.anim-btn,.anim-drop{font:inherit;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:8px 10px;cursor:pointer;text-align:center;background:none;border:1px solid var(--ink);color:var(--ink)}.anim-drop{border-style:dashed;border-color:var(--line)}.anim-btn.recording{color:var(--accent);border-color:var(--accent)}.anim-transport{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.anim-icon-btn{display:flex;align-items:center;justify-content:center;padding:7px 0;position:relative}.anim-icon-btn svg{display:block}.anim-icon-btn:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.08em;white-space:nowrap;padding:3px 6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .12s .15s;z-index:2}.anim-icon-btn:hover:after,.anim-icon-btn:focus-visible:after{opacity:1}.anim-scrub{width:100%}.anim-privacy{font-size:10px;opacity:.6;margin:4px 0 0;color:var(--gray)}.anim-status{font-size:11px;min-height:14px;color:var(--gray)}@media(max-width:720px){.view-animate .anim-wrap{flex-direction:column}.anim-panel{width:auto}}@media(pointer:coarse){.btn{min-height:44px;min-width:44px;padding:14px}.ctl-select{min-height:44px;padding:12px 8px}.gal-chip{min-height:44px;padding:15px 14px}.gal-back-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}input[type=range]{height:44px}input[type=checkbox]{width:22px;height:22px}.ctl-row.ctl-inline{min-height:44px;cursor:pointer}.chip{min-height:44px;padding:15px 14px}.nav-lang-btn{min-height:44px;min-width:44px;padding:12px}.nav-link{display:inline-flex;align-items:center;min-height:44px}.custom-size input,.custom-size select{min-height:44px;padding:12px 8px}.anim-btn,.anim-drop{min-height:44px;min-width:44px;padding:14px}.anim-scrub{height:44px}.panel-actions .btn{min-height:44px;min-width:0;padding:13px 4px}summary.ctl-section-heading{min-height:44px;padding-bottom:10px}}.view-composer{display:flex;flex-direction:column;gap:20px;padding:24px}.cmp-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cmp-stepper{display:flex;align-items:center;gap:8px}.cmp-check{display:flex;align-items:center;gap:7px;cursor:pointer}.cmp-stage{display:flex;justify-content:center}.cmp-stage svg{max-width:min(100%,620px);max-height:calc(100vh - 130px);width:auto;height:auto;box-shadow:0 2px 28px #0006}.btn.star{font-size:22px;line-height:1;padding:2px 9px 4px}.btn.star.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.star:disabled{opacity:.4;cursor:not-allowed}.btn.star.failed{border-color:var(--accent);color:var(--accent)}.panel-nav .nav-share-wrap{flex-wrap:wrap;justify-content:flex-end;min-width:0}.panel-nav .nav-share-url{max-width:100%;min-width:0}