.typewriter[data-v-4508b44d]{white-space:nowrap}.caret[data-v-4508b44d]{vertical-align:-.14em;background:var(--color-teal);border-radius:1px;block-size:1.05em;inline-size:2px;margin-inline-start:2px;animation:1.05s step-end infinite caret-blink-4508b44d;display:inline-block}@keyframes caret-blink-4508b44d{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret[data-v-4508b44d]{display:none}}.picker[data-v-ecc52ca3]{max-block-size:calc(100dvh - 2rem);inline-size:min(56rem,100vw - 2rem);overflow:auto}.card-btn[data-v-ecc52ca3]{background:var(--color-canvas);cursor:pointer;text-align:start;inline-size:100%;box-shadow:inset 0 0 0 1px var(--color-mist);transition:box-shadow var(--dur-base) var(--ease-out-quint),translate var(--dur-panel) var(--ease-out-quint);border:0;border-radius:1.15rem;padding:.4rem;display:block}.card-btn[data-v-ecc52ca3]:hover{box-shadow:inset 0 0 0 1px var(--color-fog),var(--shadow-card);translate:0 -2px}.card-btn[aria-pressed=true][data-v-ecc52ca3]{box-shadow:inset 0 0 0 2px var(--color-ink);background:var(--color-sky)}.card-btn[data-v-ecc52ca3]:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.segmented label[data-v-ecc52ca3]{cursor:pointer}.card-enter-active[data-v-ecc52ca3],.card-leave-active[data-v-ecc52ca3],.card-move[data-v-ecc52ca3]{transition:opacity .26s var(--ease-out-quint),scale .32s var(--ease-out-quint),translate .36s var(--ease-out-quint)}.card-enter-from[data-v-ecc52ca3],.card-leave-to[data-v-ecc52ca3]{opacity:0;scale:.94}.card-leave-active[data-v-ecc52ca3]{visibility:hidden;position:absolute}@media (prefers-reduced-motion:reduce){.card-enter-active[data-v-ecc52ca3],.card-leave-active[data-v-ecc52ca3],.card-move[data-v-ecc52ca3]{transition:none}}.name-field[data-v-f9246ed8]{--name-fill:var(--color-cloud);background:var(--name-fill);transition:box-shadow var(--dur-base),background-color var(--dur-base);border-radius:1.6rem;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1.25rem;display:flex;box-shadow:inset 0 0 0 1px oklab(0% 0 0/.05)}.name-field[data-v-f9246ed8]:focus-within{--name-fill:var(--color-canvas);background:var(--name-fill);box-shadow:inset 0 0 0 1.5px var(--color-teal),0 0 0 4px var(--color-sky)}.name-input[data-v-f9246ed8]:autofill{-webkit-text-fill-color:var(--color-ink);box-shadow:inset 0 0 0 100vmax var(--name-fill)}.name-input[data-v-f9246ed8]{z-index:1;inline-size:100%;min-inline-size:0;color:var(--color-ink);background:0 0;outline:none;padding-block:.75rem;font-weight:600;position:relative}.name-input[data-v-f9246ed8],.name-placeholder[data-v-f9246ed8]{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25rem}.name-placeholder[data-v-f9246ed8]{pointer-events:none;block-size:1.35em;color:var(--color-slate);margin-block:auto;font-weight:500;line-height:1.35em;position:absolute;inset-block:0;inset-inline:0;overflow:hidden}@media (width>=40rem){.name-input[data-v-f9246ed8],.name-placeholder[data-v-f9246ed8]{font-size:1.5rem}}@media (width<=39.999rem){.name-field[data-v-f9246ed8]{border-radius:2rem;flex-wrap:wrap;row-gap:.25rem;padding:.375rem}.name-box[data-v-f9246ed8]{margin-inline:.875rem}.cta[data-v-f9246ed8],.name-box[data-v-f9246ed8]{flex-basis:100%}}.name-input[data-v-f9246ed8]:not(:focus)::-moz-placeholder{color:#0000}.name-input[data-v-f9246ed8]:not(:focus)::placeholder{color:#0000}.name-input[data-v-f9246ed8]::placeholder{color:var(--color-slate);font-weight:500}.name-help[data-v-f9246ed8]{color:var(--color-slate);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.625rem .5rem 0;font-size:.8125rem;display:flex}.help-link[data-v-f9246ed8]{cursor:pointer;color:#5a2ea6;background:0 0;border:0;align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.help-link[data-v-f9246ed8]:hover{text-underline-offset:3px;text-decoration:underline}.help-link[data-v-f9246ed8]:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px;border-radius:4px}.label-row[data-v-f9246ed8]{justify-content:space-between;align-items:center;gap:.5rem;min-block-size:1.5rem;margin-block-end:.375rem;display:flex}.label-note[data-v-f9246ed8]{color:var(--color-slate);white-space:nowrap;font-size:.75rem}.text-link[data-v-f9246ed8]{cursor:pointer;color:var(--color-teal);background:0 0;border:0;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;display:inline-flex}.text-link[data-v-f9246ed8]:hover{color:var(--color-ink)}.text-link[data-v-f9246ed8] svg{transition:translate var(--dur-base) var(--ease-out-quint)}.text-link[data-v-f9246ed8]:hover svg{translate:2px}.chip-row[data-v-f9246ed8]{scroll-snap-type:x proximity}.chip-row.fade-right[data-v-f9246ed8]{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.chip-row.fade-left[data-v-f9246ed8]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 15%);mask-image:linear-gradient(90deg,#0000,#000 15%)}.chip-row.fade-left.fade-right[data-v-f9246ed8]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.row-arrow[data-v-f9246ed8]{background:var(--color-canvas);block-size:2rem;inline-size:2rem;color:var(--color-ink);box-shadow:var(--shadow-card);cursor:pointer;transition:scale var(--dur-quick) var(--ease-out-quint);border:0;border-radius:9999px;place-items:center;display:grid;position:absolute;inset-block-start:50%;translate:0 -50%}.row-arrow[data-v-f9246ed8]:hover{scale:1.06}.row-arrow[data-v-f9246ed8]:active{scale:.96}.row-arrow.is-left[data-v-f9246ed8]{inset-inline-start:-.25rem}.row-arrow.is-right[data-v-f9246ed8]{inset-inline-end:-.25rem}.style-chip[data-v-f9246ed8]{cursor:pointer;scroll-snap-align:start;color:var(--color-iron);background:var(--color-canvas);box-shadow:inset 0 0 0 1px var(--color-ash);transition:box-shadow var(--dur-base) var(--ease-out-quint),color var(--dur-base),background-color var(--dur-base),translate var(--dur-quick) var(--ease-out-quint);border-radius:9999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.3125rem .75rem .3125rem .3125rem;font-size:.875rem;font-weight:550;display:inline-flex;position:relative}.style-chip[data-v-f9246ed8]:hover{color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-fog)}.style-chip[data-v-f9246ed8]:active{translate:0 1px}.style-chip[data-v-f9246ed8]:has(:checked){color:var(--color-ink);background:var(--color-sky);box-shadow:inset 0 0 0 1.5px var(--color-ink)}.style-chip[data-v-f9246ed8]:has(:focus-visible){outline:2px solid var(--color-teal);outline-offset:2px}.thumb[data-v-f9246ed8]{flex-shrink:0;block-size:1.875rem;inline-size:1.875rem;overflow:hidden;box-shadow:0 0 0 1px oklab(0% 0 0/.06)}.more-btn[data-v-f9246ed8],.thumb[data-v-f9246ed8]{border-radius:9999px}.more-btn[data-v-f9246ed8]{cursor:pointer;min-block-size:2.25rem;color:var(--color-iron);transition:background-color var(--dur-base),color var(--dur-base);background:0 0;border:0;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.875rem;font-weight:600;display:inline-flex}.more-btn[data-v-f9246ed8]:hover,.more-btn[aria-expanded=true][data-v-f9246ed8]{background:var(--color-cloud);color:var(--color-ink)}.more-icon[data-v-f9246ed8]{transition:rotate var(--dur-panel) var(--ease-out-quint)}.more-btn[aria-expanded=true] .more-icon[data-v-f9246ed8]{rotate:45deg}.ratio-box[data-v-f9246ed8]{opacity:.7;border:1.5px solid;border-radius:2px;display:inline-block}.swatch-dot[data-v-f9246ed8]{border-radius:9999px;flex-shrink:0;block-size:.875rem;inline-size:.875rem;display:inline-block;box-shadow:inset 0 0 0 1px oklab(0% 0 0/.14)}.cta[data-v-f9246ed8]{position:relative;overflow:hidden}.cta-label[data-v-f9246ed8]{transition:opacity .22s var(--ease-out-quint),translate .38s var(--ease-out-quint);justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.cta-label[data-v-f9246ed8]:not(.is-shown){opacity:0;pointer-events:none;transition-duration:.12s,.24s;position:absolute;inset:0}.cta-label[data-v-f9246ed8]:first-child:not(.is-shown){translate:0 -.5rem}.cta-label[data-v-f9246ed8]:last-child:not(.is-shown){translate:0 .5rem}.mode-tabs[data-v-f9246ed8]{box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;gap:.3rem;padding:.3rem}.mode-tabs>.segmented-thumb[data-v-f9246ed8]{inset-block:.3rem;inset-inline-start:0}.mode-tabs>button[data-v-f9246ed8]{cursor:pointer;gap:.5rem;min-block-size:2.875rem;padding:.5rem 1.15rem;font-size:.9375rem;font-weight:600}.mode-tabs>button[data-v-f9246ed8]:hover:not([aria-selected=true]){color:var(--color-ink)}.mode-tabs>button[data-v-f9246ed8]:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.mode-badge[data-v-f9246ed8]{letter-spacing:.01em;white-space:nowrap;transition:opacity var(--dur-base);border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:650}.mode-badge.is-ai[data-v-f9246ed8]{background:var(--color-mint);color:#0b6b33}.mode-badge.is-templates[data-v-f9246ed8]{background:var(--color-lilac);color:#5a2ea6}.mode-tabs>button:not([aria-selected=true]) .mode-badge[data-v-f9246ed8]{opacity:.7}@media (width<=39.999rem){.mode-tabs>button[data-v-f9246ed8]{padding-inline:.75rem;font-size:.875rem}.mode-badge[data-v-f9246ed8]{display:none}}@media (prefers-reduced-motion:reduce){.cta-label[data-v-f9246ed8]{transition:opacity 80ms linear;translate:none!important}}.fade-enter-active[data-v-f9246ed8],.fade-leave-active[data-v-f9246ed8]{transition:opacity var(--dur-base) var(--ease-out-quint)}.fade-enter-from[data-v-f9246ed8],.fade-leave-to[data-v-f9246ed8]{opacity:0}