.TutorialsPage-module__GCzAGW__root{background:var(--color-surface);min-height:100vh;font-family:var(--font-family-body)}.TutorialsPage-module__GCzAGW__pageContainer{padding-top:2rem;padding-bottom:2rem}.TutorialsPage-module__GCzAGW__layout{gap:3rem;display:flex}.TutorialsPage-module__GCzAGW__desktopSidebar{flex-shrink:0;align-self:flex-start;width:16rem;display:block;position:sticky;top:6rem}.TutorialsPage-module__GCzAGW__mobileSidebar{display:none}.TutorialsPage-module__GCzAGW__main{flex:1;min-width:0}.TutorialsPage-module__GCzAGW__search{margin-bottom:1.5rem;position:relative}.TutorialsPage-module__GCzAGW__searchMobile{margin-bottom:1rem}.TutorialsPage-module__GCzAGW__searchIcon{width:.875rem;height:.875rem;color:var(--color-text-disabled);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.TutorialsPage-module__GCzAGW__searchInput{border:1px solid var(--color-primary-gray);border-radius:var(--radius-pill);width:85%;color:var(--color-ink);font-family:var(--font-family-ui);outline:none;padding:4px 10px 4px 32px;font-size:13px}.TutorialsPage-module__GCzAGW__searchInputMobile{width:100%}.TutorialsPage-module__GCzAGW__sidebarGroup{margin-bottom:1.5rem}.TutorialsPage-module__GCzAGW__sidebarGroupMobile{margin-bottom:1rem}.TutorialsPage-module__GCzAGW__sidebarTitle{color:var(--color-text);margin:0 0 8px;padding-left:10px;font-size:13px;font-weight:500}.TutorialsPage-module__GCzAGW__sidebarTitleMobile{padding-left:0}.TutorialsPage-module__GCzAGW__sidebarList{flex-direction:column;display:flex}.TutorialsPage-module__GCzAGW__sidebarListMobile{flex-flow:wrap;gap:.5rem}.TutorialsPage-module__GCzAGW__sidebarItem{color:var(--color-ink);cursor:pointer;font-family:var(--font-family-ui);text-align:left;transition:opacity var(--motion-normal),background-color var(--motion-normal);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:550;line-height:1.25;display:flex}.TutorialsPage-module__GCzAGW__sidebarItemMobile{border:1px solid var(--color-border-muted);border-radius:var(--radius-pill);background:var(--color-surface);gap:6px;padding:6px 12px;font-size:12px}.TutorialsPage-module__GCzAGW__sidebarItemDimmed{opacity:.3}.TutorialsPage-module__GCzAGW__sidebarIcon{color:var(--color-ink);flex-shrink:0}.TutorialsPage-module__GCzAGW__heroSticky{z-index:10;background:var(--color-surface);margin-bottom:0;padding-bottom:48px;position:sticky;top:96px}.TutorialsPage-module__GCzAGW__hero{align-items:center;gap:32px;display:flex}.TutorialsPage-module__GCzAGW__heroContent{flex:1}.TutorialsPage-module__GCzAGW__heroTitle{color:var(--color-ink);font-size:2.25rem;font-weight:700;line-height:var(--line-height-heading);margin:0 0 16px}.TutorialsPage-module__GCzAGW__heroDescription{color:var(--color-text-muted);font-size:1.125rem;line-height:var(--line-height-body);margin:0}.TutorialsPage-module__GCzAGW__heroVideo{flex-shrink:0;width:440px}.TutorialsPage-module__GCzAGW__videoThumbnail{aspect-ratio:16/9;cursor:pointer;background-image:url(/tutorials/how-to-use.png);background-position:50%;background-size:cover;position:relative;overflow:hidden}.TutorialsPage-module__GCzAGW__videoPlay{border-radius:var(--radius-circle);background:#fffc;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0003}.TutorialsPage-module__GCzAGW__videoPlayIcon{color:var(--color-header-primary-hover);fill:var(--color-header-primary-hover);margin-left:3px}.TutorialsPage-module__GCzAGW__sectionAnchor{scroll-margin-top:120px}.TutorialsPage-module__GCzAGW__sectionTitle{color:var(--color-ink);font-size:20px;font-weight:700;line-height:var(--line-height-heading);margin:0 0 12px}.TutorialsPage-module__GCzAGW__tutorialList{border:1px solid var(--color-border);margin-bottom:40px;overflow:hidden}.TutorialsPage-module__GCzAGW__tutorialItem{cursor:pointer;transition:background-color var(--motion-normal);background:0 0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:relative;overflow:hidden}.TutorialsPage-module__GCzAGW__tutorialItem:not(:last-child){border-bottom:1px dashed var(--color-primary-gray)}.TutorialsPage-module__GCzAGW__tutorialItem:after{content:"";mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity var(--motion-normal);background-image:url(/00-Shared/grain/grain.png);background-repeat:repeat;position:absolute;inset:0}.TutorialsPage-module__GCzAGW__tutorialItem:hover{background:var(--tutorial-hover-bg)}.TutorialsPage-module__GCzAGW__tutorialItem:hover:after{opacity:.5}.TutorialsPage-module__GCzAGW__toneAnalyse{--tutorial-hover-bg:var(--color-feature-analyse)}.TutorialsPage-module__GCzAGW__toneGreen{--tutorial-hover-bg:var(--color-feature-green)}.TutorialsPage-module__GCzAGW__toneYellow{--tutorial-hover-bg:var(--color-feature-yellow)}.TutorialsPage-module__GCzAGW__tonePink{--tutorial-hover-bg:var(--color-feature-pink)}.TutorialsPage-module__GCzAGW__tutorialContent{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.TutorialsPage-module__GCzAGW__tutorialIndex{min-width:20px;color:var(--color-text-disabled);font-size:14px;font-weight:500}.TutorialsPage-module__GCzAGW__tutorialText{color:var(--color-ink-strong);font-size:15px;font-weight:550;line-height:1.45}.TutorialsPage-module__GCzAGW__tutorialPlay{z-index:1;color:var(--color-ink);fill:var(--color-ink);opacity:0;transition:opacity var(--motion-normal);position:relative}.TutorialsPage-module__GCzAGW__tutorialItem:hover .TutorialsPage-module__GCzAGW__tutorialPlay{opacity:1}@media (max-width:1024px){.TutorialsPage-module__GCzAGW__desktopSidebar{display:none}.TutorialsPage-module__GCzAGW__mobileSidebar{margin-bottom:24px;display:block}.TutorialsPage-module__GCzAGW__layout{display:block}.TutorialsPage-module__GCzAGW__heroSticky{margin-bottom:48px;padding-bottom:0;position:static;top:auto}.TutorialsPage-module__GCzAGW__hero{flex-direction:column;gap:24px}.TutorialsPage-module__GCzAGW__heroVideo{width:100%}.TutorialsPage-module__GCzAGW__heroTitle{font-size:1.75rem}.TutorialsPage-module__GCzAGW__heroDescription{font-size:1rem}}@media (max-width:640px){.TutorialsPage-module__GCzAGW__heroTitle{font-size:1.5rem}.TutorialsPage-module__GCzAGW__heroDescription{font-size:.9375rem}.TutorialsPage-module__GCzAGW__sectionTitle{font-size:17px}.TutorialsPage-module__GCzAGW__tutorialItem{padding:12px 16px}.TutorialsPage-module__GCzAGW__tutorialText{font-size:13px}}