.homeWorkspace{--homeSurface:#151d29;--homeStroke:#2c3b4e;--homeMuted:#a4b3c6;--homeAccent:#6de1ef;color:#f3f7fd;box-sizing:border-box;width:100%;max-width:1552px;margin:0 auto;padding:clamp(32px,5vh,64px) clamp(20px,3vw,48px) 40px;font-size:14px}.homeWorkspace :is(button,textarea,input){font:inherit}.homeWorkspace :is(button,a,textarea,input):focus-visible{outline:2px solid var(--homeAccent);outline-offset:4px}.homeWorkspace ::selection{color:#fff;background:#295e75}.homeWorkspace :is(textarea,input){caret-color:var(--homeAccent)}.homeWorkspace button{cursor:pointer}.homeWorkspace button:disabled{cursor:not-allowed}.homeStart{width:min(100%,980px);margin:0 auto}.homeHeading{text-align:center;margin-bottom:30px}.homeHeading h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 12px;font-size:clamp(26px,2.8vw,40px);font-weight:600;line-height:1.4}.homeHeading h1 span{white-space:nowrap;display:inline-block}.homeHeading p{color:var(--homeMuted);margin:0;font-size:15px;line-height:1.7}.homeComposer{background:var(--homeSurface);border:1px solid #4b889b;border-radius:20px;padding:18px 20px;transition:border-color .18s ease-out;box-shadow:0 18px 48px #00000029}.homeComposer:focus-within{border-color:var(--homeAccent)}.homeMediaTabs{gap:6px;display:flex}.homeMediaTabs button{min-height:36px;color:var(--homeMuted);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.homeMediaTabs button:hover{color:#fff;background:#202d3e}.homeMediaTabs button[aria-pressed=true]{color:#b6f3fa;background:#253b4a;border-color:#385b6b}.homeComposer textarea{box-sizing:border-box;resize:vertical;color:#f3f7fd;background:0 0;border:0;border-radius:4px;outline:none;width:100%;min-height:116px;max-height:360px;margin:14px 0;padding:6px 8px;font-size:16px;line-height:1.75;display:block}.homeComposer textarea::placeholder{color:var(--homeMuted)}.homeComposerFooter{justify-content:space-between;align-items:center;gap:16px;padding-left:8px;display:flex}.homeComposerFooter>span{color:var(--homeMuted);font-size:13px;line-height:1.6}.homeComposerFooter .homeSubmit{background:var(--homeAccent);color:#09202d;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:16px;min-height:42px;padding:10px 20px;font-weight:600;display:inline-flex}.homeComposerFooter .homeSubmit:hover:enabled{background:#a2f0f8}.homeComposerFooter .homeSubmit:disabled{color:#a1c1cd;background:#294653}.homeProjectEntries{align-items:stretch;gap:14px;margin-top:18px;display:flex}.homeProjectEntry{border:1px solid var(--homeStroke);color:#f3f7fd;text-align:left;background:#152131;border-radius:12px;flex:1;align-items:center;gap:14px;min-width:0;padding:20px;transition:background .18s ease-out,border-color .18s ease-out;display:flex}.homeProjectEntry:hover{background:#1c2e42;border-color:#4b798e}.homeProjectEntry>span:not(.anticon){gap:5px;display:grid}.homeProjectEntry strong{font-size:16px;font-weight:500}.homeProjectEntry small{color:var(--homeMuted);font-size:12px;line-height:1.5}.homeEntryIcon{color:var(--homeAccent);font-size:24px}.homeEntryArrow{color:#b6cbdc;margin-left:auto}.homeTutorial{color:#bccddd;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:16px 10px;text-decoration:none;display:inline-flex}.homeTutorial:hover{color:var(--homeAccent)}.homeTutorial>.anticon:first-child{font-size:18px}.homeGallery{margin-top:56px}.homeGalleryHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.homeGalleryHeader h2{margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.4}.homeGalleryHeader p{color:var(--homeMuted);margin:0;font-size:13px}.homeSearch{border:1px solid var(--homeStroke);box-sizing:border-box;width:240px;min-width:0;height:40px;color:var(--homeMuted);background:#161e2a;border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.homeSearch:focus-within{border-color:var(--homeAccent)}.homeSearch input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0}.homeSearch input::placeholder{color:var(--homeMuted)}.homeFilters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.homeFilters button{min-height:36px;color:var(--homeMuted);background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 16px}.homeFilters button:hover{color:#fff;background:#1e2c3e}.homeFilters button[aria-pressed=true]{color:#fff;background:#26364b;border-color:#35485f}.homeGalleryFeedback{min-height:150px;color:var(--homeMuted);text-align:center;border-block:1px solid #223042;place-items:center;font-size:14px;display:grid}.homeGalleryFeedback[role=alert]{color:#ffb6b1}.homeCaseGrid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:28px 20px;display:grid}.homeCaseGrid[aria-busy=true]{opacity:.6}.homeCaseCard{color:#f3f7fd;min-width:0;text-decoration:none;display:block}.homeCaseCover{border:1px solid var(--homeStroke);background:#192435;border-radius:12px;position:relative;overflow:hidden}.homeCaseImage{object-fit:cover;width:100%;height:100%}.homeCaseEmptyImage{opacity:.7;width:48px;height:48px;margin:auto;display:block;position:absolute;inset:0}.homeCasePlay{background:#08101ccf;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:12px;right:12px}.homeCaseCard:hover .homeCaseCover{border-color:#6baabc}.homeCaseCard:hover h3{color:var(--homeAccent)}.homeCaseBody{padding:12px 2px 0}.homeCaseBody h3{color:#f3f7fd;text-overflow:ellipsis;white-space:nowrap;margin:0 0 9px;font-size:15px;font-weight:500;overflow:hidden}.homeCaseFooter{color:var(--homeMuted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.homeCaseAuthor{align-items:center;gap:6px;min-width:0;display:flex}.homeCaseAuthor img{border-radius:50%;flex-shrink:0}.homeCaseAuthor span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.homeCaseStats{flex-shrink:0;gap:8px;display:flex}@media (min-width:1700px){.homeWorkspace{padding-top:72px}}@media (max-width:1100px){.homeProjectEntry{gap:10px;padding:16px}.homeEntryIcon{font-size:20px}.homeCaseGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.homeWorkspace{padding:32px 24px}.homeProjectEntries{flex-wrap:wrap}.homeTutorial{width:100%;padding:4px 0}.homeProjectEntry{flex-basis:calc(50% - 7px)}.homeProjectEntry small{display:none}.homeGallery{margin-top:40px}.homeCaseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.homeWorkspace{padding:28px 16px}.homeHeading{margin-bottom:24px}.homeHeading h1{font-size:25px}.homeHeading p{font-size:13px}.homeComposer{border-radius:14px;padding:12px}.homeMediaTabs{gap:2px}.homeMediaTabs button{gap:6px;padding:7px 9px;font-size:13px}.homeComposer textarea{min-height:132px;font-size:15px}.homeComposerFooter{flex-wrap:wrap;gap:12px;padding:0}.homeComposerFooter>span{font-size:12px}.homeComposerFooter .homeSubmit{margin-left:auto}.homeProjectEntries{gap:10px}.homeProjectEntry{gap:8px;padding:14px 10px}.homeProjectEntry strong{font-size:14px}.homeWorkspace .homeEntryIcon{display:none}.homeGalleryHeader{flex-wrap:wrap;gap:16px}.homeGalleryHeader h2{font-size:20px}.homeSearch{width:100%}.homeFilters{gap:4px}.homeFilters button{padding-inline:12px;font-size:13px}.homeCaseGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){html.layout-home-new .home-new-page:has(.homeWorkspace){flex-direction:column}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-sidebar{background:#061728;border-bottom:1px solid #26354a;flex-shrink:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;width:100%;padding:10px 12px 8px;display:grid;overflow:visible}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-brand{grid-area:1/1;margin:0}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-logo{width:32px;height:32px}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-nav{flex-direction:row;grid-area:2/1/auto/-1;gap:4px;width:100%}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-nav-item{white-space:nowrap;flex:1;width:auto;min-width:0;min-height:50px;margin:0;padding:6px;font-size:12px}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-nav-ico{width:20px;height:20px}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-nav--secondary{grid-area:1/2;justify-content:flex-end;gap:8px}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-nav--secondary .home-new-nav-item{flex:none;min-height:32px;padding:6px 2px}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-nav--secondary .home-new-nav-ico,html.layout-home-new .home-new-page:has(.homeWorkspace) :is(.home-new-nav-divider,.home-new-sidebar-spacer){display:none}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-sidebar-bottom{grid-area:1/3;width:auto;padding:0}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-user{flex-direction:row;gap:8px}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-points{width:auto;min-width:0;padding:6px}html.layout-home-new .home-new-page:has(.homeWorkspace) .home-new-login{min-height:32px;padding:4px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.homeWorkspace *{transition:none}}
