[data-ui-version=v2] .v2-home-modes{display:block}[data-ui-version=v2] .v2-home-mode-switch{position:relative;isolation:isolate;display:flex;width:300px;max-width:100%;height:40px;padding:3px;margin-top:16px;border-radius:999px;background:#292b2e}[data-ui-version=v2] .v2-home-mode-switch [role=tab]{position:relative;z-index:1;flex:1;height:34px;border-radius:999px;color:#d4d6d8;font-size:14px;transition:background-color .18s ease-out,color .18s ease-out,transform .18s ease-out}[data-ui-version=v2] .v2-home-mode-switch [data-state=active]{color:#172021;background:transparent}[data-ui-version=v2] .v2-home-canvas-state :is(button,a):focus-visible,[data-ui-version=v2] .v2-home-mode-switch [role=tab]:focus-visible{outline:2px solid #a8f1d5;outline-offset:3px}[data-ui-version=v2] .v2-home-mode-stage{display:grid}[data-ui-version=v2] .v2-home-mode-panel{grid-area:1/1;min-width:0;margin:0}[data-ui-version=v2] .v2-home-mode-panel[data-state=inactive]{display:block;opacity:0;visibility:hidden;animation:none;transition:none;pointer-events:none}[data-ui-version=v2] .canvas-projects-compact,[data-ui-version=v2] .v2-home-canvas-loading,[data-ui-version=v2] .v2-home-canvas-state{width:min(1074px,calc(100% - 80px));height:222px;overflow:visible;margin:34px auto 0;padding:0}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-section{position:absolute;inset:-28px 0 auto;height:20px;margin:0}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-section h2{font-size:14px;color:#c4c7cb}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-section>a{font-size:13px;color:#c4c7cb}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-grid,[data-ui-version=v2] .v2-home-canvas-loading{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}[data-ui-version=v2] .canvas-projects-compact :is(.canvas-projects-create,.canvas-project-card){position:relative;min-height:0;height:222px;aspect-ratio:auto;border:1px solid #ffffff14;border-radius:16px;background-color:#242628;background-image:radial-gradient(#ffffff13 1px,transparent 0);background-size:20px 20px}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-create{background-color:#191b1d;gap:8px}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-plus{width:32px;height:32px;margin:0;border-radius:8px;background:#fff;color:#242628}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-create strong{color:#f4f5f6;font-size:13px}[data-ui-version=v2] .canvas-projects-compact .canvas-project-preview{height:100%;background:transparent;color:#a6abad;padding-bottom:28px}[data-ui-version=v2] .canvas-projects-compact .canvas-project-preview>svg{width:24px;height:24px}[data-ui-version=v2] .canvas-projects-compact .canvas-project-preview>span{display:none}[data-ui-version=v2] .canvas-projects-compact .canvas-project-preview i{opacity:0;transition:opacity .18s ease-out}[data-ui-version=v2] .canvas-projects-compact .canvas-project-info{position:absolute;inset:auto 0 0;padding:20px 12px 10px;background:linear-gradient(transparent,#141617e6)}[data-ui-version=v2] .canvas-projects-compact .canvas-project-info h3{margin:0 0 3px;font-size:14px}[data-ui-version=v2] .canvas-projects-compact .canvas-project-info>span{color:#b8bec2}[data-ui-version=v2] .canvas-projects-compact :is(.canvas-project-card,.canvas-projects-create):hover{transform:translateY(-3px);border-color:#a8f1d580;background-color:#2b302f}[data-ui-version=v2] .canvas-projects-compact .canvas-project-card:is(:hover,:focus-visible) .canvas-project-preview i{opacity:1}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-grid[data-empty=true]{grid-template-columns:minmax(0,1fr)}[data-ui-version=v2] .canvas-projects-empty{margin:0;font-size:14px;color:#b8bec2}[data-ui-version=v2] .v2-home-canvas-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#c4c7cb}[data-ui-version=v2] .v2-home-canvas-state :is(button,a){color:#b6ffe4;cursor:pointer}[data-ui-version=v2] .v2-home-canvas-loading>span:not(.sr-only){height:222px;aspect-ratio:auto;border-radius:16px;background:#242628;animation:canvas-loading 1.4s ease-in-out infinite alternate}@keyframes canvas-loading{to{opacity:.45}}@media (max-width:1000px){[data-ui-version=v2] .canvas-projects-compact .canvas-projects-grid,[data-ui-version=v2] .v2-home-canvas-loading{grid-template-columns:repeat(4,minmax(210px,1fr));overflow-x:auto}}@media (max-width:767px){[data-ui-version=v2] .canvas-projects-compact,[data-ui-version=v2] .v2-home-canvas-loading,[data-ui-version=v2] .v2-home-canvas-state{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){[data-ui-version=v2] .v2-home-canvas-loading>span{animation:none}[data-ui-version=v2] .canvas-projects-compact .canvas-project-preview i,[data-ui-version=v2] .v2-home-mode-switch [role=tab]{transition:none}}[data-ui-version=v2] .v2-home-mode-switch:before{content:"";position:absolute;inset:3px auto 3px 3px;width:calc((100% - 6px) / 2);border-radius:inherit;background:linear-gradient(136deg,#39ffe5,#ebffc2);transition:transform .24s cubic-bezier(.16,1,.3,1)}[data-ui-version=v2] .v2-home-mode-switch[data-mode=canvas]:before{transform:translateX(100%)}[data-ui-version=v2] .v2-home-mode-switch [role=tab]:hover{background-color:#ffffff0d;color:#fff}[data-ui-version=v2] .v2-home-mode-switch [data-state=active]:hover{color:#10211c;background-color:#ffffff1a}[data-ui-version=v2] .v2-home-mode-switch [role=tab]:active{transform:scale(.96)}[data-ui-version=v2] .v2-home-mode-panel[data-state=active]{animation:home-mode-enter .22s cubic-bezier(.16,1,.3,1)}@keyframes home-mode-enter{0%{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-ui-version=v2] .canvas-projects-compact :is(.canvas-project-card,.canvas-projects-create){transition:transform .18s ease-out,border-color .18s ease-out,background-color .18s ease-out}[data-ui-version=v2] .canvas-projects-compact :is(.canvas-project-card,.canvas-projects-create):active{transform:scale(.98)}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-plus{transition:transform .18s ease-out}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-create:hover .canvas-projects-plus{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){[data-ui-version=v2] .canvas-projects-compact :is(.canvas-project-card,.canvas-projects-create,.canvas-projects-plus),[data-ui-version=v2] .v2-home-mode-switch:before{transition:none}[data-ui-version=v2] .v2-home-mode-panel[data-state=active]{animation:none}[data-ui-version=v2] .canvas-projects-compact .canvas-projects-create:hover .canvas-projects-plus,[data-ui-version=v2] .canvas-projects-compact :is(.canvas-project-card,.canvas-projects-create):is(:hover,:active),[data-ui-version=v2] .v2-home-mode-switch [role=tab]:active{transform:none}}