.cf-app{background:var(--bg,#0b0714);min-height:100dvh;color:var(--text,#f4f4f5);display:flex}.cf-mobile-toggle{z-index:80;color:#fff;backdrop-filter:blur(8px);background:#181228eb;border:1px solid #ffffff1f;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:none;position:fixed;top:.75rem;left:.75rem}.cf-sidebar-backdrop{z-index:60;background:#00000073;display:none;position:fixed;inset:0}.cf-sidebar-backdrop.open{display:block}.cf-sidebar{z-index:70;border-right:1px solid var(--border,#ffffff14);background:linear-gradient(180deg, var(--bg-elevated,#120c1f) 0%, var(--bg,#0b0714) 100%);flex-direction:column;flex-shrink:0;width:15.5rem;height:100dvh;padding:.85rem .65rem;transition:width .2s;display:flex;position:sticky;top:0}.cf-sidebar.collapsed{width:4.25rem}.cf-sidebar-head{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:1rem;padding:0 .25rem;display:flex}.cf-brand{color:var(--text,#fff);letter-spacing:-.02em;align-items:center;gap:.5rem;min-width:0;font-weight:600;text-decoration:none;display:inline-flex}.cf-brand-mark{color:#ddd6fe;background:#8b5cf640;border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;display:inline-flex}.cf-collapse-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.cf-collapse-btn:hover{color:#fff;border-color:#ffffff38}.cf-nav{flex-direction:column;flex:1;gap:.2rem;padding-right:.15rem;display:flex;overflow-y:auto}.cf-nav-item{color:var(--muted,#a1a1aa);border-radius:.75rem;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.cf-sidebar.collapsed .cf-nav-item{justify-content:center;padding-inline:.5rem}.cf-nav-item:hover{background:var(--accent-soft,#ffffff0d);color:var(--text,#f4f4f5)}.cf-nav-item.active{background:var(--accent-soft,#8b5cf62e);color:var(--text,#ede9fe);box-shadow:inset 0 0 0 1px var(--border-strong,#a78bfa40);border-radius:999px}.cf-nav-item:focus-visible,.cf-theme-btn:focus-visible,.cf-install-btn:focus-visible{box-shadow:var(--ring,0 0 0 3px #8b5cf659);outline:none}.cf-sidebar-foot{border-top:1px solid #ffffff0f;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.75rem;display:flex}.cf-foot-link{color:var(--muted,#71717a);border-radius:.5rem;padding:.35rem .65rem;font-size:.8rem;text-decoration:none}.cf-foot-link:hover{color:var(--text-secondary,#d4d4d8);background:var(--accent-soft,#ffffff0a)}.cf-workspace{background:var(--bg,#0b0714);flex-direction:column;flex:1;min-width:0;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.cf-shell-bar{border-bottom:1px solid var(--border,#ffffff14);background:color-mix(in srgb, var(--bg-elevated,#161022) 88%, transparent);z-index:30;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;height:2.75rem;padding:0 1rem;display:flex;position:relative}.cf-shell-bar-spacer{flex:1}.cf-theme-btn,.cf-install-btn{border:1px solid var(--border,#ffffff1f);background:var(--accent-soft,#ffffff0a);height:2rem;color:var(--text,#e4e4e7);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:0 .7rem;font-size:.8rem;font-weight:500;display:inline-flex}.cf-theme-btn:hover,.cf-install-btn:hover{border-color:var(--border-strong,#ffffff38)}.cf-install-help{z-index:40;border:1px solid var(--border-strong,#0000001f);background:var(--bg-elevated,#fff);width:min(20rem,100vw - 2rem);color:var(--text,#1a1028);box-shadow:var(--shadow-sm);border-radius:.75rem;padding:.75rem .85rem;font-size:.82rem;line-height:1.45;position:absolute;top:calc(100% + 6px);right:.75rem}.cf-install-help[hidden]{display:none!important}.cf-workspace-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.cf-panel-host,.cf-standalone-host,.cf-legacy-host{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.cf-standalone-host .cf-standalone-shell.shell,.cf-panel-host .cf-standalone-shell.shell{flex-direction:column!important;grid-template-columns:none!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;display:flex!important;position:relative!important}.cf-standalone-host .cf-standalone-main.main{flex-direction:column!important;flex:auto!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;display:flex!important;position:relative!important;overflow:hidden auto!important}.cf-standalone-host .vt-panel,.cf-standalone-host .tr-panel,.cf-standalone-host .ag-panel,.cf-standalone-host .wb-panel{background:var(--bg,#0b0714)!important;z-index:1!important;flex-direction:column!important;flex:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:100%!important;display:flex!important;position:relative!important;inset:auto!important;overflow:visible!important}.cf-standalone-host .vt-body,.cf-standalone-host .tr-body,.cf-standalone-host .ag-body{box-sizing:border-box!important;width:100%!important;max-width:880px!important;margin-inline:auto!important;padding:24px 28px 40px!important}.cf-standalone-host .wb-body{flex:1!important;grid-template-columns:minmax(280px,380px) 1fr!important;width:100%!important;max-width:none!important;min-height:0!important}.cf-standalone-host .vt-top,.cf-standalone-host .tr-top,.cf-standalone-host .ag-top,.cf-standalone-host .wb-top{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding-inline:28px!important}.cf-standalone-host #vtClose,.cf-standalone-host #trClose,.cf-standalone-host #agClose,.cf-standalone-host #wbClose{display:none!important}.cf-standalone-host .vt-form,.cf-standalone-host .tr-form,.cf-standalone-host .vt-dropzone,.cf-standalone-host .tr-dropzone{box-sizing:border-box!important;width:100%!important;max-width:none!important}.cf-legacy-host .global-topnav,.cf-legacy-host .sidebar,.cf-legacy-host .sidebar-backdrop,.cf-legacy-host .bg-orbs,.cf-legacy-host .model-picker,.cf-legacy-host #modelPicker,.cf-legacy-host .theme-toggle,.cf-legacy-host #themeToggle,.cf-legacy-host .install-chip,.cf-legacy-host .install-banner,.cf-legacy-host #musicDrawerClose,.cf-legacy-host #videoDrawerClose,.cf-legacy-host #voiceDrawerClose,.cf-legacy-host #imagineClose,.cf-legacy-host #gomniClose,.cf-legacy-host #liveClose,.cf-app[data-panel=chat] .cf-legacy-host #emptyModePills,.cf-app[data-panel=chat] .cf-legacy-host .mode-pills,.cf-app[data-panel=omni] .cf-legacy-host #gomniEmpty #gomniEmptyCount,.cf-app[data-panel=omni] .cf-legacy-host .gomni-empty .gomni-empty-count{display:none!important}.cf-legacy-host .shell{flex-direction:column!important;grid-template-columns:none!important;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;display:flex!important;position:relative!important}.cf-legacy-host .main{flex:1!important;width:100%!important;min-height:0!important;position:relative!important;overflow:hidden!important}.cf-legacy-host .drawer.tool-page{z-index:5!important;opacity:1!important;pointer-events:auto!important;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;position:absolute!important;inset:0!important;transform:none!important}.cf-legacy-host .drawer.tool-page:not(.open){display:none!important}.cf-legacy-host .tool-split{box-sizing:border-box!important;grid-template-columns:minmax(280px,380px) 1fr!important;gap:20px!important;width:100%!important;max-width:none!important;height:100%!important;padding:18px 24px 28px!important}.cf-legacy-host .drawer-header{max-width:none!important;padding:18px 24px 12px!important}.cf-legacy-host .drawer-body.tool-split{overflow:hidden!important}.cf-legacy-host .tool-controls,.cf-legacy-host .tool-preview{max-height:100%;overflow-y:auto}.cf-app[data-panel=chat] .cf-legacy-host #mainChatArea{flex-direction:column!important;gap:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.cf-app[data-panel=chat] .cf-legacy-host #mainChatArea .messages{background:0 0!important;border:none!important;border-radius:0!important;flex:auto!important;width:100%!important;min-height:0!important;margin:0!important;overflow-y:auto!important}.cf-app[data-panel=chat] .cf-legacy-host #mainChatArea .composer-wrap{border:none!important;border-top:1px solid var(--border,#ffffff1a)!important;background:color-mix(in srgb, var(--bg-elevated,#0e0a1a) 92%, transparent)!important;width:100%!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;flex:none!important;margin:0!important;padding:12px 20px 20px!important;position:relative!important}.cf-app[data-panel=chat] .cf-legacy-host .topbar{display:none!important}.cf-app[data-panel=imagine] .cf-legacy-host #imaginePanel{flex-direction:column!important;gap:0!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important}.cf-app[data-panel=imagine] .cf-legacy-host .imagine-top{flex:none!important;order:0!important;padding:14px 20px 8px!important}.cf-app[data-panel=imagine] .cf-legacy-host .imagine-model-bar{flex:none!important;order:1!important;align-items:center!important;gap:10px!important;padding:0 20px 10px!important;display:flex!important}.cf-app[data-panel=imagine] .cf-legacy-host .imagine-messages{background:0 0!important;border:none!important;border-radius:0!important;flex:auto!important;order:2!important;width:100%!important;min-height:0!important;margin:0!important;padding:12px 20px!important;overflow-y:auto!important}.cf-app[data-panel=imagine] .cf-legacy-host .imagine-options-bar,.cf-app[data-panel=imagine] .cf-legacy-host .imagine-composer-wrap{background:color-mix(in srgb, var(--bg-elevated,#0e0a1a) 92%, transparent)!important;border:none!important;border-top:1px solid var(--border,#ffffff1a)!important;border-radius:0!important;flex:none!important;width:100%!important;margin:0!important;padding:10px 20px!important}.cf-app[data-panel=imagine] .cf-legacy-host .imagine-options-bar{border-top:1px solid var(--border,#ffffff1a)!important;order:3!important;padding-bottom:4px!important}.cf-app[data-panel=imagine] .cf-legacy-host .imagine-composer-wrap{border-top:none!important;order:4!important;padding-top:4px!important;padding-bottom:16px!important}.cf-app[data-panel=omni] .cf-legacy-host #gomniPanel{flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important}.cf-app[data-panel=omni] .cf-legacy-host .gomni-body--studio{flex-direction:column!important;flex:1!important;grid-template-columns:none!important;grid-template-areas:none!important;gap:0!important;width:100%!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.cf-app[data-panel=omni] .cf-legacy-host .gomni-results-area{background:0 0!important;border:none!important;border-radius:0!important;flex:auto!important;width:100%!important;min-height:0!important;padding:12px 20px!important;overflow-y:auto!important}.cf-app[data-panel=omni] .cf-legacy-host .gomni-composer-wrap{border:none!important;border-top:1px solid var(--border,#ffffff1a)!important;background:color-mix(in srgb, var(--bg-elevated,#0e0a1a) 92%, transparent)!important;border-radius:0!important;flex:none!important;align-self:stretch!important;width:100%!important;max-width:none!important;max-height:none!important;padding:12px 20px 18px!important;position:relative!important;top:auto!important;overflow:visible!important}.cf-app[data-panel=live] .cf-legacy-host #livePanel{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;height:100%!important;padding:18px 24px 28px!important;display:flex!important;position:relative!important;inset:auto!important;overflow:auto!important}@media (width<=900px){.cf-theme-btn-label{display:none}.cf-legacy-host .tool-split{grid-template-columns:1fr!important}}.cf-workspace .global-topnav .gtn-modes,.cf-workspace .nav-studios{display:none!important}.cf-workspace .global-topnav{padding-left:.5rem}@media (width<=900px){.cf-mobile-toggle{display:inline-flex}.cf-sidebar{width:min(18rem,86vw);position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:12px 0 40px #00000059}.cf-sidebar.mobile-open{transform:translate(0)}.cf-sidebar.collapsed{width:min(18rem,86vw)}.cf-workspace .global-topnav{padding-left:3.25rem}}.cf-app[data-astro-cid-kn3v4cdb]{height:100dvh;max-height:100dvh}.cf-not-found[data-astro-cid-kn3v4cdb]{max-width:32rem;padding:3rem 1.5rem}.cf-not-found[data-astro-cid-kn3v4cdb] h1[data-astro-cid-kn3v4cdb]{color:#fff;font-size:1.5rem;font-weight:700}.cf-not-found[data-astro-cid-kn3v4cdb] p[data-astro-cid-kn3v4cdb]{color:#a1a1aa;margin-top:.75rem}.cf-not-found[data-astro-cid-kn3v4cdb] a[data-astro-cid-kn3v4cdb]{color:#fff;background:#8b5cf6;border-radius:999px;margin-top:1.25rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}