html:has(.app-shell){--app-topbar: 67px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);-webkit-text-size-adjust:100%}html:has(.app-shell) .app-shell{min-height:100vh;min-height:100dvh}html:has(.app-shell) .main-area{min-height:100vh;min-height:100dvh}html:has(.app-shell) .topbar{height:calc(var(--app-topbar) + var(--safe-top));padding-top:var(--safe-top)}html:has(.app-shell) .workspace-view{height:calc(100vh - var(--app-topbar) - var(--safe-top));height:calc(100dvh - var(--app-topbar) - var(--safe-top))}html:has(.app-shell) .home-view{min-height:calc(100vh - var(--app-topbar) - var(--safe-top));min-height:calc(100dvh - var(--app-topbar) - var(--safe-top))}html:has(.app-shell) .settings-modal,html:has(.app-shell) .notice-modal{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom))}html:has(.app-shell) .main-area>#loading-ad{width:auto;max-width:780px;margin:12px 23px 0}.mobile-menu-toggle,.mobile-workspace-tabs,.mobile-nav-backdrop{display:none}.mobile-menu-toggle{flex:none;width:44px;height:44px;margin-right:8px}@media(max-width:1023px){html:has(.app-shell){--app-topbar: 56px}html:has(.app-shell) .sidebar{z-index:40;width:min(320px,88vw);align-items:stretch;padding:calc(20px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));transform:translate(-105%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s ease}html:has(.app-shell) .sidebar.mobile-expanded{transform:none;visibility:visible;pointer-events:auto;box-shadow:0 24px 80px #00000073}html:has(.app-shell) .sidebar .brand-row{width:100%;justify-content:space-between;padding:0 7px 22px}html:has(.app-shell) .sidebar .brand-row .brand>span:last-child,html:has(.app-shell) .sidebar .new-project>span:not(.plus),html:has(.app-shell) .sidebar .new-project kbd,html:has(.app-shell) .sidebar .nav-item>span,html:has(.app-shell) .sidebar .model-copy,html:has(.app-shell) .sidebar .model-chevron,html:has(.app-shell) .sidebar .sidebar-bottom>span:not(.online-dot){display:grid}html:has(.app-shell) .sidebar .sidebar-label{display:flex}html:has(.app-shell) .sidebar .project-list{display:grid}html:has(.app-shell) .sidebar .new-project{width:100%;justify-content:flex-start;padding:0 12px}html:has(.app-shell) .sidebar .primary-nav{width:100%;margin-top:24px}html:has(.app-shell) .sidebar .nav-item{justify-content:flex-start;padding:0 11px}html:has(.app-shell) .sidebar .model-card{width:100%;justify-content:flex-start;padding:10px 8px}html:has(.app-shell) .sidebar .sidebar-collapse{display:grid;width:44px;height:44px}html:has(.app-shell) .sidebar .sidebar-collapse-icon{display:block}html:has(.app-shell) .sidebar .sidebar-expand-icon{display:none}html:has(.app-shell) .main-area{width:100%;min-height:100dvh;margin-left:0}html:has(.app-shell) .topbar{padding-left:12px;padding-right:12px}html:has(.app-shell) .breadcrumb{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-menu-toggle{display:grid}.mobile-nav-backdrop:not(.hidden){position:fixed;inset:0;z-index:39;display:block;width:100%;height:100%;padding:0;border:0;background:#07060b94;backdrop-filter:blur(3px)}body.mobile-nav-open{overflow:hidden}html:has(.app-shell) .main-area>#loading-ad{margin:10px 14px 0}html:has(.app-shell) .workspace-view{height:auto;min-height:calc(100dvh - var(--app-topbar) - var(--safe-top));padding:12px 14px calc(16px + var(--safe-bottom))}html:has(.app-shell) .home-view,html:has(.app-shell) .projects-view,html:has(.app-shell) .knowledge-view{padding-bottom:calc(18px + var(--safe-bottom))}html:has(.app-shell) .mobile-workspace-tabs{display:flex;flex:none;gap:6px;margin:8px 0 10px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}html:has(.app-shell) .mobile-workspace-tab{flex:1;min-height:44px;min-width:44px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}html:has(.app-shell) .mobile-workspace-tab.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #14121b14}html:has(.app-shell) .workspace-layout{display:flex;flex:1;flex-direction:column;min-height:0;gap:10px}html:has(.app-shell) .workspace-layout>.build-column,html:has(.app-shell) .workspace-layout>.agent-column{display:none;width:100%;height:calc(100dvh - 250px);min-height:420px}html:has(.app-shell) .workspace-layout[data-mobile-panel=build]>.build-column{display:flex}html:has(.app-shell) .workspace-layout[data-mobile-panel=chat]>.agent-column{display:flex}html:has(.app-shell) input,html:has(.app-shell) textarea,html:has(.app-shell) select{font-size:16px!important}html:has(.app-shell) button,html:has(.app-shell) .nav-item,html:has(.app-shell) .canvas-tab,html:has(.app-shell) .project-entry,html:has(.app-shell) .file-entry,html:has(.app-shell) .idea-chips button,html:has(.app-shell) .welcome-suggestions button,html:has(.app-shell) .text-button,html:has(.app-shell) .small-tool,html:has(.app-shell) .icon-button,html:has(.app-shell) .tiny-icon,html:has(.app-shell) .send-button,html:has(.app-shell) .primary-button,html:has(.app-shell) .secondary-button,html:has(.app-shell) .create-button,html:has(.app-shell) .avatar-button,html:has(.app-shell) .auth-text-button,html:has(.app-shell) .onboarding-signout{min-width:44px;min-height:44px;touch-action:manipulation}html:has(.app-shell) .topbar{flex-wrap:nowrap}html:has(.app-shell) .top-actions{flex:none;gap:8px}html:has(.app-shell) .workspace-heading{flex-wrap:wrap;gap:8px}html:has(.app-shell) .workspace-controls{flex-wrap:wrap;gap:6px}html:has(.app-shell) .agent-composer{margin-bottom:calc(8px + var(--safe-bottom))}}@media(max-width:560px){html:has(.app-shell){--app-topbar: 55px}html:has(.app-shell) .main-area>#loading-ad{margin:8px 9px 0}html:has(.app-shell) .workspace-view{padding-left:9px;padding-right:9px}html:has(.app-shell) .mobile-workspace-tabs{margin-top:6px}html:has(.app-shell) .workspace-layout>.build-column,html:has(.app-shell) .workspace-layout>.agent-column{height:calc(100dvh - 235px);min-height:390px}}