.lettering{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);container-type:inline-size}.lettering__desk{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.lettering__own{display:grid;gap:var(--space-1)}.lettering .tool-own__label{font-weight:600}.lettering .tool-own__how{color:var(--ink-muted);font-weight:400;font-size:var(--step--1)}.lettering__input{min-block-size:4rem;block-size:4rem;resize:vertical}.lettering__input[data-rows="2"]{block-size:4.25rem;block-size:calc(2lh + 1.25rem)}.lettering__input[data-rows="3"]{block-size:5.75rem;block-size:calc(3lh + 1.25rem)}.lettering__input[data-rows="4"]{block-size:7.25rem;block-size:calc(4lh + 1.25rem)}.lettering[data-list] .tool-own__how{display:block}.lettering[data-list] .lettering__input{min-block-size:5.5rem;block-size:5.5rem}.lettering .tool-own__status{min-block-size:2.9em;min-block-size:2lh;margin:0;color:var(--ink-muted);font-size:var(--step--1)}.lettering .tool-own__status[data-problem]{color:var(--bad)}.lettering__go{display:grid;gap:var(--space-2)}.lettering__go .btn{padding-inline:var(--space-3);text-wrap:balance}.lettering__go [data-long]{font-size:var(--step-0)}@media (hover:none){.lettering .btn-secondary:hover{border-color:var(--line-strong);background:var(--surface)}.lettering .btn-ghost:hover{border-color:transparent;background:none}}.lettering__by{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-block-size:var(--tap)}.lettering__show{display:grid;gap:var(--space-2);scroll-margin-block:var(--space-4)}.lettering__stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.lettering__result{display:block;inline-size:100%;margin-inline:auto;aspect-ratio:2 / 1}.lettering[data-board="square"] .lettering__result{max-inline-size:36rem;aspect-ratio:1 / 1}.lettering[data-board="banner"] .lettering__result{aspect-ratio:4 / 1}.lettering__art{display:block;inline-size:100%;block-size:100%}.lettering__art.print-only{display:none}.lettering__film{position:absolute;top:0;left:50%;block-size:100%;inline-size:auto;transform:translateX(-50%)}.lettering__film[hidden]{display:none}.lettering .tool-status{min-block-size:4.5em;min-block-size:3lh}.lettering__pdf{margin:0}.lettering[data-mode="sheet"] .lettering__stage{padding:var(--space-3)}.lettering[data-mode="sheet"] .lettering__result{max-inline-size:26rem;aspect-ratio:1000 / 1300;box-shadow:var(--shadow-1)}.lettering[data-mode="sheet"][data-board="landscape"] .lettering__result{max-inline-size:40rem;aspect-ratio:1300 / 1000}.lettering__page{display:none;inline-size:100%;block-size:100%}.lettering__page[data-current]{display:block}.lettering__pager{display:grid;grid-template-columns:auto minmax(0,8em) auto;align-items:center;justify-content:center;gap:var(--space-2)}.lettering__pager .btn{padding-inline:var(--space-3)}.lettering__pager[data-single]{visibility:hidden}.lettering__page-label{color:var(--ink-muted);font-size:var(--step--1);text-align:center;font-variant-numeric:tabular-nums}.lettering__controls,.lettering .tool-more__body{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}.lettering__controls:empty{display:none}.lettering .tool-more > summary,.lettering__presets > summary,.lettering__kept > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-block-size:var(--tap);border-block-start:1px solid var(--line);color:var(--ink-muted);font-size:var(--step--1);font-weight:700;cursor:pointer;list-style:none}.lettering .tool-more > summary::-webkit-details-marker,.lettering__presets > summary::-webkit-details-marker,.lettering__kept > summary::-webkit-details-marker{display:none}.lettering .tool-more > summary::after,.lettering__presets > summary::after,.lettering__kept > summary::after{content:"";width:0.55em;height:0.55em;margin-right:0.3em;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}.lettering .tool-more[open] > summary::after,.lettering__presets[open] > summary::after,.lettering__kept[open] > summary::after{transform:rotate(225deg)}.lettering .tool-more__body{display:grid;gap:var(--space-3);padding-block:var(--space-2) var(--space-3)}.lettering__after{display:grid;gap:var(--space-3)}.lettering__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-2) var(--space-3)}.lettering__chips .chip{min-block-size:var(--tap);cursor:pointer}.lettering__swatch{display:block;inline-size:100%;block-size:var(--tap);padding:var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.lettering__range{display:block;margin:0}.lettering__bar [aria-disabled="true"]{opacity:0.6}.lettering__kept .chips{margin-block-end:var(--space-2)}.lettering__words{columns:12rem;margin:0;padding-inline-start:var(--space-5)}.lettering__motions{margin:0;padding-inline-start:var(--space-5)}.lettering__words li,.lettering__motions li{padding-block:var(--space-1);break-inside:avoid;overflow-wrap:anywhere}.lettering__css summary{color:var(--ink-muted);font-size:var(--step--1);cursor:pointer}.lettering__css{min-inline-size:0;max-inline-size:100%}.lettering__css pre{max-inline-size:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin-block:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--step--1)}.lettering__credits{margin:0;padding-inline-start:var(--space-5);color:var(--ink-muted);font-size:var(--step--1)}.lettering__credits li{padding-block:var(--space-1);overflow-wrap:anywhere}.lettering__credits strong{color:var(--ink)}@container (max-width:26rem){.lettering[data-mode="sheet"] .lettering__bar [data-act="png"]{flex:1 1 100%;padding-inline:var(--space-2)}}@container (min-width:34rem){.lettering__go{justify-content:start}.lettering__go .btn{min-inline-size:14rem}.lettering .tool-status{min-block-size:3em;min-block-size:2lh}.lettering__pager{gap:var(--space-3)}.lettering__pager .btn{padding-inline:var(--space-5)}}@container (min-width:52rem){.lettering__desk{grid-template-columns:minmax(0,21rem) minmax(0,1fr);grid-template-rows:repeat(5,auto) 1fr;column-gap:var(--space-5)}.lettering__desk > *{grid-column:1}.lettering__show{grid-column:2;grid-row:1 / -1;align-self:start}.lettering__go{justify-content:stretch}.lettering[data-mode="sheet"] .lettering__result{max-inline-size:clamp(14rem,(100vh - 30rem) * 0.77,22rem)}.lettering[data-mode="sheet"][data-board="landscape"] .lettering__result{max-inline-size:clamp(20rem,(100vh - 30rem) * 1.3,36rem)}}@media print{main:has(.lettering[data-mode="sheet"]) > :not(.tool),main:has(.lettering[data-mode="text"]) > :not(.tool),main:has(.lettering[data-mode="ransom"]) > :not(.tool){display:none !important}main:has(.lettering)::after{display:none !important}.tool:has(.lettering){box-shadow:none !important}.lettering__desk,.lettering__show{display:block}.lettering,.lettering__stage,.lettering__result{display:block}.lettering__stage,.lettering[data-mode="sheet"] .lettering__stage{padding:0;border:0;border-radius:0;background:none}.lettering .lettering__result,.lettering[data-mode="sheet"] .lettering__result,.lettering[data-mode="sheet"][data-board="landscape"] .lettering__result{max-inline-size:none;aspect-ratio:auto;box-shadow:none}.lettering [data-screen],.lettering__film{display:none}.lettering__art,.lettering__art.print-only{display:block;block-size:auto;max-block-size:240mm;break-inside:avoid}.lettering__page,.lettering__page:not([data-current]){display:block;inline-size:min(100%,187mm);block-size:auto;aspect-ratio:1000 / 1300;margin-inline:auto;break-after:page;break-inside:avoid}.lettering[data-turn="landscape"] .lettering__turn{transform:rotate(-90deg) scale(1.3);transform-origin:50% 50%;transform-box:view-box}.lettering__page:last-child{break-after:auto}}.lettering:has([data-font-tiles]) .field:has(> [data-set="font"]),.lettering [data-status],.lettering__pdf{display:none}.lettering__fonts{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-1);scroll-snap-type:x proximity}.lettering__tile{flex:0 0 4.5rem;display:grid;gap:0.15rem;place-items:center;min-height:4.5rem;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius,0.5rem);background:none;color:inherit;scroll-snap-align:start;cursor:pointer}.lettering__tile[aria-pressed="true"]{border:2px solid currentColor}.lettering__tile-glyph{font-size:1.75rem;line-height:1}.lettering__tile-name{font-size:0.65rem;line-height:1.1;text-align:center;color:var(--ink-muted)}.lettering__pager .btn{min-height:0;padding:0;border:0;background:none;color:var(--link);font-weight:400;text-decoration:underline;text-underline-offset:0.25em}.lettering:has([data-font-tiles]) [data-act="restyle"]{display:none}.lettering__kept{display:none}.lettering [id$="-privacy"]{display:none}