.lg-page .gen-head{padding:var(--space-6) 0 var(--space-8);text-align:center}.lg-page .gen-head .crumbs{margin-bottom:var(--space-6);justify-content:center;padding-top:0}.lg-page .gen-head .pg-lede{max-width:52ch;margin-left:auto;margin-right:auto}.lg-page .gen{gap:var(--space-4);grid-template-columns:420px 1fr;max-width:1180px;margin:0 auto;display:grid}.lg-page .gen-form{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-7);gap:var(--space-6);flex-direction:column;display:flex}.lg-page .gen-form .input,.lg-page .gen-form .textarea{background:var(--color-raised)}.lg-page .gen-form .textarea{min-height:96px}.lg-page .styles{grid-template-columns:repeat(3,minmax(0,92px));gap:12px;display:grid}.lg-page .style-opt{text-align:center;font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.lg-page .style-opt img{aspect-ratio:1;object-fit:cover;outline-offset:2px;border-radius:12px;outline:2px solid #0000;width:100%;height:auto;margin-bottom:6px;display:block}.lg-page .style-opt[aria-pressed=true]{color:var(--color-text)}.lg-page .style-opt[aria-pressed=true] img{outline-color:var(--color-text)}.lg-page .swatches{flex-wrap:wrap;gap:10px;display:flex}.lg-page .swatch{cursor:pointer;outline-offset:2px;border:0;border-radius:50%;outline:2px solid #0000;width:40px;height:40px;padding:0}.lg-page .swatch:focus-visible{outline-color:var(--color-accent)}.lg-page .swatch[aria-pressed=true]{outline-color:var(--color-text)}.lg-page .swatch[aria-pressed=true]:focus-visible{outline-color:var(--color-accent);box-shadow:0 0 0 5px var(--color-text)}.lg-page .swatch.auto{background:conic-gradient(#ff4d14,#f5c518,#1aa37a,#2563eb,#9b5de5,#ff4d14)}.lg-page .gen-cta{gap:10px;margin-top:auto;display:grid}.lg-page .gen-cta .btn{width:100%}.lg-page .cost-line{justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:14px;display:flex}.lg-page .cost-line b{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right}.lg-page .lg-cost-rest{color:var(--color-text-muted);font-weight:500}.lg-page .lg-note{color:var(--color-text-muted);margin:0;font-size:14px}.lg-page .result{border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;min-height:560px;display:flex;position:relative;overflow:hidden}.lg-page .result-bar{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:18px 20px 0;display:flex}.lg-page .result-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px 20px;display:grid}.lg-page .result-grid figure{border-radius:var(--radius-md);background:var(--color-raised);aspect-ratio:1;margin:0;position:relative;overflow:hidden}.lg-page .result-grid img{object-fit:cover;width:100%;height:100%}.lg-page .result[data-state=empty] .result-grid,.lg-page .result[data-state=running] .result-grid{grid-template-columns:1fr}.lg-page .result[data-state=empty] .result-grid figure,.lg-page .result[data-state=running] .result-grid figure{place-self:center;width:min(100%,520px)}.lg-page .result[data-state=done] .result-grid{grid-template-columns:1fr}.lg-page .result[data-state=done] .result-grid figure{aspect-ratio:auto;max-height:560px}.lg-page .result[data-state=done] .result-grid img{object-fit:contain;background:var(--checker)}.lg-page .result[data-state=running] .result-grid{visibility:hidden}.lg-page .result-actions{flex-wrap:wrap;gap:10px;padding:0 20px 20px;display:flex}.lg-page .result-actions .btn{flex:1;min-width:160px}.lg-page .running{border-radius:var(--radius-md);text-align:center;place-items:center;display:grid;position:absolute;inset:58px 20px 20px}.lg-page .running .t{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:15px}.lg-page .failbox{border-radius:var(--radius-md);background:var(--color-raised);text-align:center;padding:var(--space-8);flex:1;place-items:center;margin:16px 20px 20px;display:grid}.lg-page .failbox .icon{color:var(--color-danger);font-size:28px}.lg-page .failbox p{color:var(--color-text-muted);margin:8px 0 20px}.lg-page .gallery{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.lg-page .gallery figure{margin:0}.lg-page .gallery img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);width:100%;height:auto;display:block}.lg-page .gallery figcaption{color:var(--color-text-muted);margin-top:12px;font-size:15px;line-height:1.45}.lg-page .gallery figcaption b{color:var(--color-text);margin-bottom:2px;font-weight:600;display:block}@media (width<=1000px){.lg-page .gen{grid-template-columns:1fr}.lg-page .result{min-height:0}.lg-page .gallery{grid-template-columns:1fr 1fr}}@media (width<=720px){.lg-page .gen-head{padding:var(--space-4) 0 var(--space-6)}.lg-page .gen-head .crumbs{margin-bottom:var(--space-5)}.lg-page .gen-form{padding:var(--space-5);gap:var(--space-5)}.lg-page .gen-cta{z-index:5;background:var(--color-surface);border-radius:var(--radius-md);margin:0 -8px;padding:8px;position:sticky;bottom:12px}.lg-page .result-bar{padding:14px 14px 0}.lg-page .result-grid{gap:8px;padding:12px 14px 14px}.lg-page .result-actions{padding:0 14px 14px}.lg-page .running{inset:58px 14px 14px}.lg-page .gallery{gap:var(--space-4) var(--space-3)}.lg-page .gallery figcaption{font-size:14px}.lg-page .swatch{width:44px;height:44px}}
