:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f5ef;--muted:#9a9e93;--line:#30332d;--paper:#090a08;--white:#121410;--green:#d8ff53;--green-dark:#b9e638;--green-soft:#202518;--green-glow:#d8ff5340;--green-glow-strong:#d8ff5355;--green-glow-medium:#d8ff5360;--green-outline:#d8ff5366;--green-haze:#d8ff5314;--panel-top:#171914;--panel-bottom:#10110f;--surface-deep:#0e100d;--surface-mid:#11120f;--surface-lift:#191c16;--surface-hover:#24261f;--surface-selected:#202617;--ink-on-accent:#10120c;--ink-high:#f3f4ef;--ink-secondary:#d7d9d0;--ink-tertiary:#c2c6ba;--ink-fourth:#b4b8ac;--ink-fifth:#a1a599;--ink-sixth:#858a7e;--ink-seventh:#777b72;--ink-eighth:#696d63;--accent-soft:#b8c084;--accent-bright:#e1ff77;--accent-disabled:#5d6447;--accent-border:#87984e;--danger-border:#6e3c32;--history-border:#363a30;--history-edge:#3b3e35;--surface-edge:#34372e;--surface-pattern:#ffffff0b;--surface-hairline:#ffffff12;--surface-border-soft:#ffffff14;--surface-border-softest:#ffffff0a;--shadow-deep:#00000040;--shadow-deeper:#00000038;--shadow-deepest:#00000050;--shadow-lift:#00000035;--error:#ff958a;--error-soft:#321b18;--error-high:#ffc0b5;--amber:#d69a66;--focus-ring:#d8ff53;--ink-muted-strong:#c2c5bb;--ink-muted:#aeb2a7;--ink-soft:#c2c5bb;--ink-subtle:#aeb2a7;--green-mid:#d8ff53;--green-light:#d8ff53;--green-pale:#85994c;--green-wash:#282e1b;--green-tint:#1a1e14;--green-tint-hover:#222719;--neutral-soft:#b0b3a8;--neutral-faint:#a1a599;--neutral-low:#8d9186;--neutral-mid:#a0a499;--neutral-muted:#81857b;--neutral-subtle:#94988e;--neutral-faded:#85897f;--neutral-dim:#92968b;--neutral-light:#777b72;--neutral-control:#a2a69b;--neutral-pale:#42483a;--neutral-placeholder:#70746a;--neutral-border-strong:#525a43;--neutral-border-soft:#3c4332;--neutral-icon:#42483b;--neutral-border:#383c33;--neutral-border-input:#3b4035;--neutral-selected:#303a1d;--neutral-highlight:#292c25;--neutral-hover:#1d201a;--neutral-surface:#151712;--neutral-separator:#292c25;--neutral-option:#171914;--neutral-input:#0f100e;--white-translucent-40:#ffffff40;--white-translucent-54:#ffffff0d;--white-translucent-61:#ffffff12;--white-translucent-66:#ffffff0a;--green-shadow:#d8ff5326;--line-width:1px;--radius-pill:999px;--shadow-panel:0 1.25rem 3.75rem #00000050;--font-sans:Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.125rem;--radius-xl:1.5rem;--header-height:4.75rem;--content-width:82rem;--control-width:23.125rem;--preview-min-height:34.375rem;--transition-fast:.18s ease;--transition-smooth:.26s cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.1875rem}.app-shell{max-width:var(--content-width);padding:0 var(--space-7,1.75rem) var(--space-12);margin:0 auto}.topbar{height:var(--header-height);border-bottom:var(--line-width) solid var(--line);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--green);width:2rem;height:2rem;color:var(--paper);place-items:center;font-weight:750;display:grid}.brand-name{letter-spacing:-.04em;font-weight:750;font-size:var(--text-lg)}.brand-tag{letter-spacing:.13em;color:var(--muted);font-size:.625rem;font-weight:650}.topbar-meta{align-items:center;gap:var(--space-6);display:flex}.model-pill{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-muted);border:var(--line-width) solid var(--line);background:var(--white-translucent-66);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);display:flex}.online-dot{background:var(--green-mid);border-radius:50%;width:.375rem;height:.375rem;display:inline-block}.top-link{font-size:var(--text-xs);color:var(--green);text-decoration:none}.intro{padding:var(--space-10) 0 var(--space-2)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--green);align-items:center;gap:var(--space-2);font-size:.6875rem;font-weight:700;display:flex}.eyebrow:before{content:"";width:1.25rem;height:var(--line-width);background:var(--green)}h1{font-family:var(--font-display);letter-spacing:-.045em;margin:var(--space-4) 0 var(--space-2);font-size:clamp(2.125rem,4vw,3.125rem);font-weight:500;line-height:1.14}.intro>p{font-size:var(--text-sm);color:var(--muted);margin:0}.workbench{grid-template-columns:minmax(19rem,var(--control-width)) minmax(0,1fr);gap:var(--space-5);margin-top:var(--space-6);align-items:stretch;display:grid}.panel{background:var(--white);border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.controls-panel{padding:var(--space-6);flex-direction:column;display:flex}.field-heading{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.field-label{font-size:var(--text-sm);font-weight:700}.counter{font-size:var(--text-xs);color:var(--neutral-control)}.prompt-input{resize:vertical;border:var(--line-width) solid var(--neutral-border-input);border-radius:var(--radius-md);background:var(--neutral-input);width:100%;height:8.875rem;padding:var(--space-4);color:var(--ink);font-size:var(--text-xs);transition:var(--transition-fast);outline:none;line-height:1.75}.prompt-input:focus{border-color:var(--green-light);box-shadow:0 0 0 .1875rem var(--green-wash)}.field-hint{font-size:var(--text-xs);color:var(--neutral-subtle);margin:var(--space-2) 0 0;line-height:1.65}.separator{height:var(--line-width);background:var(--neutral-separator);margin:var(--space-6) 0 var(--space-5)}.ratio-list{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.ratio-option{border:var(--line-width) solid var(--line);background:var(--white);color:var(--ink-soft);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);transition:var(--transition-fast);display:flex}.ratio-option:hover{border-color:var(--neutral-pale)}.ratio-option.selected{border-color:var(--green);color:var(--green);background:var(--green-tint);box-shadow:inset 0 0 0 var(--line-width) var(--green)}.ratio-shape{border:var(--line-width) solid currentColor;border-radius:.125rem;width:1rem;height:1rem;display:block}.ratio-shape[data-ratio="3:2"]{width:1.125rem;height:.75rem}.ratio-shape[data-ratio="2:3"]{width:.75rem;height:1.125rem}.ratio-copy{text-align:left;gap:var(--space-1);display:grid}.ratio-copy small{color:var(--neutral-low);font-size:.625rem}.samples-heading{font-size:var(--text-xs);margin:var(--space-5) 0 var(--space-3);font-weight:700}.sample-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.sample-chip{border:var(--line-width) solid var(--neutral-highlight);background:var(--neutral-option);border-radius:var(--radius-pill);color:var(--ink-subtle);padding:var(--space-2) var(--space-3);transition:var(--transition-fast);font-size:.6875rem}.sample-chip:hover{color:var(--green);border-color:var(--neutral-border-soft);background:var(--green-tint-hover)}.error-message{white-space:pre-line;background:var(--error-soft);color:var(--error);font-size:var(--text-xs);padding:var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-4);line-height:1.6}.primary-button{background:var(--green);color:var(--white);border-radius:var(--radius-sm);padding:var(--space-4);font-weight:700;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);transition:var(--transition-fast);box-shadow:0 .5rem 1.125rem var(--green-shadow);border:0;margin-top:auto;display:flex}.primary-button:not(:disabled):hover{background:var(--green-dark);transform:translateY(-var(--line-width))}.primary-button:disabled{opacity:.58;cursor:not-allowed}.privacy-note{text-align:center;color:var(--neutral-muted);margin:var(--space-2) 0 0;font-size:.625rem}.spinner{border:.125rem solid var(--white-translucent-40);border-top-color:var(--white);border-radius:50%;width:.875rem;height:.875rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{padding:var(--space-5);min-height:var(--preview-min-height);flex-direction:column;display:flex}.result-heading{padding:var(--space-1) var(--space-1) var(--space-4);justify-content:space-between;align-items:center;display:flex}.result-status{font-size:var(--text-xs);color:var(--neutral-mid);align-items:center;gap:var(--space-2);display:flex}.result-status.is-loading .online-dot{background:var(--amber);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.3}}.image-stage{border-radius:var(--radius-md);background:linear-gradient(145deg,var(--neutral-surface),var(--neutral-hover));flex:1;place-items:center;min-height:21.875rem;display:grid;position:relative;overflow:hidden}.generated-image{object-fit:contain;width:100%;height:100%;max-height:42rem;display:block}.empty-state,.loading-state{padding:var(--space-8);text-align:center;color:var(--neutral-soft)}.empty-icon{border:var(--line-width) solid var(--neutral-icon);width:3.75rem;height:3.75rem;margin:0 auto var(--space-4);color:var(--green);font-size:var(--text-lg);background:var(--white-translucent-61);border-radius:1.25rem;place-items:center;display:grid}.empty-state p,.loading-state p{font-size:var(--text-xs);color:var(--neutral-faint);margin:var(--space-2) 0 0;line-height:1.7}.loader-orbit{color:var(--green);margin-bottom:var(--space-3);font-size:2rem;animation:2s linear infinite spin;display:block}.result-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-1) 0;display:flex}.generation-info{min-width:0}.generation-prompt{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;color:var(--ink-muted-strong);max-width:30rem;overflow:hidden}.generation-meta{color:var(--neutral-faded);margin-top:var(--space-2);font-size:.625rem}.result-actions{gap:var(--space-2);flex-shrink:0;display:flex}.secondary-button,.download-button{border:var(--line-width) solid var(--line);background:var(--white);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--ink-muted-strong);font-size:.6875rem}.secondary-button:disabled,.download-button:disabled{opacity:.5;cursor:not-allowed}.download-button{background:var(--green);border-color:var(--green);color:var(--white);font-weight:650}.recent-section{margin-top:var(--space-10);scroll-margin-top:var(--space-6)}.section-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:end;display:flex}.section-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin:var(--space-2) 0 0;font-size:1.625rem;font-weight:500}.section-heading h2 span{font:var(--text-xs) var(--font-sans);color:var(--neutral-dim);vertical-align:middle;margin-left:var(--space-1)}.section-heading>p{color:var(--neutral-faded);margin:0 0 var(--space-1);font-size:.6875rem}.recent-empty{background:var(--white-translucent-54);border:var(--line-width) dashed var(--neutral-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;font-size:var(--text-xs);color:var(--neutral-faded)}.history-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.history-card{border:var(--line-width) solid var(--line);border-radius:var(--radius-md);background:var(--white);position:relative;overflow:hidden}.history-select{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);text-align:left;color:inherit;background:0 0;border:0;display:flex}.history-select img{object-fit:cover;border-radius:var(--radius-sm);background:var(--green-soft);flex-shrink:0;width:3.5rem;height:3.5rem}.history-copy{gap:var(--space-2);min-width:0;padding-right:var(--space-5);display:grid}.history-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.6875rem;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.history-copy small{color:var(--neutral-faded);font-size:.625rem}.history-delete{right:var(--space-2);top:var(--space-2);background:var(--white);color:var(--neutral-soft);border:0;border-radius:50%;width:1.25rem;height:1.25rem;line-height:1;position:absolute}.page-footer{border-top:var(--line-width) solid var(--line);margin-top:var(--space-10);padding-top:var(--space-4);color:var(--neutral-light);justify-content:space-between;font-size:.625rem;display:flex}@media (max-width:58rem){.workbench{gap:var(--space-3);grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr)}.controls-panel{padding:var(--space-5)}.result-panel{min-height:31.25rem;padding:var(--space-4)}.image-stage{min-height:18.75rem}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:42.5rem){.app-shell{padding:0 var(--space-4) var(--space-10)}.topbar{height:4rem}.topbar-meta{gap:var(--space-3)}.model-pill{font-size:.625rem}.top-link{display:none}.intro{padding-top:var(--space-8)}.workbench{grid-template-columns:1fr}.controls-panel{min-height:27rem}.result-panel{min-height:29rem}.image-stage{min-height:17.5rem}.result-footer{flex-direction:column;align-items:flex-start}.generation-prompt{max-width:80vw}.result-actions{width:100%}.result-actions button{flex:1}.history-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:var(--space-2);flex-direction:column}.page-footer{gap:var(--space-3);line-height:1.6}}body{background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 0%,var(--green-haze),transparent 38rem);min-height:100dvh;color:var(--ink);background-repeat:no-repeat}.app-shell{max-width:var(--content-width);padding:0 clamp(var(--space-4),4vw,var(--space-12)) var(--space-12)}.topbar{height:var(--header-height);border-bottom:var(--line-width) solid var(--surface-pattern)}.brand-mark{background:var(--green);width:2.25rem;height:2.25rem;color:var(--paper);box-shadow:0 0 1.5rem var(--green-shadow);border-radius:.5rem;font-size:1.05rem}.brand-name{letter-spacing:-.055em;font-size:1.2rem}.brand-tag{margin-left:var(--space-1);color:var(--neutral-subtle);letter-spacing:.18em;font-size:.6rem}.model-pill{background:var(--white-translucent-54);border-color:var(--surface-border-soft);color:var(--ink-tertiary);padding:.625rem .875rem}.online-dot{box-shadow:0 0 .6rem}.top-link{color:var(--ink-secondary);transition:color var(--transition-fast);font-size:.75rem}.top-link:hover{color:var(--green)}.intro{text-align:center;padding:4.4rem 0 2rem}.intro .eyebrow{color:var(--accent-soft);letter-spacing:.2em;justify-content:center;font-size:.7rem}.intro .eyebrow:before{display:none}.intro h1{font-family:var(--font-sans);letter-spacing:-.075em;text-wrap:balance;color:var(--ink-high);margin:1.05rem auto .875rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.08}.headline-accent{color:var(--green);text-shadow:0 0 1.2rem var(--green-shadow)}.intro>p{letter-spacing:.015em;color:var(--neutral-control);font-size:.94rem;line-height:1.7}.workbench{flex-direction:column;align-items:center;gap:2.25rem;margin-top:2.5rem;display:flex}.panel{background:linear-gradient(150deg,var(--panel-top),var(--panel-bottom));border:var(--line-width) solid var(--surface-hairline);box-shadow:0 1.5rem 4rem var(--shadow-deeper);border-radius:1.15rem}.controls-panel{border-color:var(--green-outline);width:min(100%,66rem);min-height:auto;box-shadow:0 0 2.5rem var(--green-haze),inset 0 var(--line-width) var(--surface-hairline);background:linear-gradient(145deg,var(--panel-top),var(--panel-bottom) 72%);padding:1.75rem 1.9rem 1.25rem}.field-heading{margin-bottom:.7rem}.field-label{letter-spacing:.015em;color:var(--ink-secondary);font-size:.76rem;font-weight:650}.counter{color:var(--neutral-control);font-variant-numeric:tabular-nums}.prompt-input{resize:vertical;height:8.5rem;min-height:8.5rem;color:var(--ink);background:0 0;border:0;border-radius:.25rem;padding:.55rem 0;font-size:1rem;line-height:1.8}.prompt-input:focus{box-shadow:none;border:0}.prompt-input::placeholder{color:var(--ink-eighth)}.field-hint{color:var(--neutral-soft);margin-top:0;font-size:.7rem}.separator{background:var(--surface-hairline);margin:1.15rem 0 1.1rem}.ratio-list{gap:.55rem;display:flex}.ratio-option{background:var(--panel-top);border-color:var(--surface-edge);min-width:7.4rem;color:var(--ink-fourth);border-radius:.6rem;flex:none;justify-content:flex-start;padding:.65rem .8rem}.ratio-option:hover{border-color:var(--accent-border);background:var(--green-tint-hover)}.ratio-option.selected{color:var(--green);border-color:var(--green);background:var(--surface-selected);box-shadow:0 0 1.2rem var(--green-haze),inset 0 0 0 var(--line-width) var(--green-glow-medium)}.ratio-shape{border-radius:.15rem}.ratio-copy b{font-size:.72rem}.ratio-copy small{color:var(--neutral-control)}.samples-heading{color:var(--ink-tertiary);margin:1.05rem 0 .6rem;font-size:.72rem}.sample-list{gap:.5rem}.sample-chip{border-color:var(--history-edge);color:var(--neutral-subtle);background:0 0;border-radius:.45rem;padding:.5rem .72rem;font-size:.68rem}.sample-chip:hover{background:var(--green-tint-hover);color:var(--green);border-color:var(--accent-border)}.primary-button{background:var(--green);min-width:9.5rem;color:var(--ink-on-accent);box-shadow:0 .35rem 1.6rem var(--green-shadow);letter-spacing:.01em;border-radius:.55rem;align-self:flex-end;margin-top:1rem;padding:.85rem 1.25rem;font-weight:750}.primary-button:not(:disabled):hover{background:var(--accent-bright);box-shadow:0 .25rem 2rem var(--green-glow-strong);transform:translateY(-.08rem)}.primary-button:not(:disabled):active{transform:scale(.98)}.primary-button:disabled{background:var(--accent-disabled);color:var(--green-tint);opacity:.76}.privacy-note{text-align:right;color:var(--neutral-muted);font-size:.62rem}.error-message{background:var(--error-soft);border:var(--line-width) solid var(--danger-border);color:var(--error-high);border-radius:.55rem}.preview-panel{width:min(100%,66rem);min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.result-heading{padding:.25rem .15rem .9rem}.result-heading .field-label{color:var(--ink-secondary);font-size:.82rem}.result-status{color:var(--ink-sixth)}.image-stage{aspect-ratio:16/9;border:var(--line-width) solid var(--surface-hairline);background-color:var(--surface-mid);background-image:radial-gradient(var(--surface-pattern) var(--line-width),transparent var(--line-width));min-height:26rem;box-shadow:inset 0 0 5rem var(--shadow-deep);background-size:1.5rem 1.5rem;border-radius:.9rem;flex:0 auto}.image-stage.has-image{background:var(--surface-deep)}.generated-image{object-fit:contain;max-height:46rem}.empty-state,.loading-state{color:var(--ink-sixth)}.empty-icon{border-color:var(--neutral-border-soft);background:var(--surface-lift);width:3.25rem;height:3.25rem;color:var(--green);box-shadow:0 0 1.5rem var(--green-haze);border-radius:.9rem}.empty-state strong,.loading-state strong{font-family:var(--font-sans);color:var(--ink-secondary);font-size:.96rem;font-weight:600}.empty-state p,.loading-state p{color:var(--neutral-faint)}.loader-orbit{color:var(--green);text-shadow:0 0 1rem var(--green-glow)}.result-footer{padding:1rem .15rem 0}.generation-prompt{color:var(--ink-tertiary)}.generation-meta{color:var(--neutral-faded)}.secondary-button,.download-button{border-radius:.55rem}.secondary-button{border-color:var(--history-edge);color:var(--ink-tertiary);background:0 0}.secondary-button:hover:not(:disabled){border-color:var(--accent-border);color:var(--green)}.download-button{background:var(--green);border-color:var(--green);color:var(--ink-on-accent)}.download-button:hover:not(:disabled){background:var(--accent-bright)}.recent-section{margin-top:4.25rem}.section-heading{align-items:end;margin-bottom:1.1rem}.section-heading .eyebrow{color:var(--accent-soft);letter-spacing:.13em}.section-heading h2{font-family:var(--font-sans);letter-spacing:-.045em;color:var(--ink);font-size:1.55rem;font-weight:700}.section-heading h2 span{color:var(--green);font-variant-numeric:tabular-nums}.section-heading>p{color:var(--ink-seventh)}.recent-empty{background:var(--panel-bottom);border:var(--line-width) dashed var(--history-border);color:var(--neutral-faint);border-radius:.75rem;padding:2.5rem}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.history-card{background:linear-gradient(145deg,var(--panel-top),var(--surface-mid));border-color:var(--neutral-highlight);transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-fast);border-radius:.75rem}.history-card:hover{border-color:var(--accent-border);box-shadow:0 .6rem 2rem var(--shadow-lift);transform:translateY(-.15rem)}.history-card.active{border-color:var(--green);box-shadow:0 0 1.2rem var(--green-haze)}.history-select img{background:var(--surface-lift);border-radius:.5rem}.history-copy strong{color:var(--ink-secondary);font-weight:550}.history-copy small{color:var(--neutral-low)}.history-delete{background:var(--neutral-hover);color:var(--ink-fifth)}.history-delete:hover{background:var(--error-soft);color:var(--error)}.page-footer{border-color:var(--surface-hairline);color:var(--neutral-light)}@media (max-width:58rem){.app-shell{padding-inline:var(--space-6)}.workbench{flex-direction:column;gap:1.8rem;display:flex}.controls-panel{width:100%;padding:1.5rem}.preview-panel{width:100%;min-height:auto}.image-stage{min-height:20rem}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:42.5rem){.app-shell{padding-inline:var(--space-4)}.intro{padding:3.2rem 0 1rem}.intro h1{letter-spacing:-.07em;font-size:clamp(2.7rem,13vw,4rem)}.intro>p{max-width:22rem;margin-inline:auto;font-size:.82rem}.workbench{gap:1.5rem;margin-top:1.8rem}.controls-panel{border-radius:.85rem;padding:1.2rem 1.1rem 1rem}.prompt-input{height:7.4rem;min-height:7.4rem;font-size:.9rem}.field-hint{max-width:23rem;line-height:1.7}.separator{margin:.9rem 0}.ratio-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.ratio-option{justify-content:center;gap:.35rem;min-width:0;padding:.6rem .4rem}.ratio-shape{width:.75rem;height:.75rem}.ratio-shape[data-ratio="3:2"]{width:.9rem;height:.6rem}.ratio-shape[data-ratio="2:3"]{width:.6rem;height:.9rem}.ratio-copy small{font-size:.58rem}.samples-heading{margin-top:.9rem}.primary-button{width:100%;margin-top:1.1rem;padding:.85rem}.privacy-note{text-align:center}.preview-panel{padding:0}.result-heading{padding-inline:.15rem}.image-stage{aspect-ratio:4/3;background-size:1.1rem 1.1rem;min-height:15rem}.result-footer{gap:.75rem}.generation-prompt{max-width:88vw}.recent-section{margin-top:3rem}.section-heading h2{font-size:1.35rem}.history-grid{grid-template-columns:1fr}.page-footer{margin-top:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:10;top:var(--space-3);left:var(--space-3);background:var(--green);color:var(--ink-on-accent);transition:transform var(--transition-fast);border-radius:.5rem;padding:.65rem .9rem;font-size:.75rem;font-weight:700;text-decoration:none;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}