*{box-sizing:border-box}body{background:#f0eeed;margin:0;font-family:Match,Helvetica Neue,Arial,sans-serif;font-weight:500}#root,.app{min-height:100vh}.app{--theme-transition-duration:0s;--theme-transition-ease:linear;--theme-crossfade-duration:.22s;transition:background-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease);--ui-bg:#f0eeed;--ui-fg:#1b1e1f}.theme-crossfade{pointer-events:none;z-index:1000;opacity:0;transition:opacity var(--theme-crossfade-duration) linear;position:fixed;inset:0}.theme-crossfade.is-active{opacity:1;transition:none}.header{justify-content:space-between;align-items:center;height:136px;padding:32px 40px 40px;display:flex}.sticky-chrome{z-index:30;background:var(--ui-bg);transition:transform .22s cubic-bezier(.2, .8, .2, 1), background-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease);position:sticky;top:0;transform:translateY(0)}.sticky-chrome.is-collapsed{transform:translateY(-136px)}.sticky-chrome.is-jump-nav-snap{transition:background-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease)}.logo-lockup{width:128px;height:64px}.controls{align-items:center;gap:24px;display:flex}.reset-control{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s linear .18s;transform:translateY(6px)scale(.98)}.reset-control.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,transform .18s;transform:translateY(0)scale(1)}.size-wrap{z-index:1;width:164px;height:48px;position:relative}.size-track{border:3px solid var(--ui-fg);background:var(--ui-bg);border-radius:24px;height:12px;position:absolute;top:18px;left:0;right:0}.size-input{opacity:0;cursor:ew-resize;width:calc(100% - 48px);margin:0;position:absolute;top:0;bottom:0;left:24px}.size-input::-webkit-slider-thumb{appearance:none;cursor:pointer;border-radius:24px;width:48px;height:48px}.size-input::-moz-range-thumb{cursor:pointer;background:0 0;border:0;border-radius:24px;width:48px;height:48px}.size-thumb{pointer-events:none;transform-origin:50%;width:48px;height:48px;transition:transform .12s;position:absolute;top:0;transform:scale(1)}.size-wrap:hover .size-thumb{transform:scale(1.05)}.size-wrap:active .size-thumb,.size-wrap.is-dragging .size-thumb{transform:scale(1)}.size-thumb img{width:100%;height:100%;display:block}.size-thumb .control-icon{width:100%;height:100%}.size-tooltip{color:#f0eeed;pointer-events:none;background:#1b1e1f;border-radius:4px;place-items:center;min-width:32px;height:32px;font-size:16px;font-weight:500;line-height:24px;display:grid;position:absolute;top:56px}.size-tooltip:before{content:"";background:#1b1e1f;width:8px;height:8px;position:absolute;top:-4px;left:12px;transform:rotate(45deg)}.control-button{cursor:pointer;z-index:2;pointer-events:auto;transform-origin:50%;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;transition:transform .12s;display:grid;position:relative;transform:scale(1)}.control-button:hover{transform:scale(1.03)}.control-button:active{transform:scale(1)}.control-art{width:48px;height:48px;display:block}.control-icon{pointer-events:none;width:100%;height:100%;display:block}.control-icon svg,.logo-lockup svg{width:100%;height:100%;display:block}.control-icon svg *,.logo-lockup svg *{transition:fill var(--theme-transition-duration) var(--theme-transition-ease), stroke var(--theme-transition-duration) var(--theme-transition-ease)}.control-icon *{pointer-events:none}.center{text-align:center;place-content:center;justify-items:center;gap:40px;min-height:calc(100vh - 136px);padding:24px;display:grid}.center-landing{min-height:100vh}.landing-logo-lockup{width:160px;height:80px;display:block}.center-unsupported{gap:22px}.unsupported-logo{width:min(44vw,184px);height:auto;display:block}.center.loading{z-index:70;pointer-events:auto;background:var(--ui-bg);place-items:center;min-height:100vh;padding:0;position:fixed;inset:0;overflow:hidden}.center.loading.is-exiting{pointer-events:none;animation:.72s cubic-bezier(.16,1,.3,1) forwards loading-curtain-out}.loading-rain-canvas{z-index:0;cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.loading-rain-canvas:active{cursor:grabbing}.loading-stack{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.app.is-ready-revealing .sticky-chrome,.app.is-ready-revealing .font-list{animation:.76s cubic-bezier(.16,1,.3,1) 90ms both ready-content-in}@keyframes loading-curtain-out{0%{opacity:1}to{opacity:0}}@keyframes ready-content-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.intro-copy{max-width:426px;margin:0;font-size:24px;font-weight:400;line-height:28px}.loading-copy{text-transform:none;max-width:none;margin:0;font-size:24px;line-height:28px}.loading-dots{vertical-align:baseline;justify-content:flex-start;align-items:flex-end;gap:0;width:.95em;margin-left:.02em;font-size:24px;line-height:28px;display:inline-flex}.loading-dot{text-align:left;opacity:0;width:auto;font-size:24px;line-height:28px;animation-duration:1.2s;animation-timing-function:step-end;animation-iteration-count:infinite}.loading-dot:first-child{animation-name:loading-dot-1}.loading-dot:nth-child(2){animation-name:loading-dot-2}.loading-dot:nth-child(3){animation-name:loading-dot-3}@keyframes loading-dot-1{0%,74.999%{opacity:1}75%,to{opacity:0}}@keyframes loading-dot-2{0%,24.999%{opacity:0}25%,74.999%{opacity:1}75%,to{opacity:0}}@keyframes loading-dot-3{0%,49.999%{opacity:0}50%,74.999%{opacity:1}75%,to{opacity:0}}.cta{color:#f0eeed;white-space:nowrap;cursor:pointer;transform-origin:50%;background:#1b1e1f;border:none;border-radius:22px;justify-content:center;align-items:center;padding:14px 24px;font-family:inherit;font-size:24px;font-weight:400;line-height:28px;transition:transform .12s;display:inline-flex;transform:scale(1)}@supports (corner-shape:squircle){.cta,.saved-queue-fab{corner-shape:squircle}}.cta:hover{transform:scale(1.03)}.cta:active{transform:scale(1)}.loading-logo{width:134px;height:144px;display:block}.loading-logo-3d{width:188px;height:188px;display:block;position:relative;overflow:visible}.loading-logo-3d-mount{width:100%;height:100%;display:block;position:absolute;inset:0}.loading-logo-3d canvas{display:block;width:100%!important;height:100%!important}.alphabet{border-bottom:.5px solid color-mix(in srgb, currentColor 40%, transparent);background:var(--ui-bg);height:132px;transition:background-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease), border-color var(--theme-transition-duration) var(--theme-transition-ease);justify-content:space-between;align-items:center;gap:0;padding:0 24px;display:flex;overflow:visible}.alphabet button{color:inherit;cursor:pointer;background:0 0;border:none;flex:1 1 0;place-items:center;min-width:0;height:100%;padding:0;font-family:Match,Helvetica Neue,Arial,sans-serif;transition:flex-grow .2s cubic-bezier(.2,.8,.2,1);display:grid}.alphabet-glyph{text-align:center;transform-origin:50%;will-change:transform, opacity;width:1em;font-size:24px;line-height:24px;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .17s;display:inline-block}.alphabet button:disabled{opacity:.24;cursor:default}.font-list.list .font-cell{border-bottom:.5px solid color-mix(in srgb, currentColor 35%, transparent);content-visibility:auto;contain-intrinsic-size:300px;transition:background-color var(--theme-transition-duration) var(--theme-transition-ease), border-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease);flex-direction:column;row-gap:10px;padding:48px 40px;display:flex}.font-list.grid{display:grid}.font-list.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.font-list.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.font-list.grid .font-cell{border-right:.5px solid color-mix(in srgb, currentColor 35%, transparent);border-bottom:.5px solid color-mix(in srgb, currentColor 35%, transparent);content-visibility:auto;contain-intrinsic-size:360px;min-height:360px;transition:background-color var(--theme-transition-duration) var(--theme-transition-ease), border-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease);flex-direction:column;row-gap:10px;padding:48px 40px;display:flex}.font-list .font-cell:hover{background:color-mix(in srgb, currentColor 3%, transparent)}.font-cell[data-can-scrub=true]{cursor:ew-resize}.font-cell[data-can-scrub=true]:active{cursor:grabbing}.meta{opacity:.95;justify-content:space-between;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:24px;display:flex}.meta-info{align-items:center;gap:8px;min-width:0;display:flex}.meta-separator{opacity:.6}.meta-style-name{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:4px;margin-left:12px;padding:0 6px}.save-toggle{width:32px;height:32px;color:inherit;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:999px;place-items:center;margin-right:-4px;padding:0;transition:opacity .16s,transform .12s;display:grid;transform:translateY(2px)scale(.95)}.font-cell:hover .save-toggle,.font-cell:focus-within .save-toggle,.save-toggle.is-saved{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.save-toggle:hover{transform:translateY(0)scale(1.03)}.save-toggle:active{transform:translateY(0)scale(1)}.save-toggle .control-icon{transform-origin:50%;width:24px;height:24px;transition:transform .12s;transform:scale(1)}.save-toggle:hover .control-icon{transform:scale(1.05)}.save-toggle:active .control-icon{transform:scale(1)}.sample{line-height:1.16;font-size:var(--sample-size,64px);-webkit-user-select:none;user-select:none;will-change:transform;margin:0;transition:transform .18s ease-out;overflow:visible}.sample[contenteditable=true]{-webkit-user-select:text;user-select:text;cursor:text;caret-color:currentColor}.sample[contenteditable=true]::selection{background:color-mix(in srgb, currentColor 28%, transparent)}.sample:focus,.sample[contenteditable=true]:focus{outline:none}.saved-queue-fab{z-index:48;background:var(--ui-fg);width:max-content;height:56px;color:var(--ui-bg);box-shadow:none;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s, background-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease);border:0;border-radius:22px;align-items:center;gap:4px;margin-inline:auto;padding:0 12px 0 20px;font-family:Match,Helvetica Neue,Arial,sans-serif;font-weight:500;display:inline-flex;position:fixed;bottom:40px;left:0;right:0;transform:translateY(12px)scale(.98)}.saved-queue-fab.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease, transform .18s ease, background-color var(--theme-transition-duration) var(--theme-transition-ease), color var(--theme-transition-duration) var(--theme-transition-ease);transform:translateY(0)scale(1)}.saved-queue-fab.is-filter-active{background:var(--ui-fg)}.saved-queue-fab:hover{transform:translateY(0)scale(1.02)}.saved-queue-fab:active{transform:translateY(0)scale(.99)}.saved-queue-label{white-space:nowrap;font-size:16px;font-weight:500;line-height:24px}.saved-queue-icon-wrap{place-items:center;width:32px;height:32px;display:grid}.saved-queue-icon-wrap .control-icon{width:24px;height:24px}.saved-queue-icon-wrap .control-icon svg *{fill:currentColor!important;stroke:currentColor!important}