.controls-module__JpILRG__pill{min-width:0;min-height:var(--h-pill-lg);border:1px solid var(--h-edge-soft);background:var(--h-panel);color:var(--h-text-dim);font:inherit;cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:10px;padding:9px 18px;font-size:12px;line-height:1.5;display:inline-flex}.controls-module__JpILRG__pill[aria-pressed=true],.controls-module__JpILRG__pill[aria-expanded=true]{color:var(--h-text);border-color:var(--h-field-edge-focus);background:var(--control-sheen,var(--h-glass-sheen)), var(--h-pill);box-shadow:var(--control-rim,var(--h-glass-rim))}.controls-module__JpILRG__pill:hover:not(:disabled){color:var(--h-text);background-color:var(--h-hover)}.controls-module__JpILRG__pill[data-tone=primary]{background:var(--h-action-bg);color:var(--h-action-text);border-color:#0000}.controls-module__JpILRG__pill[data-tone=primary]:hover:not(:disabled){background:var(--h-action-bg-hover);color:var(--h-action-text)}.controls-module__JpILRG__action{border:1px solid var(--h-edge);min-width:0;max-width:100%;min-height:48px;color:var(--h-text);background:var(--control-sheen,linear-gradient(180deg, color-mix(in srgb, var(--h-text) 14%, transparent), transparent 70%)), var(--landing-glass,var(--h-menu-bg));box-shadow:var(--control-rim,inset 0 1px 0 color-mix(in srgb, var(--h-text) 20%, transparent)), 0 6px 20px #0000000a;-webkit-backdrop-filter:var(--h-blur);backdrop-filter:var(--h-blur);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:24px;padding:6px 12px 6px 24px;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex}.controls-module__JpILRG__action:hover:not(:disabled){background-color:var(--h-pill)}.controls-module__JpILRG__actionIcon{background:var(--h-action-bg);width:32px;height:32px;color:var(--h-action-text);border-radius:50%;flex:0 0 32px;place-items:center;font-size:20px;display:grid}.controls-module__JpILRG__pill:focus-visible,.controls-module__JpILRG__action:focus-visible{outline:2px solid var(--h-text-dim);outline-offset:3px}.controls-module__JpILRG__pill:disabled,.controls-module__JpILRG__action:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:no-preference){.controls-module__JpILRG__pill,.controls-module__JpILRG__action{transition:background-color var(--t-micro), border-color var(--t-micro)}}
.PreviewSurface-module__JNtV2G__surface{isolation:isolate;background:var(--h-panel,#f7f3ea);flex:1;width:100%;height:100%;min-height:280px;position:relative;overflow:hidden;container-type:inline-size}.PreviewSurface-module__JNtV2G__frame,.PreviewSurface-module__JNtV2G__backdrop{border:0;width:100%;height:100%;position:absolute;inset:0}.PreviewSurface-module__JNtV2G__frame{background:#fff;display:block}.PreviewSurface-module__JNtV2G__pending{opacity:0;pointer-events:none}.PreviewSurface-module__JNtV2G__cover{object-fit:cover;object-position:top;filter:brightness(.88);width:100%;height:100%}.PreviewSurface-module__JNtV2G__status{z-index:3;border:1px solid var(--h-edge-soft,#26251f26);background:linear-gradient(135deg, #ffffff08, transparent), var(--h-menu-surface,var(--h-panel,#f7f3ea));width:max-content;max-width:min(620px,100% - 32px);color:var(--h-text,#26251f);text-align:start;border-radius:22px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff08}.PreviewSurface-module__JNtV2G__noticeIcon{width:20px;height:24px;color:var(--h-text-dim,#777369);flex:none;place-items:center;display:grid}.PreviewSurface-module__JNtV2G__noticeCopy{overflow-wrap:anywhere;flex:1;min-width:0}.PreviewSurface-module__JNtV2G__noticeCopy p{font:inherit;margin:0}.PreviewSurface-module__JNtV2G__noticeCopy .PreviewSurface-module__JNtV2G__noticeDetail{color:var(--h-text-dim,#777369);margin-top:4px;font-size:12px}.PreviewSurface-module__JNtV2G__noticeActions{flex:none;align-items:center;gap:4px;display:flex}.PreviewSurface-module__JNtV2G__noticeActions button{border:1px solid var(--h-edge-soft,#26251f26);min-height:44px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.PreviewSurface-module__JNtV2G__noticeActions button:hover{background:var(--h-hover,#26251f09)}.PreviewSurface-module__JNtV2G__noticeActions button:focus-visible{outline-offset:3px;outline:2px solid}.PreviewSurface-module__JNtV2G__noticeActions .PreviewSurface-module__JNtV2G__noticeDismiss{border:0;width:44px;padding:0}.PreviewSurface-module__JNtV2G__noticeInline{flex:none;width:calc(100% - 32px);margin:12px auto;position:relative;inset:auto;transform:none}@container (max-width:420px){.PreviewSurface-module__JNtV2G__status{flex-wrap:wrap;gap:8px 10px}.PreviewSurface-module__JNtV2G__noticeCopy{flex-basis:calc(100% - 30px)}.PreviewSurface-module__JNtV2G__noticeActions{margin-inline-start:30px}}.PreviewSurface-module__JNtV2G__pulse{background:#8b9676;border-radius:50%;flex:none;width:6px;height:6px;animation:2s ease-in-out infinite PreviewSurface-module__JNtV2G__pulse}.PreviewSurface-module__JNtV2G__allowance{isolation:isolate;color:#f1f3f4;--h-text:#f1f3f4;--h-text-dim:#c5c3cb;--h-edge:#ffffff38;--h-action-bg:#f1f3f4;--h-action-text:#17151c;--h-pill:#ffffff1c;--landing-glass:#ffffff0c;--h-blur:blur(20px);background:#0a090d;grid-template-rows:auto 1fr auto;gap:40px;width:100%;height:100%;min-height:280px;padding:clamp(24px,4vw,64px);display:grid;position:relative;overflow:auto;container-type:inline-size}.PreviewSurface-module__JNtV2G__allowanceAtmosphere{z-index:-1;pointer-events:none;background:linear-gradient(#0a090d8c,#0a090d70 18%,#0a090db8 46%,#0a090df5 80%),url(/media/landing/ascii-dunes.webp) 50% 25%/cover no-repeat;position:absolute;inset:0}.PreviewSurface-module__JNtV2G__savedProject{-webkit-backdrop-filter:blur(16px);color:#e4e1e8;background:#141219b8;border:1px solid #ffffff26;border-radius:999px;justify-self:start;align-items:center;gap:9px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.PreviewSurface-module__JNtV2G__savedProject svg{color:#c3cfbf;flex:none}.PreviewSurface-module__JNtV2G__allowanceContent{text-align:start;align-self:center;width:100%;max-width:660px;padding-block:36px}.PreviewSurface-module__JNtV2G__allowanceEyebrow{letter-spacing:.13em;text-transform:uppercase;color:#c9c3cf;margin:0 0 22px;font-size:11px;line-height:1.7}.PreviewSurface-module__JNtV2G__allowanceContent h2{font:400 clamp(38px, 9cqw, 84px)/1.04 var(--font-inter,sans-serif);letter-spacing:-.055em;text-wrap:balance;margin:0}.PreviewSurface-module__JNtV2G__allowanceContent h2 span{color:#c4b8cd;display:block}.PreviewSurface-module__JNtV2G__allowanceDescription{color:#c5c3cb;text-wrap:pretty;max-width:420px;margin:28px 0 0;font-size:15px;line-height:1.8}.PreviewSurface-module__JNtV2G__allowanceActions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.PreviewSurface-module__JNtV2G__allowanceActions .PreviewSurface-module__JNtV2G__upgrade{gap:36px;min-height:56px;padding-inline:24px 10px}.PreviewSurface-module__JNtV2G__resetTimer{color:#c5c3cb;align-items:center;gap:12px;min-height:56px;display:flex}.PreviewSurface-module__JNtV2G__resetTimer svg{flex:none}.PreviewSurface-module__JNtV2G__resetTimer span{font-size:11px;line-height:1.6;display:block}.PreviewSurface-module__JNtV2G__resetTimer strong{color:#f1f3f4;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:2px;font-size:24px;font-weight:400;line-height:1.3;display:block}.PreviewSurface-module__JNtV2G__manageProjects,.PreviewSurface-module__JNtV2G__checkAccess{color:#d7d3dc;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:8px 0;font-size:13px;line-height:1.5;text-decoration:none;display:inline-flex}.PreviewSurface-module__JNtV2G__manageProjects:hover,.PreviewSurface-module__JNtV2G__checkAccess:hover{color:#fff;text-underline-offset:5px;text-decoration:underline}.PreviewSurface-module__JNtV2G__allowance :is(a,button):focus-visible{outline-offset:5px;border-radius:24px;outline:2px solid #f1f3f4}.PreviewSurface-module__JNtV2G__allowanceFooter{border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:24px;display:flex}.PreviewSurface-module__JNtV2G__allowanceFooter p{color:#aaa6b0;margin:0;font-size:12px;line-height:1.8}.PreviewSurface-module__JNtV2G__allowanceFooter p:first-child{color:#ded9e4}.PreviewSurface-module__JNtV2G__checkAccess{flex:none}.PreviewSurface-module__JNtV2G__allowance:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .PreviewSurface-module__JNtV2G__allowanceEyebrow{letter-spacing:0}.PreviewSurface-module__JNtV2G__allowance:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) h2{letter-spacing:0;line-height:1.35}@container (max-width:420px){.PreviewSurface-module__JNtV2G__allowanceContent{padding-block:12px}.PreviewSurface-module__JNtV2G__allowanceContent h2{font-size:clamp(36px,11cqw,50px)}.PreviewSurface-module__JNtV2G__allowanceDescription{margin-top:22px;font-size:14px}.PreviewSurface-module__JNtV2G__allowanceEyebrow{letter-spacing:.08em;margin-bottom:18px;font-size:10px}.PreviewSurface-module__JNtV2G__allowanceFooter{gap:8px}}@keyframes PreviewSurface-module__JNtV2G__pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.PreviewSurface-module__JNtV2G__pulse{animation:none}}.PreviewSurface-module__JNtV2G__loadingScene{isolation:isolate;color:#f1f3f4;--h-text:#f1f3f4;--h-text-dim:#c5c3cb;--h-edge-soft:#ffffff26;--h-menu-surface:#18151dcc;--h-hover:#ffffff0c;background:#0a090d;grid-template-rows:auto 1fr auto;gap:32px;height:100%;padding:clamp(24px,5cqw,64px);display:grid;position:relative;overflow:auto}.PreviewSurface-module__JNtV2G__loadingGlow{z-index:-1;pointer-events:none;background:radial-gradient(at 60% 40%,#c0a6ce18,#0000 65%);animation:6s ease-in-out infinite PreviewSurface-module__JNtV2G__breathe;position:absolute;inset:5% 0 25%}.PreviewSurface-module__JNtV2G__loadingProject{overflow-wrap:anywhere;color:#d0cbd5;max-width:100%;margin:0;font-size:12px;line-height:1.7}.PreviewSurface-module__JNtV2G__loadingContent{align-self:center;width:100%;max-width:720px;padding-block:24px}.PreviewSurface-module__JNtV2G__loadingContent h2{font:400 clamp(38px, 8.5cqw, 82px)/1.06 var(--font-inter,sans-serif);letter-spacing:-.055em;text-wrap:balance;margin:32px 0 0}.PreviewSurface-module__JNtV2G__loadingContent h2 span{color:#c4b8cd;display:block}.PreviewSurface-module__JNtV2G__loadingContent p{color:#c5c3cb;margin:24px 0 0;font-size:14px;line-height:1.8}.PreviewSurface-module__JNtV2G__loadingMark{align-items:center;gap:7px;height:28px;display:flex}.PreviewSurface-module__JNtV2G__loadingMark i{background:#d0c0d8;border-radius:8px;width:5px;height:18px;animation:2.4s ease-in-out infinite PreviewSurface-module__JNtV2G__breathe;display:block}.PreviewSurface-module__JNtV2G__loadingMark i:nth-child(2){height:28px;animation-delay:.3s}.PreviewSurface-module__JNtV2G__loadingMark i:nth-child(3){animation-delay:.6s}.PreviewSurface-module__JNtV2G__loadingFooter{border-top:1px solid #ffffff24;width:100%;padding-top:24px}.PreviewSurface-module__JNtV2G__loadingFooter .PreviewSurface-module__JNtV2G__noticeInline{width:fit-content;max-width:100%;margin:0;padding:12px 16px}.PreviewSurface-module__JNtV2G__loadingScene:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) h2{letter-spacing:0;line-height:1.4}.PreviewSurface-module__JNtV2G__loadingGlow[data-still],.PreviewSurface-module__JNtV2G__loadingMark[data-still] i{opacity:.65;animation:none}@keyframes PreviewSurface-module__JNtV2G__breathe{50%{opacity:.35}}@container (max-width:420px){.PreviewSurface-module__JNtV2G__loadingContent h2{font-size:clamp(36px,11cqw,46px)}.PreviewSurface-module__JNtV2G__loadingScene{gap:24px}}@media (prefers-reduced-motion:reduce){.PreviewSurface-module__JNtV2G__loadingGlow,.PreviewSurface-module__JNtV2G__loadingMark i{animation:none}}