.asset-image{display:block;position:relative;width:100%;aspect-ratio:var(--asset-image-ratio,1);overflow:hidden;border-radius:inherit;background:var(--bg-raised)}.asset-image .asset-image__skeleton,.asset-image__blur,.asset-image__media{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit}.asset-image__media{object-fit:contain;opacity:0;transition:opacity var(--motion-responsive) var(--motion-ease-out),filter var(--motion-responsive) var(--motion-ease-out)}.asset-image__media[data-loaded]{opacity:1}.asset-image__media[data-sharpening]{filter:blur(var(--filter-blur-sm));transform:scale(1.03)}.asset-image__media[data-covered]{opacity:0;transition-delay:var(--motion-responsive)}@media (prefers-reduced-motion:reduce){.asset-image__media{transition:none}}.asset-image__blur{pointer-events:none}.asset-image__error{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:var(--type-caption)}.genara-image-viewer__image .asset-image{height:100%}.image-generation-workspace .genara-studio-home-composer__desktop{display:block}.genara-studio-main:has(.image-generation-view){display:flex;flex-direction:column;height:var(--generation-viewport-height,100dvh);overflow:hidden;scrollbar-gutter:auto}.image-generation-view{position:relative;isolation:isolate;flex:1;min-height:0}.image-generation-view:has(.genara-image-viewer__viewport){z-index:var(--z-overlay)}.image-generation-workspace{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;width:100%;max-width:calc(var(--layout-copy) + var(--space-12));margin-inline:auto;padding:var(--space-8) var(--space-6) calc(var(--space-4) + var(--safe-area-bottom));color:var(--text-primary)}.image-generation-workspace[data-empty]{grid-template-rows:auto;align-content:center}.image-generation-workspace[data-empty] .image-generation-feed{display:none}.image-generation-feed__heading,.image-generation-workspace__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.image-generation-workspace__header{margin-block-end:var(--space-5)}.image-generation-workspace__header h1{margin:0;font-size:var(--type-title-sm);font-weight:var(--font-weight-medium);line-height:var(--type-title-sm-line)}.image-generation-workspace__preview{color:var(--text-muted)}.image-generation-workspace__composer{display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:var(--z-sticky)}.image-generation-workspace__composer .genara-generation-composer textarea{max-height:25dvh}.image-generation-feed{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;padding-block-end:var(--space-5)}.image-generation-feed__heading{margin-block-end:var(--space-3)}.image-generation-feed__tabs{display:flex;gap:var(--space-1)}.image-generation-feed__tab{color:var(--text-secondary);padding-inline:var(--space-3)}.image-generation-feed__tab[aria-selected=true]{background:var(--white-veil-soft);color:var(--text-primary)}.image-generation-feed__panel{min-height:0;margin-inline:calc(-1 * var(--space-2));padding-inline:var(--space-2);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;outline:none}.image-generation-feed__panel::-webkit-scrollbar{display:none}.image-generation-feed__panel:focus-visible{outline:var(--stroke-focus) solid var(--border-focus);outline-offset:var(--space-2)}.image-generation-batch__images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.image-generation-batch__image,.image-generation-batch__placeholder{display:block;width:100%;aspect-ratio:4/3;border-radius:var(--shape-control);overflow:hidden}.image-generation-batch__placeholder{height:auto}.image-generation-batch__image{padding:0;border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-raised);cursor:pointer;outline:none}.image-generation-batch__image:focus-visible{outline:var(--stroke-focus) solid var(--border-focus);outline-offset:var(--space-1)}button.image-generation-batch__image{width:min(100%,calc(min(var(--layout-card-regular), 40dvh) * var(--asset-image-ratio, 1)));aspect-ratio:auto;align-self:start;justify-self:start;background:transparent}.image-generation-batch__progress{display:flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);color:var(--text-secondary);font-size:var(--type-caption)}.image-generation-batch__images+.image-generation-batch__progress{margin-block:var(--space-3) 0}.image-generation-loading__canvas{--image-generation-max-height:min(var(--layout-card-regular),40dvh);position:relative;isolation:isolate;width:min(100%,calc(var(--image-generation-max-height) * var(--image-generation-output-ratio, 4 / 3)));max-height:var(--image-generation-max-height);aspect-ratio:var(--image-generation-output-ratio,4/3);justify-self:start;background:var(--bg-raised)}.image-generation-loading__ratio{position:absolute;top:var(--space-2);right:var(--space-2);z-index:var(--z-content);padding:var(--space-1) var(--space-2);border-radius:var(--shape-pill);background:var(--bg-canvas);color:var(--text-muted);font-size:var(--type-caption);line-height:var(--type-caption-line)}.image-generation-batch__error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);border-radius:var(--shape-control);color:var(--fg-danger);background:var(--bg-danger-subtle);font-size:var(--type-label)}.image-generation-feed__empty{display:grid;justify-items:center;text-align:center;padding:var(--space-8) var(--space-6)}.image-generation-feed__empty>svg{width:var(--space-10);height:var(--space-10);color:var(--text-muted)}.image-generation-feed__empty h2{margin:var(--space-4) 0 var(--space-2);font-size:var(--type-title-sm);font-weight:var(--font-weight-medium)}.image-generation-feed__empty p{margin:0;color:var(--text-muted);font-size:var(--type-label);line-height:var(--type-body-line)}@media (max-width:61.25rem){.image-generation-workspace{padding:var(--space-5) var(--space-4) calc(var(--control-height-md) + var(--space-2) + var(--space-6) + var(--safe-area-bottom))}.image-generation-view[data-keyboard] .image-generation-workspace{padding-block-end:var(--space-3)}}@media (max-width:61.25rem) and (max-height:45rem) and (orientation:landscape) and (pointer:coarse){.genara-studio-shell:has(.image-generation-view)>.genara-bottom-navigation{display:none}.image-generation-workspace{padding-block:var(--space-2) calc(var(--space-2) + var(--safe-area-bottom))}.image-generation-workspace__composer{gap:var(--space-2)}.image-generation-workspace__composer .genara-generation-composer textarea{min-height:var(--control-height-xs)}}@media (max-width:45rem){.image-generation-batch__images{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}}.image-generation-batch__audio{width:100%}@media (max-width:45rem),(max-width:61.25rem) and (max-height:45rem) and (orientation:landscape) and (pointer:coarse){.image-generation-view{isolation:auto}}