.fb-page{background:var(--background);color:var(--foreground);padding-block-start:var(--header-h)}.fb-page h1,.fb-page h2,.fb-page h3{text-wrap:balance}.fb-page h2{letter-spacing:-.035em;font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:500;line-height:1.1}.fb-page p{text-wrap:pretty}.fb-page a,.fb-page button,.fb-page input,.fb-page textarea{-webkit-tap-highlight-color:transparent}.fb-page :is(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.fb-page :is(section,h2,#generator){scroll-margin-top:calc(var(--header-h) + 1.5rem)}.fb-page button{cursor:pointer}.fb-page button:disabled{cursor:wait;background:var(--muted);color:var(--muted-foreground);border-color:var(--border-strong)}.fb-page fieldset{min-width:0}.fb-small{color:var(--muted-foreground);font-size:.8rem;line-height:1.6}.fb-hero{padding-block:3.5rem 2.5rem}.fb-hero h1{letter-spacing:-.04em;font-size:clamp(2.25rem,5vw,3.875rem);font-weight:500;line-height:1}.fb-hero p{color:var(--muted-foreground);margin-block-start:1.1rem;font-size:1.05rem;line-height:1.6}.fb-next-step{background:var(--background);color:var(--foreground);padding-block:4.5rem}.fb-next-step>div{justify-content:space-between;align-items:end;gap:2rem;display:flex}.fb-next-step p{max-width:30rem;color:var(--muted-foreground);margin-block-start:1rem;font-size:1rem;line-height:1.6}.fb-outline-link{border:1px solid var(--border-strong);border-radius:var(--radius-btn);letter-spacing:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.3rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.fb-breadcrumb{color:var(--muted-foreground);align-items:center;gap:.65rem;padding-block:1.8rem 2.25rem;font-size:.8rem;display:flex}.fb-breadcrumb a{align-items:center;min-height:24px;text-decoration:none;display:flex}.fb-breadcrumb a:hover{text-decoration:underline}.fb-tool-heading{padding-block-end:2.25rem}.fb-tool-heading h1{letter-spacing:-.045em;font-size:clamp(2.25rem,4.6vw,3.75rem);font-weight:500;line-height:1}.fb-tool-heading p{max-width:38rem;color:var(--muted-foreground);margin-block-start:1.1rem;font-size:1.05rem;line-height:1.6}.fb-workspace{border:1px solid var(--card-border);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.fb-form,.fb-output{min-width:0;padding:clamp(1.25rem,3vw,2.5rem)}.fb-form{border-inline-end:1px solid var(--border-strong)}.fb-form-fields{gap:1.4rem;display:grid}.fb-field{align-content:start;gap:.5rem;display:grid}.fb-field label,.fb-form legend{font-size:.85rem;font-weight:500}.fb-field-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.fb-field :is(input,textarea){border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;color:var(--foreground);font:inherit;background:#fff;padding:.8rem .85rem;font-size:1rem;line-height:1.5}.fb-field textarea{resize:vertical;min-height:7.5rem}.fb-field :is(input,textarea)::placeholder{color:#60705c;opacity:1}.fb-field :is(input,textarea)[aria-invalid=true]{border-color:#973c26}.fb-field-hint{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:end;font-size:.72rem;line-height:1.5;display:flex}.fb-field-error{color:#973c26;font-size:.8rem}.fb-cards>div{grid-template-columns:repeat(var(--fb-cards,3), minmax(0, 1fr));gap:.5rem;margin-block-start:.65rem;display:grid}.fb-cards>.fb-field-note{margin-block-start:.4rem}.fb-card-option{cursor:pointer;position:relative}.fb-card-option input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.fb-card-option span{border:1px solid var(--border-strong);border-radius:var(--radius-btn-sm);justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;font-size:.8rem;display:flex}.fb-card-option input:checked+span{color:#f2f5f1;background:#013603;border-color:#013603}.fb-card-option input:focus-visible+span{outline:2px solid var(--ring);outline-offset:3px}.fb-card-option input:focus-visible{outline:none}.fb-card-option input:disabled{cursor:wait}.fb-radio-row>div{flex-wrap:wrap;gap:1.4rem;margin-block-start:.35rem;display:flex}.fb-radio-row label{cursor:pointer;align-items:center;gap:.45rem;min-height:2.75rem;font-size:.85rem;display:flex}.fb-radio-row input{accent-color:#013603;width:1rem;height:1rem}.fb-generate{border-radius:var(--radius-btn);color:#013603;background:#e0fc5f;justify-content:center;align-items:center;gap:.65rem;min-height:3.3rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;display:flex}.fb-generate>svg:last-child,.fb-generate>svg:first-child:not(:last-child){margin-inline-start:auto}.fb-generate:not(:has(.fb-spinner)){justify-content:space-between}.fb-form-note{text-align:center;margin-block-start:.7rem}.fb-challenge-wrap{margin-block-start:1rem}.fb-verification{width:100%;min-height:65px}.fb-privacy{color:var(--muted-foreground);margin-block-start:1rem;font-size:.72rem;line-height:1.6}.fb-privacy a{text-underline-offset:3px;text-decoration:underline}.fb-unavailable{border-inline-start:2px solid var(--border-strong);color:var(--muted-foreground);margin-block-start:1.2rem;padding-inline-start:.75rem;font-size:.8rem;line-height:1.6}.fb-output{background:#eef0ed}.fb-output h2{font-size:clamp(1.4rem,2.2vw,1.85rem)}.fb-status{color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.fb-status:not(:empty){margin-block-start:1rem}.fb-error{border-inline-start:2px solid #973c26;margin-block-start:1.2rem;padding-inline-start:.8rem;font-size:.9rem;line-height:1.6}.fb-error details{margin-block-start:.5rem;font-size:.75rem}.fb-error summary{cursor:pointer}.fb-error code{overflow-wrap:anywhere}.fb-recover{border:1px solid var(--border-strong);border-radius:var(--radius-btn);min-height:2.75rem;margin-block-start:1rem;padding:.75rem 1rem;font-size:.85rem}.fb-sample{background:#fff;border-block-start:3px solid #013603;border-end-end-radius:var(--radius-2xl);border-end-start-radius:var(--radius-2xl);margin-block-start:1.5rem;padding:1.5rem}.fb-sample-top{color:var(--muted-foreground);align-items:center;gap:.6rem;font-size:.75rem;display:flex}.fb-sample>p{letter-spacing:-.015em;margin-block-start:1.25rem;font-size:1.1rem;line-height:1.5}.fb-example-picker{margin-block-start:1.75rem}.fb-example-picker>p{font-size:.85rem;font-weight:500}.fb-example-picker>div{flex-wrap:wrap;gap:.5rem;margin-block-start:.7rem;display:flex}.fb-example-picker button{border:1px solid var(--border-strong);border-radius:var(--radius-btn-sm);letter-spacing:0;align-items:center;gap:.4rem;min-height:2.75rem;padding:.6rem .75rem;font-size:.8rem;font-weight:500;display:flex}.fb-result-list{gap:1rem;margin-block-start:1.5rem;display:grid}.fb-result-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);background:#fff;padding:1.2rem}.fb-result-top{color:var(--muted-foreground);justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.fb-result-top h3{font-weight:500}.fb-result-card>p{overflow-wrap:anywhere;white-space:pre-wrap;margin-block:1rem .6rem;font-size:1rem;line-height:1.6}.fb-copy{text-underline-offset:4px;align-items:center;gap:.5rem;min-height:2.75rem;padding-block:.7rem;font-size:.8rem;text-decoration:underline;display:flex}.fb-text-button{text-underline-offset:3px;min-height:2.75rem;text-decoration:underline}.fb-guide{grid-template-columns:1fr 1.6fr;gap:3rem 5rem;padding-block:5rem;display:grid}.fb-guide>*,.fb-faq>*{min-width:0}.fb-steps{counter-reset:step;gap:1.75rem;display:grid}.fb-steps li{counter-increment:step;grid-template-columns:1.75rem 1fr;gap:1rem;display:grid}.fb-steps li:before{content:counter(step);font-variant-numeric:tabular-nums;color:var(--accent-text);padding-block-start:.2rem;font-size:.9rem}.fb-steps h3{letter-spacing:-.02em;font-size:1.15rem;font-weight:500}.fb-steps p{color:var(--muted-foreground);margin-block-start:.5rem;font-size:.95rem;line-height:1.6}.fb-examples{background:var(--background);color:var(--foreground);padding-block:5rem}.fb-examples-heading{justify-content:space-between;align-items:end;gap:2rem;margin-block-end:2.5rem;display:flex}.fb-examples-heading p{max-width:26rem;color:var(--muted-foreground);font-size:.95rem;line-height:1.6}.fb-example-list{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.fb-example-list article{border-block-start:1px solid var(--border-strong);flex-direction:column;padding-block-start:1.25rem;display:flex}.fb-example-list h3{font-size:1.05rem;font-weight:500}.fb-example-meta{color:var(--muted-foreground);margin-block-start:.3rem;font-size:.8rem}.fb-example-brief,.fb-example-caption{margin-block-start:1.5rem}.fb-example-brief{color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.fb-example-brief>span,.fb-example-caption>span{color:var(--subtle);margin-block-end:.35rem;font-size:.75rem;display:block}.fb-example-caption blockquote{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:1.15rem;line-height:1.5}.fb-example-note{color:var(--muted-foreground);margin-block:1rem 1.5rem;font-size:.85rem;line-height:1.6}.fb-example-list a{min-height:2.75rem;color:var(--accent-text);text-underline-offset:4px;align-items:center;gap:.5rem;margin-block-start:auto;font-size:.8rem;text-decoration:underline;display:flex}.fb-example-list a svg{flex-shrink:0}.fb-faq{grid-template-columns:1fr 1.6fr;gap:3rem 5rem;padding-block:5rem;display:grid}.fb-faq details{border-block-end:1px solid var(--border-strong)}.fb-faq details:first-child{border-block-start:1px solid var(--border-strong)}.fb-faq summary{cursor:pointer;justify-content:space-between;align-items:start;gap:1rem;padding-block:1.2rem;font-size:1rem;font-weight:500;line-height:1.5;list-style:none;display:flex}.fb-faq summary::-webkit-details-marker{display:none}.fb-faq summary span{flex-shrink:0;font-size:1.25rem;font-weight:400}.fb-faq details[open] summary span{transform:rotate(45deg)}.fb-faq details p{color:var(--muted-foreground);padding-block-end:1.5rem;font-size:.95rem;line-height:1.6}.fb-faq>div>.fb-small{margin-block-start:1.5rem}.fb-faq a{text-underline-offset:3px;text-decoration:underline}.fb-section{padding-block:0 3.5rem}.fb-section-heading{border-block-end:1px solid var(--border-strong);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.5rem 2rem;margin-block-end:1.75rem;padding-block-end:1rem;display:flex}.fb-section-heading h2{font-size:clamp(1.35rem,2.2vw,1.85rem)}.fb-section-heading p{max-width:30rem;color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.fb-tool-grid{background:var(--border);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.fb-tool-card{background:var(--surface);color:inherit;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;display:flex}.fb-tool-card h3{letter-spacing:-.015em;font-size:1.05rem;font-weight:500}.fb-tool-card p{color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.fb-tool-card span{color:var(--accent-text);align-items:center;gap:.4rem;margin-block-start:auto;padding-block-start:1rem;font-size:.8rem;display:flex}.fb-tool-card svg{flex-shrink:0}.fb-field-note{color:var(--muted-foreground);font-size:.78rem;line-height:1.6}.fb-field-hint{justify-content:space-between}.fb-field-hint-text{font-variant-numeric:normal}.fb-field input[type=range]{accent-color:#013603;background:0 0;border:0;width:100%;padding:0}.fb-drop{border:1px dashed var(--border-strong);border-radius:var(--radius-2xl);text-align:center;justify-items:center;gap:.6rem;padding:2rem 1.25rem;display:grid}.fb-drop-active{background:#e0fc5f;border-style:solid;border-color:#013603}.fb-drop input[type=file]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fb-drop-label{border-radius:var(--radius-btn);color:#f2f5f1;cursor:pointer;background:#013603;border:1px solid #013603;align-items:center;min-height:2.75rem;padding:.7rem 1.1rem;font-size:.85rem;font-weight:500;display:inline-flex}.fb-drop input[type=file]:focus-visible+.fb-drop-label{outline:2px solid var(--ring);outline-offset:3px}.fb-drop:has(input[type=file]:focus-visible) .fb-drop-label{outline:2px solid var(--ring);outline-offset:3px}.fb-source-line{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.fb-source-line button{align-items:center;gap:.35rem;display:inline-flex}.fb-crop{gap:.7rem;display:grid}.fb-crop legend{margin-block-end:.7rem}.fb-crop-stage{--fb-crop-max:20rem;width:min(100%, calc(var(--fb-crop-max) * var(--fb-crop-aspect,1)));border:1px solid var(--border-strong);touch-action:none;cursor:crosshair;background:#e6eae5;margin-inline:auto;position:relative;overflow:hidden}.fb-crop-stage[aria-disabled=true],.fb-crop-stage[data-still=true]{cursor:default}.fb-crop-stage img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.fb-crop-rect{pointer-events:none;border:2px solid #e0fc5f;position:absolute;box-shadow:0 0 0 9999px #0136038c}.fb-sizes{gap:1.25rem;display:grid}.fb-sizes>legend{margin-block-end:.5rem}.fb-size-group>p{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);border-block-end:1px solid var(--border);margin-block-end:.4rem;padding-block-end:.5rem;font-size:.72rem}.fb-size{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;padding-block:.55rem;display:grid}.fb-size input{accent-color:#013603;width:1.05rem;height:1.05rem;margin-block-start:.2rem}.fb-size span{gap:.15rem;display:grid}.fb-size strong{font-size:.9rem;font-weight:500}.fb-size em{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.78rem;font-style:normal}.fb-size small{color:var(--subtle);font-size:.78rem;line-height:1.5}.fb-result-actions{gap:.6rem;margin-block-start:1.25rem;display:grid}.fb-result-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1.25rem;margin-block-start:1.5rem;display:grid}.fb-result-frame{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.fb-result-frame img{object-fit:contain;width:100%;height:100%}.fb-result-circle img{corner-shape:round;border-radius:50%}.fb-safe-area{pointer-events:none;border:1px dashed #e0fc5f;outline:1px solid #01360380;position:absolute}.fb-result-grid h3{margin-block-start:.7rem;font-size:.9rem;font-weight:500}.fb-result-meta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.78rem}.fb-resizer-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-2xl);text-align:center;color:var(--muted-foreground);margin-block-start:1.5rem;padding:2rem 1.25rem;font-size:.9rem;line-height:1.6}.fb-ready{color:var(--muted-foreground);align-items:start;gap:.5rem;margin-block-start:1.25rem;font-size:.85rem;line-height:1.6;display:flex}.fb-ready svg{color:var(--accent-text);flex-shrink:0;margin-block-start:.2rem}.fb-spec-table{border:1px solid var(--border-strong);border-radius:var(--radius-xl);min-width:0;overflow-x:auto}.fb-spec-table:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.fb-spec-table table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.88rem}.fb-spec-table :is(th,td){text-align:start;border-block-end:1px solid var(--border);vertical-align:top;padding:.75rem 1rem}.fb-spec-table th{font-weight:500}.fb-spec-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);border-block-end:1px solid var(--border-strong);font-size:.72rem}.fb-spec-table td{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.fb-spec-table tbody tr:last-child :is(th,td){border-block-end:0}@media (prefers-reduced-motion:no-preference){.fb-page button,.fb-outline-link{transition:background-color .15s,opacity .15s,transform .15s}.fb-page button:active:not(:disabled){transform:scale(.96)}.fb-tool-card,.fb-tool-card span svg{transition:background-color .15s, transform .2s var(--ease-out)}.fb-spinner{animation:1s linear infinite fb-spin}@keyframes fb-spin{to{transform:rotate(360deg)}}}@media (hover:hover){.fb-generate:hover{background:#d5f05d}.fb-example-picker button:hover,.fb-recover:hover,.fb-tool-card:hover{background:#e0fc5f}.fb-tool-card:hover span svg{transform:translate(3px,-3px)}.fb-outline-link:hover{background:var(--accent);color:var(--accent-foreground)}}@media (max-width:64rem){.fb-guide,.fb-faq{gap:3rem}.fb-tool-grid{grid-template-columns:repeat(2,1fr)}.fb-form,.fb-output{padding:1.5rem}.fb-field-pair{grid-template-columns:1fr;gap:1.4rem}.fb-card-option span{gap:.3rem;font-size:.72rem}.fb-card-option span svg{width:14px}}@media (max-width:47rem){.fb-hero{padding-block:2.5rem 2rem}.fb-guide,.fb-faq{grid-template-columns:1fr;gap:2rem;padding-block:3.5rem}.fb-next-step{padding-block:3rem}.fb-next-step>div{flex-direction:column;align-items:start}.fb-outline-link{width:100%}.fb-breadcrumb{padding-block:1.25rem 1.5rem}.fb-tool-heading h1{font-size:clamp(2rem,7vw,3rem)}.fb-tool-heading p{font-size:.95rem}.fb-workspace{grid-template-columns:1fr}.fb-form{border-inline-end:0;border-block-end:1px solid var(--border-strong)}.fb-form,.fb-output{padding:1.25rem}.fb-cards>div{gap:.35rem}.fb-radio-row>div{gap:1rem}.fb-examples{padding-block:3.5rem}.fb-examples-heading{flex-direction:column;align-items:start;gap:1rem;margin-block-end:2rem}.fb-example-list{grid-template-columns:1fr;gap:2.5rem}.fb-tool-grid{grid-template-columns:1fr}.fb-section{padding-block-end:2.5rem}.fb-result-grid{grid-template-columns:1fr}.fb-crop-stage{--fb-crop-max:14rem}}@media (max-width:23rem){.fb-cards>div{grid-template-columns:repeat(var(--fb-cards-narrow,2), minmax(0, 1fr))}.fb-card-option span{flex-direction:column;gap:.2rem;padding-block:.5rem}.fb-radio-row>div{gap:.4rem .8rem}}@media (forced-colors:active){.fb-card-option input:checked+span{border:3px solid highlight}.fb-crop-rect,.fb-safe-area{box-shadow:none;border:2px solid highlight;outline:none}.fb-page :is(a,button,input,textarea,summary):focus-visible{outline-color:highlight}}