:root{--ink:#101a91;--header-height:56px;--font-block:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body,#root{width:100%;height:100%;margin:0}.header{z-index:2;height:var(--header-height);color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.header-name{font:500 18px/1.2 var(--font-block);letter-spacing:.01em}.header-author{opacity:.7}@media (width<=520px){.header-author{display:none}}.header-links{gap:16px;display:flex}.header-links a{width:32px;height:32px;color:inherit;pointer-events:auto;border-radius:4px;place-items:center;font-size:20px;display:grid}.header-links a:hover{opacity:.65}.header-links a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bottom-bar{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.tool-group{border:1.5px solid var(--ink);background:#f3f1ecd9;border-radius:999px;padding:3px;display:flex}.tool-button{font:700 12px/1 var(--font-block);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 12px}.tool-button:hover{background:#101a9114}.tool-button[aria-pressed=true]{color:#f3f1ec;background:var(--ink)}.tool-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.effect-button{min-width:128px;font:700 15px/1 var(--font-block);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:#f3f1ecd9;border-radius:999px;padding:10px 22px}.effect-button:hover{background:#101a9114}.effect-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.credits{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:2;max-width:calc(50% - 270px);font:400 11px/1.4 var(--font-block);color:var(--ink);opacity:.75;margin:0;position:fixed}.credits a{color:inherit}@media (width<=1000px){.credits{left:16px;right:16px;bottom:calc(6px + env(safe-area-inset-bottom,0px));text-align:center;max-width:none}.bottom-bar{bottom:calc(30px + env(safe-area-inset-bottom,0px))}}.leva-wrap{top:calc(var(--header-height) + 8px);z-index:3;width:min(300px,100vw - 32px);max-height:calc(100vh - var(--header-height) - 24px);position:fixed;right:16px;overflow-y:auto}.loader{z-index:10;background:#fff;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loader--done{opacity:0;pointer-events:none}.loader-track{background:#e6e6e6;width:min(240px,60vw);height:2px;overflow:hidden}.loader-line{transform-origin:0;background:#000;height:100%;transition:transform .3s}