@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal-BKE08zty.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal-DoS1gVTC.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal-Dtb2a5nO.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gesso:#f3f4f0;--wall:#e7e9e3;--paper:#fbfbf9;--graphite:#22252b;--pencil:#5b616b;--rule:#d4d7cf;--ultramarine:#2a3ed1;--ultramarine-ink:#1d2c99;--ultramarine-wash:#e4e7fb;--cadmium:#e9b21d;--viridian:#1d7556;--alizarin:#b8323c;--focus:#2a3ed1;--font:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--r-sm:6px;--r-md:10px;--frame-pad:10px;--shell:1240px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--gesso:#17191c;--wall:#1f2226;--paper:#1c1f23;--graphite:#eceee8;--pencil:#a4aab2;--rule:#34383e;--ultramarine:#7c8cff;--ultramarine-ink:#aab4ff;--ultramarine-wash:#262c52;--cadmium:#f0c24a;--viridian:#5cc39b;--alizarin:#f07b83;--focus:#9aa6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--gesso);color:var(--graphite);font-family:var(--font);font-optical-sizing:auto;font-variation-settings:"wdth" 100;margin:0;font-size:16px;line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--ultramarine-wash)}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.12}h1{font-variation-settings:"wdth" 88;letter-spacing:-.025em;font-size:clamp(30px,4vw,44px)}h2{font-size:21px}h3{letter-spacing:0;font-size:16px}p{margin:0}.muted{color:var(--pencil)}.small{font-size:14px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:10;background:color-mix(in srgb, var(--gesso) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);position:sticky;top:0}.top__in{max-width:var(--shell);align-items:center;gap:28px;height:60px;margin:0 auto;padding:0 24px;display:flex}.wordmark{letter-spacing:-.02em;font-variation-settings:"wdth" 85;align-items:center;gap:10px;font-size:20px;font-weight:750;text-decoration:none;display:inline-flex}.wordmark svg{width:26px;height:26px}.top nav{gap:4px;display:flex}.top nav a{border-radius:var(--r-sm);color:var(--pencil);padding:7px 11px;font-weight:550;text-decoration:none}.top nav a:hover,.top nav a[aria-current=page]{color:var(--graphite);background:var(--wall)}.top__end{align-items:center;gap:12px;margin-left:auto;display:flex}.who{color:var(--pencil);font-size:14px}.main{max-width:var(--shell);margin:0 auto;padding:36px 24px 80px}.btn{border-radius:var(--r-sm);border:1px solid var(--rule);background:var(--paper);min-height:40px;color:var(--graphite);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--pencil)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--ultramarine);border-color:var(--ultramarine);color:#fff}.btn--primary:hover{background:var(--ultramarine-ink);border-color:var(--ultramarine-ink)}@media (prefers-color-scheme:dark){.btn--primary,.btn--primary:hover{color:#0f1330}}.btn--quiet{color:var(--pencil);background:0 0;border-color:#0000}.btn--quiet:hover{color:var(--graphite);background:var(--wall);border-color:#0000}.btn--danger{color:var(--alizarin)}.btn--danger:hover{border-color:var(--alizarin)}.btn--sm{min-height:32px;padding:0 11px;font-size:14px}.btn--wide{width:100%}.field{align-content:start;gap:6px;display:grid}.field+.field{margin-top:20px}.field label,.label{font-size:15px;font-weight:650}.field .hint{color:var(--pencil);font-size:14px}.field .err{color:var(--alizarin);font-size:14px}.input,.textarea{border:1px solid var(--rule);background:var(--paper);border-radius:var(--r-sm);width:100%;padding:9px 12px;font-size:16px;line-height:1.45}.input:focus,.textarea:focus{border-color:var(--ultramarine);box-shadow:0 0 0 3px var(--ultramarine-wash);outline:none}.textarea{resize:vertical;min-height:140px}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--alizarin)}.address{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper);align-items:stretch;display:flex;overflow:hidden}.address:focus-within{border-color:var(--ultramarine);box-shadow:0 0 0 3px var(--ultramarine-wash)}.address input{text-align:right;background:0 0;border:0;flex:1;min-width:0;padding:9px 4px 9px 12px;font-size:16px}.address input:focus{outline:none}.address span{color:var(--pencil);white-space:nowrap;align-items:center;padding:0 12px 0 1px;font-size:16px;display:flex}.address[aria-invalid=true]{border-color:var(--alizarin)}.segmented{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper);justify-self:start;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--pencil);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--graphite);color:var(--gesso)}.callout{border-left:3px solid var(--cadmium);background:var(--paper);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:12px 14px;font-size:15px}.callout--error{border-left-color:var(--alizarin)}.status{color:var(--pencil);align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status--ready{color:var(--viridian)}.status--building,.status--busy{color:#a77800}@media (prefers-color-scheme:dark){.status--building,.status--busy{color:var(--cadmium)}}.status--error{color:var(--alizarin)}.status--offline{color:var(--pencil)}.wallhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.wallhead p{max-width:60ch;margin-top:8px}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.filters .input{max-width:280px}.wall{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 28px;display:grid}.piece{text-decoration:none;display:block}.piece__frame{display:block}.piece__meta{gap:3px;margin-top:14px;display:grid}.piece__name{font-size:17px;font-weight:700;line-height:1.25}.piece__line{color:var(--pencil);justify-content:space-between;gap:10px;font-size:14px;display:flex}.piece:hover .piece__name{text-underline-offset:3px;text-decoration:underline}.frame{background:var(--paper);border:1px solid var(--graphite);padding:var(--frame-pad);box-shadow:0 1px 0 var(--rule), 0 14px 22px -18px #1e222873;position:relative}.frame__view{aspect-ratio:16/10;background:var(--wall);position:relative;overflow:hidden}.frame__view iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;position:absolute;top:0;left:0}.frame--live .frame__view iframe{pointer-events:auto}.frame__blank{text-align:center;color:var(--pencil);place-items:center;padding:20px;font-size:14px;display:grid;position:absolute;inset:0}.frame__blank strong{color:var(--graphite);margin-bottom:4px;font-size:15px;display:block}.frame--offline .frame__view:after{content:"";background:color-mix(in srgb, var(--gesso) 55%, transparent);position:absolute;inset:0}.sketch{background:linear-gradient(var(--rule), var(--rule)) 12% 16% / 46% 7px no-repeat, linear-gradient(var(--rule), var(--rule)) 12% 27% / 62% 4px no-repeat, linear-gradient(var(--rule), var(--rule)) 12% 34% / 40% 4px no-repeat, linear-gradient(var(--rule), var(--rule)) 12% 48% / 22% 14px no-repeat, linear-gradient(var(--rule), var(--rule)) 12% 76% / 24% 30% no-repeat, linear-gradient(var(--rule), var(--rule)) 50% 76% / 24% 30% no-repeat, linear-gradient(var(--rule), var(--rule)) 88% 76% / 24% 30% no-repeat;opacity:.8;position:absolute;inset:0}.sketch:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--paper) 80%, transparent) 50%, transparent 70%);background-size:220% 100%;animation:2.2s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.sketch:after{animation:none}}.empty{border:1px dashed var(--pencil);justify-items:start;gap:14px;max-width:620px;padding:48px 32px;display:grid}.narrow{max-width:720px}.formhead{margin-bottom:28px}.formhead p{color:var(--pencil);max-width:62ch;margin-top:10px}.row{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.row .field+.field{margin-top:0}.examples{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.examples button{border:1px solid var(--rule);color:var(--pencil);cursor:pointer;background:0 0;border-radius:999px;padding:4px 11px;font-size:13px}.examples button:hover{color:var(--graphite);border-color:var(--pencil)}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.layers{border:0;min-width:0;margin:32px 0 0;padding:0}.layers legend{margin-bottom:4px;padding:0;font-size:21px;font-weight:700}.layers>p{margin-bottom:18px}.layer{border-left:2px solid var(--rule);gap:6px;padding:0 0 22px 20px;display:grid;position:relative}.layer:last-child{border-left-color:var(--ultramarine);padding-bottom:0}.layer:before{content:"";background:var(--gesso);border:2px solid var(--pencil);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-6px}.layer:last-child:before{border-color:var(--ultramarine);background:var(--ultramarine)}.layer__head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.layer__head label{font-size:15px;font-weight:650}.layer .hint{color:var(--pencil);font-size:14px}.layer .err{color:var(--alizarin);font-size:14px}.layer select.input{max-width:360px}.layer__preview{color:var(--pencil);background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-sm);white-space:pre-wrap;padding:10px 12px;font-size:14px}.layers .examples{margin-top:6px}.preset{border-top:1px solid var(--rule);gap:10px;padding:18px 0;display:grid}.preset__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preset__row .input{flex:260px}.prompts section+section{margin-top:44px}.prompts h2{margin-bottom:6px}@media (width<=640px){.row{grid-template-columns:1fr}.row .field+.field{margin-top:20px}}.sitehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.sitehead__url{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:inline-flex}.sitehead__url a{text-underline-offset:3px;font-weight:600}.sitehead__tools{flex-wrap:wrap;gap:10px;display:flex}.site{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:36px;display:grid}@media (width<=980px){.site{grid-template-columns:1fr}}.viewer__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.viewer .frame__view{aspect-ratio:auto;height:min(72vh,760px)}.viewer--phone .frame{max-width:410px;margin:0 auto}.viewer--phone .frame__view{height:min(72vh,780px)}.panel{gap:30px;display:grid}.panel section{gap:12px;display:grid}.panel section+section{border-top:1px solid var(--rule);padding-top:26px}.panel .textarea{min-height:110px}.steps{gap:9px;margin:4px 0 0;padding:0;list-style:none;display:grid}.steps li{color:var(--pencil);grid-template-columns:18px 1fr;align-items:center;gap:10px;font-size:15px;display:grid}.steps li:before{content:"";border:2px solid var(--rule);border-radius:50%;justify-self:center;width:12px;height:12px}.steps li[data-state=running]{color:var(--graphite);font-weight:600}.steps li[data-state=running]:before{border-color:var(--ultramarine);border-right-color:#0000;animation:.9s linear infinite spin}.steps li[data-state=done]:before{background:var(--viridian);border-color:var(--viridian)}.steps li[data-state=failed]{color:var(--alizarin)}.steps li[data-state=failed]:before{background:var(--alizarin);border-color:var(--alizarin)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.steps li[data-state=running]:before{border-right-color:var(--ultramarine);animation:none}}.history{gap:16px;margin:0;padding:0;list-style:none;display:grid}.history li{gap:4px;display:grid}.history .what{font-size:15px}.history .when{color:var(--pencil);font-size:13px}.history .out{color:var(--pencil);font-size:14px}.history .fail{color:var(--alizarin);font-size:14px}.history button{justify-self:start}details.more summary{cursor:pointer;color:var(--pencil);font-size:15px;font-weight:600}details.more[open] summary{margin-bottom:12px}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{text-align:left;color:var(--pencil);border-bottom:1px solid var(--graphite);padding:0 12px 10px 0;font-size:14px;font-weight:650}.table td{border-bottom:1px solid var(--rule);vertical-align:middle;padding:12px 12px 12px 0}.table td:last-child,.table th:last-child{text-align:right;padding-right:0}.tablewrap{overflow-x:auto}.add{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:28px 0 10px;display:flex}.add .field{flex:240px}.add .field+.field{margin-top:0}.auth{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth__art{background:var(--graphite);color:var(--gesso);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth__word{letter-spacing:-.05em;font-variation-settings:"wdth" 75;margin-left:-6px;font-size:clamp(88px,15vw,210px);font-weight:800;line-height:.82}.auth__lede{max-width:30ch;color:color-mix(in srgb, var(--gesso) 78%, transparent);font-size:20px;line-height:1.4}.auth__canvas{aspect-ratio:4/5;border:1px solid color-mix(in srgb, var(--gesso) 35%, transparent);width:46%;padding:12px;position:absolute;top:64px;right:-40px;transform:rotate(-3deg)}.auth__canvas div{background:linear-gradient(var(--ultramarine), var(--ultramarine)) 0 0 / 100% 38% no-repeat, linear-gradient(color-mix(in srgb, var(--gesso) 30%, transparent), color-mix(in srgb, var(--gesso) 30%, transparent)) 12% 52% / 60% 6px no-repeat, linear-gradient(color-mix(in srgb, var(--gesso) 20%, transparent), color-mix(in srgb, var(--gesso) 20%, transparent)) 12% 60% / 44% 6px no-repeat, linear-gradient(var(--cadmium), var(--cadmium)) 12% 72% / 28% 22px no-repeat, color-mix(in srgb, var(--gesso) 8%, transparent);width:100%;height:100%}.auth__form{place-items:center;padding:48px 24px;display:grid}.auth__card{gap:22px;width:100%;max-width:400px;display:grid}.auth__card h1{font-size:30px}.code{letter-spacing:.3em;text-align:center;font-size:26px;font-weight:700}@media (width<=860px){.auth{grid-template-columns:1fr}.auth__art{min-height:260px;padding:28px 24px}.auth__canvas{display:none}.auth__word{font-size:96px}}.toasts{z-index:50;gap:8px;width:min(440px,100% - 32px);display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--graphite);color:var(--gesso);border-radius:var(--r-sm);padding:11px 16px;font-size:15px;box-shadow:0 8px 24px -12px #00000080}.toast--error{background:var(--alizarin);color:#fff}dialog.confirm{border:1px solid var(--graphite);border-radius:var(--r-md);background:var(--paper);color:var(--graphite);width:calc(100% - 32px);max-width:440px;padding:24px}dialog.confirm::backdrop{background:#14161a73}dialog.confirm p{color:var(--pencil);margin:10px 0 0}dialog.confirm .actions{justify-content:flex-end;margin-top:22px}@media (width<=640px){.top__in{gap:14px;padding:0 16px}.who{display:none}.main{padding:24px 16px 64px}.wall{gap:32px}}