html{-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px}body{width:100%;min-width:0}button,a,label,[role=button]{touch-action:manipulation}.app-mobile-bar .mobile-credit-balance{display:none}.model-glyph.model-glyph{flex:none;line-height:0;position:relative;overflow:hidden}.model-glyph.model-glyph>svg,.model-glyph.model-glyph>img{object-fit:contain;transform-origin:50%;width:56%!important;min-width:0!important;height:56%!important;min-height:0!important;margin:0!important;padding:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.model-glyph.model-glyph-openai>svg{width:59%!important;height:59%!important}.model-glyph.model-glyph-gemini>svg,.model-glyph.model-glyph-ideogram>svg,.model-glyph.model-glyph-flux>svg{width:53%!important;height:53%!important}.catalog-redesign,.catalog-redesign :is(button,input,textarea,select,a,h1,h2,h3,p,span,strong,small){font-family:inherit}@media (max-width:900px){.app-shell,.app-shell.sidebar-collapsed,.app-content{width:100%;height:100dvh;min-height:100dvh}.app-sidebar{z-index:90;width:min(300px,100vw - 32px);max-width:calc(100vw - 32px);height:100dvh;max-height:100dvh;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-overlay{z-index:85}.app-sidebar .sidebar-brand,.app-sidebar .new-chat,.app-sidebar .secret-chat,.app-sidebar .app-nav,.app-sidebar .sidebar-projects,.app-sidebar .recent-list,.app-sidebar .sidebar-bottom{flex:none}.app-sidebar .recent-list{min-height:auto;overflow:visible}.app-sidebar .sidebar-bottom{margin-top:18px}.site-header .nav,.site-header .nav.open{width:min(320px,100vw - 32px);max-width:calc(100vw - 32px);height:100dvh;max-height:100dvh;padding-top:max(14px,env(safe-area-inset-top));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}}@media (max-width:650px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{font-size:16px!important}.hero-model-menu,.model-dropdown,.media-model-dialog,.project-dialog,.confirm-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:100%}.hero-model-menu,.model-dropdown-scroll,.media-model-list,.project-dialog{overflow-y:auto}.project-dialog-backdrop,.confirm-backdrop{padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.mobile-credit-balance{color:#f3f1ed;background:#171718;border:1px solid #ffffff21;border-radius:12px;justify-content:flex-end;align-items:center;gap:8px;min-width:96px;height:40px;margin-left:auto;padding:0 4px 0 10px;display:flex;box-shadow:0 8px 24px #0000003d}.mobile-credit-balance>span{flex-direction:column;align-items:flex-end;min-width:0;line-height:1;display:flex}.mobile-credit-balance b{text-overflow:ellipsis;white-space:nowrap;max-width:58px;font-size:13px;font-weight:760;overflow:hidden}.mobile-credit-balance small{color:#85827d;margin-top:3px;font-size:8px;font-weight:620}.mobile-credit-balance>i{background:var(--acid);color:#101108;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-style:normal;display:grid;box-shadow:0 0 0 1px #ccff002e,0 8px 20px #ccff0029}.mobile-credit-balance:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.app-mobile-bar{gap:8px}.app-mobile-bar .brand{margin-right:auto}.chat-handoff .chat-header{min-width:0}.chat-handoff .model-picker-wrap{flex:1 1 0;min-width:0}.chat-handoff .model-picker{width:100%;min-width:0;max-width:100%;overflow:hidden}.chat-handoff .model-picker-copy{flex:auto;min-width:0;max-width:100%;overflow:hidden}.chat-handoff .model-picker-copy b{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;overflow:hidden}.chat-handoff .model-picker>svg{flex:none}.chat-handoff .chat-actions{flex:none;min-width:0}.chat-handoff .chat-actions>.mobile-credit-balance{flex:none;display:flex}.catalog-featured>div,.template-categories,.templates-feed-tabs{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}@media (max-width:380px){.chat-handoff .chat-actions>.mobile-credit-balance{width:40px;min-width:40px;padding:4px}.chat-handoff .chat-actions>.mobile-credit-balance>span{display:none}}@media (orientation:landscape) and (max-width:1024px) and (max-height:600px){.site-header .nav,.site-header .nav.open{height:100dvh;max-height:100dvh;position:fixed;top:0;bottom:0}.app-shell,.app-shell.sidebar-collapsed{width:100%;height:100dvh;min-height:100dvh;display:block}.app-content{width:100%;height:100dvh;min-height:100dvh}.app-sidebar{z-index:90;width:min(300px,100vw - 32px);max-width:calc(100vw - 32px);height:100dvh;max-height:100dvh;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:none}.app-sidebar:not(.open){display:none!important}.app-sidebar.open{box-shadow:25px 0 80px #000;display:flex!important}.app-sidebar .sidebar-brand{grid-template-columns:minmax(0,1fr) 40px;align-items:center;column-gap:12px;width:100%;height:52px;padding:0 4px 8px;display:grid}.app-sidebar .sidebar-brand>.brand{min-width:0;overflow:hidden}.app-sidebar .sidebar-collapse{display:none}.app-sidebar .sidebar-close{justify-self:end;width:40px;min-width:40px;height:40px;display:grid;position:static}.app-sidebar .sidebar-brand,.app-sidebar .new-chat,.app-sidebar .secret-chat,.app-sidebar .app-nav,.app-sidebar .sidebar-projects,.app-sidebar .recent-list,.app-sidebar .sidebar-bottom{flex:none}.app-sidebar .recent-list{min-height:auto;overflow:visible}.app-sidebar .sidebar-bottom{margin-top:18px}.sidebar-overlay{z-index:85;background:#07080acc;border:0;display:block;position:fixed;inset:0}.app-mobile-bar{z-index:70;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080af5;justify-content:flex-start;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.app-mobile-bar .sidebar-open{flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;position:static}.content-page,.catalog-page,.catalog-redesign,.media-studio,.templates-page,.filters-page{width:100%;max-width:none;padding-top:calc(70px + env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left));box-sizing:border-box}.app-content:has(.chat-handoff){overflow:hidden}.app-content:has(.chat-handoff)>.sidebar-open{z-index:82;top:calc(7px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));place-items:center;width:40px;height:40px;display:grid;position:absolute}.chat-handoff{height:100dvh;min-height:0;overflow:hidden}.chat-handoff .chat-header{height:calc(54px + env(safe-area-inset-top));min-height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(58px,calc(52px + env(safe-area-inset-left)))}.chat-handoff .chat-header:has(.model-dropdown){z-index:79;-webkit-backdrop-filter:none;position:relative}.chat-handoff .model-dropdown-backdrop{-webkit-backdrop-filter:blur(3px);background:#030406c7}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.chat-handoff .chat-header:has(.model-dropdown){-webkit-backdrop-filter:none;backdrop-filter:none}.chat-handoff .model-dropdown-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.chat-handoff .model-dropdown{top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));border-radius:16px;flex-direction:column;width:auto;height:auto;max-height:none;display:flex;position:fixed;overflow:hidden}.chat-handoff .model-dropdown-head{height:50px;min-height:50px;position:static;top:auto}.chat-handoff .model-dropdown-search{flex:none;height:42px;min-height:42px;margin:6px 10px 4px;position:static;top:auto}.chat-handoff .model-dropdown-search input{font-size:16px}.chat-handoff .model-dropdown-scroll{min-height:0;padding:0 8px calc(12px + env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-gutter:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.chat-handoff .chat-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:0;overflow:hidden auto}.chat-handoff .chat-scroll:not(.has-messages){display:block}.chat-handoff .chat-empty{width:min(760px,100%);max-width:760px;margin:0 auto;padding:18px 20px}.chat-handoff .chat-empty h1{margin:0;font-size:30px;line-height:1.08}.chat-handoff .chat-empty>p{margin:7px auto 0;font-size:13px;line-height:1.4}.chat-handoff .suggestion-note{margin:8px auto 10px;font-size:9px}.chat-handoff .suggestions{gap:7px}.chat-handoff .suggestions button{min-height:42px;padding:7px 12px}.chat-handoff .message-list{margin-top:0;margin-bottom:0;padding-bottom:18px}.composer-dock{z-index:40;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#0d0d0e;flex:none;position:relative;bottom:auto;left:auto;right:auto}.chat-handoff .chat-composer{border-radius:16px;width:min(760px,100%);min-height:0;padding:9px 11px 8px}.chat-handoff .chat-composer textarea{min-height:26px;max-height:72px;padding:1px 3px 6px;font-size:16px}.chat-handoff .attach-label,.chat-handoff .chat-composer-bottom .send-button,.chat-handoff .stop-button{width:36px;height:36px}.chat-handoff .chat-disclaimer{display:none}.chat-follow-output{bottom:96px}}@media (display-mode:standalone){body{overscroll-behavior-y:none}}