.TutorialsPage-module__UK33kq__page{gap:var(--space-2xl);flex-direction:column;display:flex}.TutorialsPage-module__UK33kq__intro{gap:var(--space-sm);max-width:760px;margin-bottom:clamp(var(--space-lg),4vw,var(--space-xl));flex-direction:column;display:flex}.TutorialsPage-module__UK33kq__introActions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.TutorialsPage-module__UK33kq__layout{gap:clamp(var(--space-md),4vw,var(--space-xl));align-items:stretch;display:grid}@media (min-width:900px){.TutorialsPage-module__UK33kq__layout{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}}.TutorialsPage-module__UK33kq__sidebar{gap:var(--space-lg);scrollbar-width:thin;scrollbar-color:rgba(183,155,255,.4) transparent;scrollbar-gutter:stable;flex-direction:column;max-height:calc(100vh - 160px);padding-right:6px;display:flex;position:-webkit-sticky;position:sticky;top:120px;overflow-y:auto}@media (max-width:899px){.TutorialsPage-module__UK33kq__sidebar{max-height:none;padding-right:0;position:static;overflow:visible}}.TutorialsPage-module__UK33kq__searchBox{flex-direction:column;gap:6px;display:flex}.TutorialsPage-module__UK33kq__searchLabel{letter-spacing:.12em;text-transform:uppercase;color:var(--color-dimmed);font-size:.75rem}.TutorialsPage-module__UK33kq__searchInput{border-radius:var(--radius-md);width:100%;color:var(--color-text);font:inherit;background:rgba(26,28,36,.92);border:1px solid rgba(183,155,255,.24);padding:10px 14px;transition:border-color .2s,box-shadow .2s}.TutorialsPage-module__UK33kq__searchInput:focus{border-color:rgba(183,155,255,.56);outline:none;box-shadow:0 0 0 3px rgba(111,90,200,.25)}.TutorialsPage-module__UK33kq__tabList{flex-direction:column;gap:10px;display:flex}.TutorialsPage-module__UK33kq__tabButton{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);padding:var(--space-sm)var(--space-md);font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:flex}.TutorialsPage-module__UK33kq__tabButton:hover{border-color:var(--color-accent-secondary);color:var(--color-text);transform:translate(2px)}.TutorialsPage-module__UK33kq__tabButtonActive{color:var(--color-text);background:rgba(111,90,200,.18);border-color:rgba(183,155,255,.56);box-shadow:0 14px 24px rgba(10,12,25,.35)}.TutorialsPage-module__UK33kq__tabLabel{letter-spacing:.02em;font-size:.95rem;font-weight:600}.TutorialsPage-module__UK33kq__tabSummary{color:var(--color-dimmed);font-size:.8rem}.TutorialsPage-module__UK33kq__tabButtonActive .TutorialsPage-module__UK33kq__tabSummary{color:var(--color-muted)}.TutorialsPage-module__UK33kq__content{background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:clamp(var(--space-lg),4vw,var(--space-xl));padding-right:calc(clamp(var(--space-lg),4vw,var(--space-xl)) + 6px);box-shadow:var(--shadow-soft);gap:var(--space-xl);scrollbar-width:thin;scrollbar-color:rgba(183,155,255,.4) transparent;scrollbar-gutter:stable;flex-direction:column;max-height:calc(100vh - 160px);display:flex;overflow-y:auto}.TutorialsPage-module__UK33kq__sidebar::-webkit-scrollbar{width:6px}.TutorialsPage-module__UK33kq__content::-webkit-scrollbar{width:6px}.TutorialsPage-module__UK33kq__sidebar::-webkit-scrollbar-track{background:0 0}.TutorialsPage-module__UK33kq__content::-webkit-scrollbar-track{background:0 0}.TutorialsPage-module__UK33kq__sidebar::-webkit-scrollbar-thumb{background:linear-gradient(rgba(183,155,255,.6),rgba(111,90,200,.4));border-radius:999px}.TutorialsPage-module__UK33kq__content::-webkit-scrollbar-thumb{background:linear-gradient(rgba(183,155,255,.6),rgba(111,90,200,.4));border-radius:999px}.TutorialsPage-module__UK33kq__sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(rgba(183,155,255,.8),rgba(111,90,200,.6))}.TutorialsPage-module__UK33kq__content::-webkit-scrollbar-thumb:hover{background:linear-gradient(rgba(183,155,255,.8),rgba(111,90,200,.6))}.TutorialsPage-module__UK33kq__emptyState{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;min-height:280px;display:flex}.TutorialsPage-module__UK33kq__emptyState h2{font-size:1.4rem}.TutorialsPage-module__UK33kq__emptyState p{color:var(--color-dimmed)}.TutorialsPage-module__UK33kq__panelHeader{gap:var(--space-sm);flex-direction:column;display:flex}.TutorialsPage-module__UK33kq__panelTitle{font-size:max(2rem,min(3vw,2.6rem))}.TutorialsPage-module__UK33kq__panelSubtitle{color:var(--color-muted);max-width:720px;font-size:1.05rem}.TutorialsPage-module__UK33kq__metaGrid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.TutorialsPage-module__UK33kq__metaCard{border-radius:var(--radius-md);padding:var(--space-sm)var(--space-md);background:rgba(27,30,38,.9);border:1px solid rgba(111,90,200,.2);flex-direction:column;gap:6px;display:flex}.TutorialsPage-module__UK33kq__metaLabel{letter-spacing:.16em;text-transform:uppercase;color:var(--color-dimmed);font-size:.75rem}.TutorialsPage-module__UK33kq__metaValue{color:var(--color-text);font-size:1rem;font-weight:600}.TutorialsPage-module__UK33kq__section{gap:var(--space-sm);flex-direction:column;display:flex}.TutorialsPage-module__UK33kq__sectionTitle{font-size:1.3rem}.TutorialsPage-module__UK33kq__sectionList{color:var(--color-muted);flex-direction:column;gap:.45rem;padding-left:1.3rem;list-style:outside;display:flex}.TutorialsPage-module__UK33kq__sectionList li::marker{color:var(--color-accent-secondary)}.TutorialsPage-module__UK33kq__stepper{gap:var(--space-md);margin-top:var(--space-sm);flex-direction:column;display:flex}.TutorialsPage-module__UK33kq__stepItem{gap:var(--space-md);border-radius:var(--radius-md);padding:var(--space-md);background:rgba(20,22,27,.92);border:1px solid rgba(126,130,140,.24);align-items:flex-start;display:flex}.TutorialsPage-module__UK33kq__stepNumber{width:40px;height:40px;color:var(--color-accent-secondary);background:rgba(111,90,200,.28);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.TutorialsPage-module__UK33kq__stepContent{flex-direction:column;gap:6px;display:flex}.TutorialsPage-module__UK33kq__stepTitle{font-size:1.05rem}.TutorialsPage-module__UK33kq__callout{border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs);background:rgba(111,90,200,.12);border:1px solid rgba(183,155,255,.35);flex-direction:column;display:flex}.TutorialsPage-module__UK33kq__calloutTitle{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-secondary);font-size:.85rem;font-weight:700}.TutorialsPage-module__UK33kq__calloutBody{color:var(--color-muted)}.TutorialsPage-module__UK33kq__resourceGrid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.TutorialsPage-module__UK33kq__resourceCard{border-radius:var(--radius-md);padding:var(--space-md);background:rgba(23,24,30,.92);border:1px solid rgba(52,55,63,.8);flex-direction:column;gap:6px;display:flex}.TutorialsPage-module__UK33kq__resourceLabel{color:var(--color-dimmed);text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}.TutorialsPage-module__UK33kq__resourceValue{color:var(--color-text);font-weight:600}.TutorialsPage-module__UK33kq__divider{background:rgba(126,130,140,.2);width:100%;height:1px}.TutorialsPage-module__UK33kq__dualColumn{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.TutorialsPage-module__UK33kq__tipList{color:var(--color-muted);flex-direction:column;gap:.5rem;display:flex}.TutorialsPage-module__UK33kq__tipList strong{color:var(--color-text)}.TutorialsPage-module__UK33kq__videoContainer{max-width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.TutorialsPage-module__UK33kq__videoContainer iframe{width:100%;height:100%;position:absolute;top:0;left:0}.TutorialsPage-module__UK33kq__mainTabList{gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.TutorialsPage-module__UK33kq__mainTabButton{padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font:inherit;cursor:pointer;border-radius:8px;transition:all .2s}.TutorialsPage-module__UK33kq__mainTabButton:hover{border-color:var(--color-accent-secondary);color:var(--color-text)}.TutorialsPage-module__UK33kq__mainTabButtonActive{color:var(--color-text);background:rgba(111,90,200,.18);border-color:rgba(183,155,255,.56)}.TutorialsPage-module__UK33kq__videoSection{margin-top:var(--space-lg)}
