:root[data-product=nanobanana] .genx-app{--sidebar-width:0px;--genx-mobile-header-height:65px;background:var(--nb-bg);padding-left:0}:root[data-product=nanobanana] .genx-main{margin-left:0;padding-left:0}:root[data-product=nanobanana] .genx-main__scroll{padding-top:0}:root[data-product=nanobanana] .m-appbar-wrapper{display:none}:root[data-product=nanobanana] .guest-footer{background:var(--nb-footer)}:root[data-product=nanobanana] .image-client-page,:root[data-product=nanobanana] .video-client-page{max-width:1440px;margin:auto}:root[data-product=nanobanana] .generation-prompt-composer{background:var(--nb-bg);border-color:var(--nb-border);border-radius:12px}:root[data-product=nanobanana] .genx-main__composer{background:var(--nb-bg)}@media (max-width:767px){:root[data-product=nanobanana] .genx-main,:root[data-product=nanobanana] .genx-app{padding-top:0}}
:root[data-product=nanobanana]{--nb-rail-bg:#f3f3f3;--nb-bg:#fcfcfc;--nb-sidebar:#f9f9f9;--nb-surface:#fff;--nb-field:#f3f3f3;--nb-hover:#0000000d;--nb-text:#0d0d0d;--nb-muted:#5d5d5d;--nb-subtle:#8f8f8f;--nb-border:#0000001a;--nb-border-strong:#00000026;--nb-action:#0d0d0d;--nb-action-hover:#333;--nb-on-action:#fff;--nb-accent:#3a83f7;--nb-accent-soft:#e8f3fe;--nb-danger:#ba2623;--nb-success:#00a240;--nb-selection:#539af859;--nb-user-message:#e9e9e980;--nb-shadow:0 8px 30px #00000014;--nb-radius-control:12px;--nb-radius-card:18px;--nb-radius-composer:28px;--nb-font:Arial,"Segoe UI",sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-product=nanobanana][data-theme=dark]{--nb-rail-bg:#212121;--nb-bg:#000;--nb-sidebar:#131313;--nb-surface:#1b1b1b;--nb-field:#303030;--nb-hover:#ffffff1a;--nb-text:#ededed;--nb-muted:#cdcdcd;--nb-subtle:#afafaf;--nb-border:#ffffff26;--nb-border-strong:#fff3;--nb-action:#ededed;--nb-action-hover:#fff;--nb-on-action:#0d0d0d;--nb-accent:#63a8f8;--nb-accent-soft:#133463;--nb-danger:#fa423e;--nb-success:#40c977;--nb-selection:#63a8f866;--nb-user-message:#323232d9;--nb-shadow:0 8px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-product=nanobanana][data-theme]{--product-accent-rgb:128,128,128;--product-accent-hot-rgb:128,128,128;--category-active-bg:var(--nb-action);--category-active-hover-bg:var(--nb-action-hover);--category-active-border:var(--nb-action);--category-active-text:var(--nb-on-action);--genx-button-accent-hot:var(--nb-action);--genx-button-accent-shadow:none;--genx-brand-primary:var(--nb-action);--genx-brand-primary-hover:var(--nb-action-hover);--genx-brand-secondary:var(--nb-action);--genx-brand-accent:var(--nb-action);--genx-brand-ink:var(--nb-action);--genx-brand-soft:var(--nb-hover);--genx-brand-border:var(--nb-border);--genx-brand-glow:transparent;--genx-bg-canvas:var(--nb-bg);--genx-bg-canvas-raised:var(--nb-sidebar);--genx-bg-surface:var(--nb-surface);--genx-bg-surface-raised:var(--nb-field);--genx-bg-surface-hover:var(--nb-hover);--genx-bg-control:var(--nb-field);--genx-border-subtle:var(--nb-border);--genx-border-default:var(--nb-border);--genx-border-strong:var(--nb-border-strong);--genx-text-primary:var(--nb-text);--genx-text-secondary:var(--nb-muted);--genx-text-muted:var(--nb-subtle);--genx-text-inverse:var(--nb-on-action);--bg-primary:var(--nb-bg);--bg-secondary:var(--nb-surface);--bg-tertiary:var(--nb-field);--text-primary:var(--nb-text);--text-secondary:var(--nb-muted);--text-gray:var(--nb-muted);--text-link:var(--nb-accent);--text-link-soft:var(--nb-accent);--color-brand:var(--nb-action);--color-brand-hover:var(--nb-action-hover);--accent:var(--nb-action);--accent-color:var(--nb-action);--landing-new-accent:var(--nb-action);--border-glass:var(--nb-border);--border-glass-strong:var(--nb-border-strong);--generation-composer-bg:var(--nb-surface);--generation-composer-border:var(--nb-border);--generation-settings-bg:var(--nb-surface);--generation-settings-border:var(--nb-border);--generation-settings-divider:var(--nb-border);--generation-control-bg:var(--nb-surface);--generation-control-border:var(--nb-border);--generation-control-text:var(--nb-muted);--generation-control-text-active:var(--nb-text);--generation-control-active-bg:var(--nb-hover);--generation-control-active-border:var(--nb-border);--generation-file-card-bg:var(--nb-field);--select-model-panel-bg:var(--nb-surface);--select-model-panel-border:var(--nb-border);--select-model-panel-text:var(--nb-text);--select-model-panel-muted:var(--nb-muted);--select-model-provider-menu-bg:var(--nb-surface);--select-model-row-hover:var(--nb-hover);--select-model-row-selected:var(--nb-hover);--active-model-open-bg:var(--nb-hover);--active-model-open-color:var(--nb-text)}:root[data-product=nanobanana]{--nb-menu-bg:#fff;--bg-textarea:var(--nb-field);--bg-hover-sidebar-button:var(--nb-hover)}:root[data-product=nanobanana][data-theme=dark]{--nb-sidebar:#0b0b0b;--nb-menu-bg:#2b2b2b}:root[data-product=nanobanana]{--nb-bg:#fffcf4;--nb-sidebar:#fff9e7;--nb-surface:#fff;--nb-field:#fff;--nb-soft:#f4efdf;--nb-segments:#efeee8;--nb-text:#252217;--nb-muted:#6d685c;--nb-subtle:#817b6c;--nb-border:#ded8c8;--nb-accent:#997300;--nb-accent-dark:#dca900;--nb-on-accent:#17140a;--nb-danger:#b92a37;--nb-footer:#fff0b0;--nb-gradient:linear-gradient(110deg,#d19600,#ff933b);--nb-shadow:0 14px 45px #0002;--nb-font:Arial,"Segoe UI",sans-serif}:root[data-product=nanobanana][data-theme=dark]{--nb-bg:#17160f;--nb-sidebar:#17160f;--nb-surface:#202026;--nb-field:#17160f;--nb-soft:#2e2e2c;--nb-segments:#1e212b;--nb-text:#fafafa;--nb-muted:#aeb4c1;--nb-subtle:#667386;--nb-border:#37362f;--nb-accent:#ffd000;--nb-accent-dark:#cca000;--nb-on-accent:#fff;--nb-danger:#ff818d;--nb-footer:#453502;--nb-shadow:0 14px 45px #0005}:root[data-product=nanobanana][data-theme]{--nb-action:var(--nb-accent-dark);--nb-on-action:#15130a;--nb-action-hover:#ffc431;--product-accent-rgb:255,198,0;--product-accent-hot-rgb:255,147,59;--genx-button-accent-hot:#ff933b;--genx-brand-primary:var(--nb-accent-dark)}
:root[data-product=nanobanana] body{background:var(--nb-bg);color:var(--nb-text);font-family:var(--nb-font);margin:0}:root[data-product=nanobanana] *{box-sizing:border-box}:root[data-product=nanobanana] button,:root[data-product=nanobanana] input,:root[data-product=nanobanana] textarea,:root[data-product=nanobanana] select{font-family:inherit}:root[data-product=nanobanana] ::selection{background:#cca00066}:where(:root[data-product=nanobanana]) a{color:inherit}.nb-container{max-width:1440px;margin:0 auto;padding:0 20px}.nb-page-title{text-align:center;margin:45px 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.2}.nb-page-description{text-align:center;color:var(--nb-muted);max-width:850px;margin:0 auto 42px;font-size:18px;line-height:1.6}.nb-error{color:var(--nb-danger)}@media (prefers-reduced-motion:reduce){:root[data-product=nanobanana] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}