@layer base{*,:before,:after,::backdrop,::file-selector-button{box-sizing:border-box;border:0 solid var(--line);margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}html,body{background:var(--paper);width:100%;height:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1em}hr{height:0;color:inherit;border-top-width:1px}table{border-collapse:collapse;border-color:inherit;text-indent:0}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}button{cursor:pointer}::placeholder{opacity:1;color:color-mix(in oklab, currentColor 50%, transparent)}textarea{resize:vertical}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.glass{--glass-alpha:var(--glass-opacity);--glass-reach:32px;isolation:isolate;border-radius:var(--glass-radius,9999px);transition:--glass-alpha var(--dur-base) ease, --glass-glow var(--dur-slow) ease, transform var(--dur-slow) var(--ease-spring-bouncy);background:0 0;border:0;position:relative}.glass:before,.glass:after{z-index:-1;content:"";pointer-events:none;position:absolute}.glass:before{inset:calc(var(--glass-reach) * -1);padding:var(--glass-reach);background:radial-gradient(90% 120% at var(--glass-x,50%) var(--glass-y,50%), color-mix(in srgb, white calc(var(--glass-glow) * 50%), transparent), transparent 70%), color-mix(in srgb, var(--glass-tint) calc(var(--glass-alpha) * 100%), transparent);backdrop-filter:blur(14px)saturate(170%);clip-path:inset(var(--glass-reach) round var(--glass-radius,9999px));background-origin:content-box;background-clip:content-box}.glass:after{border-radius:inherit;box-shadow:var(--glass-specular), var(--glass-depth);inset:0}.glass.glass-panel{--glass-opacity:var(--glass-panel-opacity)}.glass.glass-panel:before{backdrop-filter:blur(20px)saturate(170%)}.glass.glass-panel:after{box-shadow:var(--glass-specular), var(--glass-depth-panel)}.glass.glass-sheet{--glass-opacity:var(--glass-sheet-opacity)}.glass.glass-sheet:before{clip-path:none;border-radius:inherit;padding:0;inset:0;backdrop-filter:none!important}.glass-opaque-edges .glass:before{backdrop-filter:blur(14px)saturate(170%)url(#glass-opaque)}.glass-opaque-edges .glass.glass-panel:before{backdrop-filter:blur(20px)saturate(170%)url(#glass-opaque)}:is(a,button).glass:hover:not(:disabled),.glass.glass-interactive:hover{--glass-alpha:calc(var(--glass-opacity) + .12)}:is(a,button).glass:active:not(:disabled),.glass.glass-interactive:active{--glass-alpha:calc(var(--glass-opacity) + .18);--glass-glow:1;transition-duration:var(--dur-fast), var(--dur-fast), var(--dur-base);transform:scale(1.06)}button.glass:disabled{color:color-mix(in srgb, currentColor 32%, transparent);cursor:not-allowed}.toolbar-track{overscroll-behavior-x:contain;border-radius:inherit;align-items:center;min-width:0;max-width:100%;display:flex;overflow-x:auto}.glass-tinted,.button:is(:not([data-variant]),[data-variant=destructive]){box-shadow:var(--tinted-specular), var(--glass-depth);transition:transform var(--dur-slow) var(--ease-spring-bouncy), filter var(--dur-fast) ease;border:0;position:relative}.glass-tinted:before,.button:is(:not([data-variant]),[data-variant=destructive]):before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(#ffffff3d,#fff0 58%);position:absolute;inset:0}.glass-tinted:hover:not(:disabled),.button:is(:not([data-variant]),[data-variant=destructive]):hover:not(:disabled){filter:brightness(1.08)}.glass-tinted:active:not(:disabled),.button:is(:not([data-variant]),[data-variant=destructive]):active:not(:disabled){filter:brightness(1.16);transition-duration:var(--dur-base), var(--dur-fast);transform:scale(1.06)}.button{--icon-size:16px;border-radius:var(--radius-full);background:var(--ink);height:36px;color:var(--paper);white-space:nowrap;user-select:none;transition:var(--hover-fade);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.button[data-size=lg]{height:40px;padding:0 20px}.button[data-variant=secondary]{background:var(--soft-fill);color:var(--ink)}.button[data-variant=secondary]:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.button[data-variant=outline]{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.button[data-variant=outline]:hover{background:var(--paper-dim)}.button[data-variant=destructive]{background:var(--destructive);color:var(--on-destructive)}.button[data-variant=link]{height:auto;color:var(--ink);text-underline-offset:4px;background:0 0;padding:0}.button[data-variant=link]:hover{text-decoration:underline}.button:disabled{opacity:.5;pointer-events:none}.input{background:var(--soft-fill);width:100%;min-width:0;height:44px;transition:background-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;border-radius:16px;outline:none;padding:0 14px;font-size:16px}.input:focus-visible{background:color-mix(in srgb, var(--ink) 8%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 50%, transparent)}.input::placeholder{color:var(--muted-text)}@media (width>=768px){.input{font-size:14px}}.switch{appearance:none;border-radius:var(--radius-full);background:color-mix(in srgb, var(--ink) 16%, transparent);cursor:pointer;width:32px;height:18px;transition:background-color var(--dur-base) ease;flex-shrink:0;position:relative}.switch:before{border-radius:inherit;content:"";width:16px;height:16px;transition:translate var(--dur-slow) var(--ease-spring-bouncy);background:#fff;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--brand)}.switch:checked:before{translate:14px}.switch:disabled{opacity:.5;cursor:not-allowed}.form-stack{gap:14px;display:grid}.form-stack label{letter-spacing:.04em;gap:7px;font-size:13px;font-weight:700;display:grid}.form-stack label.regular-label{font-weight:400}.disclosure{border:1px solid var(--line);border-radius:24px;overflow:hidden}.disclosure>:is(summary,button){text-align:left;cursor:pointer;width:100%;min-height:52px;transition:var(--hover-fade);grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:700;list-style:none;display:grid}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>:is(summary,button):hover{background:var(--soft-fill)}.disclosure::details-content{opacity:0;block-size:0;transition:block-size var(--dur-base) var(--ease-out), opacity var(--dur-base) ease, content-visibility var(--dur-base) allow-discrete}.disclosure[open]::details-content{opacity:1;block-size:auto}.disclosure-content{gap:14px;padding:4px 14px 14px;display:grid}.segmented{--icon-size:16px;border-radius:var(--radius-full);background:var(--soft-fill);height:40px;padding:4px;display:flex}.segmented label{border-radius:var(--radius-full);min-width:0;color:color-mix(in srgb, var(--ink) 60%, transparent);letter-spacing:normal;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-base), color var(--dur-base), box-shadow var(--dur-base);flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.segmented label:has(:checked){background:var(--paper-bright);color:var(--ink);box-shadow:inset 1px 1px 1px -.5px #fff9,0 1px 3px #0000001f,0 4px 12px -4px #0000001f}.segmented label:has(:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.segmented input{opacity:0;cursor:inherit;position:absolute;inset:0}.select{appearance:none;border-radius:var(--radius-full);background:var(--soft-fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px;white-space:nowrap;cursor:pointer;min-width:0;height:36px;transition:background-color var(--dur-fast) ease;padding:0 30px 0 14px;font-size:14px}.select:hover{background-color:color-mix(in srgb, var(--ink) 9%, transparent)}@supports (appearance:base-select){.select,.select::picker(select){appearance:base-select}.select{background-image:none;gap:4px;padding-right:10px}.select::picker-icon{color:var(--muted-text)}.select::picker(select){min-width:max(144px, anchor-size(width));background:color-mix(in srgb, var(--glass-tint) 86%, transparent);box-shadow:var(--glass-specular), var(--glass-depth-panel);backdrop-filter:blur(20px)saturate(170%);opacity:0;transition:opacity var(--dur-fast) ease, scale var(--dur-base) var(--ease-spring), overlay var(--dur-base) allow-discrete, display var(--dur-base) allow-discrete;border:0;border-radius:18px;margin-block:4px;padding:4px;scale:.95}.select:open::picker(select){opacity:1;scale:1}@starting-style{.select:open::picker(select){opacity:0;scale:.95}}.select option{border-radius:12px;outline:none;padding:8px 12px;font-size:14px;font-weight:500}.select option:is(:hover,:focus-visible){background:var(--soft-fill)}.select option::checkmark{order:1;margin-left:auto}}.spinner{aspect-ratio:1;border:2px solid color-mix(in srgb, currentColor 18%, transparent);border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;animation:.65s linear infinite spin;display:inline-block}}@font-face{font-family:Satoshi;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/satoshi-variable.woff2)format("woff2")}@font-face{font-family:Satoshi;font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/satoshi-variable-italic.woff2)format("woff2")}:root{font-family:var(--font-ui);color:var(--ink);font-synthesis:none;color-scheme:light dark;interpolate-size:allow-keywords;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-ui:"Satoshi", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Azeret Mono", monospace;--paper:light-dark(#f5f5f7,#0f0f11);--paper-bright:light-dark(#fff,#1c1c1f);--paper-dim:light-dark(#ececef,#26262a);--paper-shade:light-dark(#d2d2d7,#3a3a3f);--ink:light-dark(#1d1d1f,#f5f5f7);--muted-text:light-dark(#6e6e73,#98989f);--line:color-mix(in srgb, var(--ink) 11%, transparent);--soft-fill:color-mix(in srgb, var(--ink) 7%, transparent);--brand:light-dark(#2f6bff,#4c8dff);--brand-hover:light-dark(#295ee0,#5e98ff);--brand-strong:color-mix(in srgb, var(--brand), black 20%);--brand-soft:color-mix(in srgb, var(--brand) 12%, transparent);--on-brand:#fff;--success:light-dark(#2553c7,#6ca2ff);--guide-color:color-mix(in srgb, var(--brand), white 32%);--destructive:light-dark(#ff3b30,#ff453a);--on-destructive:#fff;--glass-tint:light-dark(#fff,#1c1c1f);--glass-opacity:.45;--glass-panel-opacity:.61;--glass-sheet-opacity:.79;--glass-specular:inset 1.5px 1.5px 1px -1px light-dark(#fffffff2,#fff6), inset -1px -1px 1px -.5px light-dark(#fff9,#ffffff24), inset 0 0 0 .5px light-dark(#ffffff80,#ffffff1a), inset 0 0 16px light-dark(#ffffff47,#ffffff0d);--glass-depth:0 0 0 .5px light-dark(#00000014,#0009), 0 2px 6px light-dark(#0000000d,#0000004d), 0 14px 34px -10px light-dark(#00000038,#0009);--glass-depth-panel:0 0 0 .5px light-dark(#00000014,#0009), 0 4px 12px light-dark(#0000000f,#0000004d), 0 30px 64px -18px light-dark(#0000004d,#000000b3);--tinted-specular:inset 1.5px 1.5px 1px -1px #fff9, inset -1px -1px 1px -.5px #ffffff40, inset 0 0 12px #ffffff29;--glass-blur:blur(14px) saturate(170%);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:linear(0, .062, .2, .362, .519, .656, .766, .85, .911, .953, .98, .997, 1.006, 1.01, 1.011, 1.01, 1.009, 1.007, 1.005, 1.004, 1.003, 1.002, 1.001, 1.001, 1);--ease-spring-bouncy:linear(0, .076, .251, .459, .657, .821, .943, 1.023, 1.066, 1.083, 1.081, 1.068, 1.051, 1.034, 1.019, 1.008, 1, .995, .993, .993, .994, .995, .997, .998, .999, 1);--dur-fast:.14s;--dur-base:.24s;--dur-slow:.44s;--hover-fade:background var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease;--radius-full:9999px;--radius-panel:28px;--dialog-width:400px;--z-canvas:0;--z-grid:10;--z-rail:20;--z-selection:30;--z-overlay:40;--z-chrome:50;--z-popover:60;--z-modal-backdrop:70;--z-modal:71;--z-modal-popover:72;--z-toast:80}[data-scheme=light]{color-scheme:light;color:var(--ink)}[data-scheme=dark]{color-scheme:dark;color:var(--ink)}@supports not (transition-timing-function:linear(0, 1)){:root{--ease-spring:cubic-bezier(.2, .9, .25, 1.04);--ease-spring-bouncy:cubic-bezier(.3, 1.4, .5, 1)}}@property --glass-alpha{syntax:"<number>";inherits:true;initial-value:.45}@property --glass-glow{syntax:"<number>";inherits:true;initial-value:0}@media (prefers-reduced-transparency:reduce){:root{--glass-opacity:.94;--glass-panel-opacity:.96}}@supports not (backdrop-filter:blur(1px)){:root{--glass-opacity:.94;--glass-panel-opacity:.96}}@media (prefers-contrast:more){:root{--glass-opacity:.96;--glass-panel-opacity:.98}@layer components{.glass:after{outline:1px solid color-mix(in srgb, currentColor 40%, transparent)}}}@keyframes spin{to{rotate:1turn}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.content-page,.centered-page{background:var(--paper);padding:24px 16px 112px;position:fixed;inset:0;overflow:hidden auto}.centered-page{place-items:center;display:grid}.content-page.simple-placeholder>*{width:min(372px,100%);margin-left:auto;margin-right:auto}.canvas-index-page{justify-content:center;align-items:flex-start;display:flex}.explore-page,.create-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:18px}.explore-search{width:min(360px,100%);display:flex;position:relative}.explore-search input{border-radius:var(--radius-full);min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 48px 0 18px}.explore-search:focus-within{box-shadow:0 0 0 2px var(--brand)}.explore-search-message{width:min(520px,100%);color:var(--muted-text);text-align:center;margin:0}.simple-placeholder{font-family:var(--font-ui);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.simple-placeholder p,.simple-placeholder span{font-family:var(--font-ui);text-transform:uppercase;margin:0}.simple-placeholder span{color:var(--muted-text);font-size:20px;line-height:1.2}.simple-placeholder p{font-size:36px;line-height:1}.top-signup{z-index:var(--z-chrome);top:max(16px, env(safe-area-inset-top));border-radius:var(--radius-full);background:var(--ink);width:89px;height:48px;color:var(--paper);font-family:var(--font-ui);gap:7px;padding:0;font-size:15px;font-weight:700;position:fixed;left:max(16px,50vw - 205px)}.canvas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(520px,100%);display:grid}.field-hint{color:var(--muted-text);margin:0;font-size:12px;line-height:1.45}.form-error{color:var(--destructive);margin:0;font-size:13px}.form-success{color:var(--success);margin:0;font-size:13px}@media (width<=520px){.canvas-index-page{padding-left:10px;padding-right:10px}.canvas-grid{gap:10px}.top-signup{top:max(10px, env(safe-area-inset-top));left:max(10px,50vw - 189px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content-page,.centered-page{scrollbar-gutter:stable both-edges;scrollbar-color:color-mix(in srgb, var(--ink) 24%, transparent) transparent;scrollbar-width:thin}.content-page::-webkit-scrollbar,.centered-page::-webkit-scrollbar{background:0 0;width:8px}.content-page::-webkit-scrollbar-track,.centered-page::-webkit-scrollbar-track{background:0 0}.content-page::-webkit-scrollbar-thumb,.centered-page::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:color-mix(in srgb, var(--ink) 24%, transparent);background-clip:padding-box;border:2px solid #0000}.glass-filters.svelte-12qhfyh{pointer-events:none;width:0;height:0;position:absolute}