.tool-page .intro__copy{padding-block:var(--hero-top) 2.5rem;text-align:center}.tool-page h1{margin:.6rem 0 0;font-size:var(--display-2);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);color:var(--ink)}.tool-page .crumb{display:inline-block;border-radius:.25rem}.tool-page .crumb:hover{color:var(--primary-hover);text-decoration:underline;text-underline-offset:.2em}@media(max-width:639px),(pointer:coarse){.tool-page .crumb{padding-block:.9375rem;margin-block:-.9375rem}}.tool-page .crumb:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tool-page .lede{margin:.8rem auto 0;max-width:40rem;font-size:var(--text-lede);line-height:1.55;color:var(--body-soft);text-wrap:pretty}.tool-page .tool{padding-block:var(--section-y)}.tool-page .tool,.tool-page .preview{scroll-margin-top:calc(var(--header-h) + 1rem)}.tool-page .tool__grid{display:grid;gap:2rem}@media(min-width:960px){.tool-page .tool__grid{grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:start;gap:2.5rem}.tool-page .preview{position:sticky;top:calc(var(--header-h) + 1.25rem)}}.tool-page .editor{display:grid;gap:1.75rem}.tool-page .group{display:grid;gap:.85rem;min-width:0;margin:0;padding:0;border:0}.tool-page .group+.group{padding-top:1.5rem;border-top:1px solid var(--line)}.tool-page .group__title{float:left;width:100%;margin:0;padding:0;font-size:var(--text-micro);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.tool-page .field{display:grid;gap:.35rem;min-width:0}.tool-page .field__label{font-size:var(--text-sm);font-weight:500;color:var(--body)}.tool-page .mini__label{margin:0;font-size:var(--text-micro);font-weight:500;color:var(--muted)}.tool-page .row{display:grid;gap:.85rem}.tool-page .row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page .input{width:100%;min-width:0;min-height:2.25rem;margin:0;padding:.4375rem .75rem;border:1px solid var(--field);border-radius:var(--radius-control);background:var(--surface);font:inherit;font-size:var(--text-sm);line-height:1.25rem;color:var(--ink)}.tool-page .input::placeholder{color:var(--faint)}@media(max-width:639px),(pointer:coarse){.tool-page .input{min-height:2.75rem;font-size:var(--text-base)}}.tool-page .input:focus{outline:none;border-color:var(--field-hover);box-shadow:0 0 0 1px var(--field-hover)}.tool-page .input--area{min-height:5.5rem;line-height:1.5;resize:vertical}.tool-page .input--select{border-radius:var(--radius-item);padding-left:.875rem;padding-right:2rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%235c5c5e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 6.5 3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;background-size:1rem;text-overflow:ellipsis}.tool-page .input[type=date]{display:flex;align-items:center;-webkit-appearance:none}.tool-page .input[type=number]{font-variant-numeric:tabular-nums}.tool-page .logo-field{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tool-page .logo-field__preview{display:grid;place-items:center;width:10rem;height:3rem;padding:.35rem .6rem;overflow:hidden;border:1px dashed var(--line-strong);border-radius:var(--radius-control);background:var(--panel)}.tool-page .logo-field__preview[hidden]{display:none}.tool-page .logo-field__preview img{max-width:100%;max-height:100%;object-fit:contain}.tool-page .logo-field__pick{position:relative}.tool-page .logo-field__pick:focus-within{outline:2px solid var(--focus);outline-offset:2px}.tool-page .link-btn{margin:0;padding:.25rem 0;border:0;background:none;cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:500;color:var(--body-soft);text-decoration:underline;text-underline-offset:.15em}.tool-page .link-btn:hover{color:var(--ink)}.tool-page .link-btn:focus-visible{border-radius:.25rem;outline:2px solid var(--focus);outline-offset:2px}.tool-page .link-btn[hidden]{display:none}.tool-page .field__hint{margin:-.35rem 0 0;font-size:var(--text-xs);line-height:1.25rem;color:var(--muted);text-wrap:pretty}.tool-page .field__hint[hidden]{display:none}.tool-page .field__error{margin:0;font-size:var(--text-xs);color:var(--danger)}.tool-page .tool-dialog{width:calc(100% - 2rem);max-width:22rem;margin:auto;padding:0;border:0;background:transparent;color:var(--ink);opacity:1;transition:opacity .12s ease-out,display .12s allow-discrete,overlay .12s allow-discrete}.tool-page .tool-dialog::backdrop{background:#00000040;opacity:1;transition:opacity .12s ease-out,display .12s allow-discrete,overlay .12s allow-discrete}.tool-page .tool-dialog:not([open]),.tool-page .tool-dialog:not([open])::backdrop{opacity:0}@starting-style{.tool-page .tool-dialog[open],.tool-page .tool-dialog[open]::backdrop{opacity:0}.tool-page .tool-dialog[open] .tool-dialog__panel{transform:translateY(.5rem) scale(.98)}}.tool-page .tool-dialog__panel{padding:1.25rem;border-radius:var(--radius-dialog);background:var(--surface);box-shadow:var(--shadow-dialog);transition:transform .12s ease-out}.tool-page .tool-dialog__title{margin:0;font-size:var(--text-lg);font-weight:600;letter-spacing:-.025em;line-height:1.4;color:var(--ink)}.tool-page .tool-dialog__copy{margin:.75rem 0 0;font-size:var(--text-sm);line-height:1.625;color:var(--body-soft);text-wrap:pretty}.tool-page .tool-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}@media(prefers-reduced-motion:reduce){.tool-page .tool-dialog,.tool-page .tool-dialog::backdrop,.tool-page .tool-dialog__panel{transition:none}}.tool-page .starter__options{display:flex;flex-wrap:wrap;gap:.5rem}.tool-page .chip{display:inline-flex;align-items:center;min-height:2rem;margin:0;padding:0 .75rem;border:0;border-radius:var(--radius-item);background:var(--surface);box-shadow:var(--shadow-control);cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:500;white-space:nowrap;color:var(--muted);transition:background-color .12s ease-out}.tool-page .chip:hover{background:var(--subtle);color:var(--ink)}.tool-page .chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tool-page .chip[aria-pressed=true]{background:var(--fill-strong);box-shadow:none;color:var(--ink)}.tool-page .chip__remove{display:none;width:.875rem;height:.875rem;margin:0 -.2rem 0 .3rem;opacity:.7}.tool-page .chip[aria-pressed=true] .chip__remove{display:block}.tool-page .chip[aria-pressed=true]:hover .chip__remove{opacity:1}.tool-page .starter__status{margin:0;font-size:var(--text-xs);line-height:1.25rem;color:var(--muted);text-wrap:pretty}.tool-page .starter__see{margin-left:.3rem;border-radius:.25rem;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:.15em}.tool-page .starter__see:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tool-page .starter__see[hidden]{display:none}@media(min-width:960px){.tool-page .starter__see{display:none}}.tool-page .items{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.tool-page .item{display:grid;gap:.75rem;padding:.875rem;border:1px solid var(--line-faint);border-radius:var(--radius-surface);background:var(--panel)}.tool-page .item__nums{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:.75rem}.tool-page .mini{display:grid;gap:.375rem;min-width:0}.tool-page .item__total{min-width:4.5rem;padding-bottom:.625rem;text-align:right}.tool-page .item__amount{margin:.25rem 0 0;font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}@media(max-width:379px){.tool-page .item__nums{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page .item__total{padding-bottom:0;text-align:left}.tool-page .item__amount{text-align:left}.tool-page .item__nums .icon-btn{justify-self:end}}.tool-page .icon-btn{display:grid;width:2rem;height:2rem;margin:0 0 .125rem;padding:0;place-items:center;border:0;border-radius:var(--radius-item);background:none;cursor:pointer;color:var(--muted);transition:background-color .12s ease-out,color .12s ease-out}.tool-page .icon-btn[hidden]{visibility:hidden}.tool-page .icon-btn:hover{background:var(--subtle);color:var(--ink-soft)}.tool-page .icon-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tool-page .icon-btn svg{width:1rem;height:1rem}.tool-page .add-item{justify-self:start}.tool-page .extras{margin-top:.35rem}.tool-page .privacy{display:flex;align-items:flex-start;gap:.6rem;margin:0;padding:.85rem 1rem;border-radius:var(--radius-surface);background:var(--primary-tint);font-size:var(--text-xs);line-height:1.5;color:var(--body-soft)}.tool-page .privacy svg{flex:none;width:1.1rem;height:1.1rem;margin-top:.05rem;color:var(--primary)}.tool-page .privacy .link-btn{padding:0;margin-left:.15rem}@media(max-width:639px),(pointer:coarse){.tool-page .link-btn,.tool-page .privacy .link-btn{padding-block:.8125rem;margin-block:-.8125rem}.tool-page .starter__options{row-gap:.75rem}.tool-page .chip,.tool-page .icon-btn{position:relative}.tool-page .chip:after,.tool-page .icon-btn:after{content:"";position:absolute;inset-inline:0;top:50%;height:2.75rem;transform:translateY(-50%)}}.tool-page .preview__bar{display:flex;flex-wrap:wrap;gap:.5rem}.tool-page .download{min-width:9.5rem}.tool-page .download[aria-busy=true]{cursor:progress}.tool-page .preview__hint{margin:.55rem 0 .9rem;font-size:var(--text-xs);color:var(--muted)}@media(min-width:960px){.tool-page .preview__stage{display:flex;flex-direction:column;max-height:calc(100dvh - var(--header-h) - 8rem)}.tool-page .paper-frame{min-height:0;padding:1px;overflow-y:auto;overscroll-behavior:contain}}.tool-page .paper-frame{container:paper / inline-size}.tool-page .bridge__panel{display:grid;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-art);background:var(--primary-tint)}.tool-page .bridge__panel .eyebrow{color:var(--primary-ink)}.tool-page .bridge h2,.tool-page .examples h2,.tool-page .guide h2,.tool-page .faq h2{margin:.55rem 0 0;font-size:var(--text-2xl);font-weight:600;letter-spacing:-.032em;line-height:1.18;color:var(--ink)}.tool-page .bridge__steps{display:grid;gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none;counter-reset:step}@media(min-width:640px){.tool-page .bridge__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.tool-page .bridge__steps li{position:relative;padding-left:2rem;counter-increment:step}.tool-page .bridge__steps li:before{content:counter(step);position:absolute;top:0;left:0;width:1.375rem;height:1.375rem;border-radius:var(--radius-item);background:var(--surface);font-size:var(--text-micro);font-weight:600;line-height:1.375rem;text-align:center;color:var(--primary)}.tool-page .bridge__steps h3{margin:0;font-size:var(--text-base);font-weight:600;letter-spacing:-.015em;line-height:1.4;color:var(--ink)}.tool-page .bridge__steps p{margin:.2rem 0 0;font-size:var(--text-sm);line-height:1.55;color:var(--body-soft);text-wrap:pretty}.tool-page .guide__grid{display:grid;gap:2.5rem}@media(min-width:900px){.tool-page .guide__grid{gap:4.5rem}}.tool-page .checklist{display:grid;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;counter-reset:tip}@media(min-width:900px){.tool-page .checklist{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.75rem 3.5rem}}.tool-page .checklist li{position:relative;padding-left:1.75rem}.tool-page .checklist li:before{content:"";position:absolute;top:.2rem;left:0;width:1rem;height:1rem;background:var(--primary);-webkit-mask:var(--check) center / contain no-repeat;mask:var(--check) center / contain no-repeat}.tool-page .checklist--numbered li{counter-increment:tip}.tool-page .checklist--numbered li:before{content:counter(tip);top:.05rem;width:1.2rem;height:1.2rem;border-radius:var(--radius-item);background:var(--primary-tint);-webkit-mask:none;mask:none;font-size:var(--text-micro);font-weight:600;line-height:1.2rem;text-align:center;color:var(--primary)}.tool-page .checklist h3{margin:0;font-size:var(--text-base);font-weight:600;letter-spacing:-.015em;color:var(--ink)}.tool-page .checklist p{margin:.2rem 0 0;font-size:var(--text-base);line-height:1.55;color:var(--muted);text-wrap:pretty}.tool-page .checklist .checklist__wording{margin-top:.55rem;padding:.6rem .8rem;border-radius:var(--radius-surface);background:var(--subtle);font-size:var(--text-sm);color:var(--ink)}.tool-page .checklist__wording span{display:block;margin-bottom:.1rem;font-size:var(--text-micro);font-weight:500;color:var(--body-soft)}.tool-page .faq__lede{margin:.5rem 0 0;font-size:var(--text-base);line-height:1.55;color:var(--body-soft)}@media(prefers-reduced-motion:reduce){.tool-page .icon-btn{transition:none}}