.chapter-card>div[data-v-9b825c0c]{min-width:0}.chapter-clips[data-v-9b825c0c]{margin-top:16px;border-top:1px solid var(--an-border, rgba(255,255,255,.08));padding-top:14px;min-width:0}.chapter-clips-label[data-v-9b825c0c]{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--an-text-muted);margin-bottom:10px}.clip-strip[data-v-9b825c0c]{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;min-width:0;scrollbar-width:thin;scrollbar-color:var(--an-border, rgba(255,255,255,.18)) transparent}.clip-strip[data-v-9b825c0c]::-webkit-scrollbar{height:6px}.clip-strip[data-v-9b825c0c]::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.clip-strip[data-v-9b825c0c]::-webkit-scrollbar-track{background:transparent}.clip-card[data-v-9b825c0c]{flex:0 0 156px;display:flex;flex-direction:column;gap:7px;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;scroll-snap-align:start;transition:transform .16s ease}.clip-card[data-v-9b825c0c]:hover,.clip-card[data-v-9b825c0c]:focus-visible{transform:translateY(-3px)}.clip-card[data-v-9b825c0c]:focus-visible{outline:none}.clip-card:focus-visible .clip-thumb[data-v-9b825c0c]{outline:2px solid var(--an-accent, #34d399);outline-offset:2px}.clip-thumb[data-v-9b825c0c]{position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,#16181d,#0b0c0f);border:1px solid var(--an-border, rgba(255,255,255,.1));transition:border-color .16s ease,box-shadow .16s ease}.clip-card:hover .clip-thumb[data-v-9b825c0c],.clip-card:focus-visible .clip-thumb[data-v-9b825c0c]{border-color:var(--an-accent, #34d399);box-shadow:0 6px 18px #00000073}.clip-thumb img[data-v-9b825c0c]{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.4) saturate(1.06);transition:filter .2s ease,transform .3s ease}.clip-card:hover .clip-thumb img[data-v-9b825c0c],.clip-card:focus-visible .clip-thumb img[data-v-9b825c0c]{filter:brightness(1.6) saturate(1.12);transform:scale(1.05)}.clip-thumb[data-v-9b825c0c]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#0000009e,#0000000a 46%,#0003)}.clip-play[data-v-9b825c0c]{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:.34;transition:opacity .16s ease;z-index:1}.clip-play i[data-v-9b825c0c]{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffffeb;color:#0b0b0b;font-size:.8rem;padding-left:2px;box-shadow:0 2px 10px #00000080;transition:transform .16s ease}.clip-card:hover .clip-play[data-v-9b825c0c],.clip-card:focus-visible .clip-play[data-v-9b825c0c]{opacity:1}.clip-card:hover .clip-play i[data-v-9b825c0c]{transform:scale(1.08)}.clip-ordinal[data-v-9b825c0c]{position:absolute;z-index:1;top:6px;left:6px;background:#000000b3;color:#ffffffe6;font-size:.64rem;letter-spacing:.06em;padding:2px 5px;border-radius:4px;font-variant-numeric:tabular-nums}.clip-duration[data-v-9b825c0c]{position:absolute;z-index:1;right:6px;bottom:6px;background:#000000c7;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.clip-title[data-v-9b825c0c]{font-size:.76rem;line-height:1.35;color:var(--an-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-card:hover .clip-title[data-v-9b825c0c]{color:var(--an-text-primary)}@media(max-width:640px){.clip-card[data-v-9b825c0c]{flex-basis:136px}}.clip-modal[data-v-9b825c0c]{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000000d1;padding:24px}.clip-modal-inner[data-v-9b825c0c]{width:min(1100px,100%)}.clip-modal-head[data-v-9b825c0c]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.clip-modal-head h3[data-v-9b825c0c]{margin:0;font-size:1rem;color:#fff}.clip-close[data-v-9b825c0c]{background:none;border:0;color:#fff;font-size:1.1rem;cursor:pointer;padding:6px;line-height:1}.clip-modal video[data-v-9b825c0c]{width:100%;border-radius:12px;background:#000;display:block}@media(max-width:640px){.clip-card[data-v-9b825c0c]{flex-basis:140px}}.tutorials-page[data-v-9b825c0c]{min-height:100vh;background:var(--an-bg-primary);color:var(--an-text-primary)}main[data-v-9b825c0c]{padding-top:60px}.tutorials-hero[data-v-9b825c0c]{max-width:900px;margin:0 auto;padding:104px 24px 72px;text-align:center}.eyebrow[data-v-9b825c0c]{display:inline-block;color:var(--an-primary);font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:16px}.tutorials-hero h1[data-v-9b825c0c]{margin:0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;letter-spacing:-.055em}.tutorials-hero p[data-v-9b825c0c]{max-width:720px;margin:24px auto 0;color:var(--an-text-subtle);font-size:1.1rem;line-height:1.7}.hero-actions[data-v-9b825c0c]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin-top:32px}.template-link[data-v-9b825c0c]{display:inline-flex;align-items:center;gap:8px;color:var(--an-text-primary);font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--an-border-subtle);padding:8px 0}.course-player[data-v-9b825c0c]{max-width:1280px;margin:0 auto;overflow:hidden;border:1px solid var(--an-border-dark);border-radius:20px;background:var(--an-surface-dark);box-shadow:0 28px 90px #0000004d}.course-meta[data-v-9b825c0c]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:18px 24px;color:var(--an-text-subtle);font-size:13px;font-weight:700}.video-shell[data-v-9b825c0c]{aspect-ratio:16 / 9;background:#050506;border-bottom:1px solid var(--an-border-dark)}.video-shell video[data-v-9b825c0c]{display:block;width:100%;height:100%;object-fit:cover}.chapter-section[data-v-9b825c0c]{max-width:1120px;margin:0 auto;padding:112px 24px}.chapter-heading[data-v-9b825c0c]{max-width:720px;margin-bottom:36px}.chapter-heading h2[data-v-9b825c0c]{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}.chapter-grid[data-v-9b825c0c]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chapter-card[data-v-9b825c0c]{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:24px;border:1px solid var(--an-border-dark);border-radius:16px;background:var(--an-surface-dark)}.tutorial-number[data-v-9b825c0c]{color:var(--an-primary);font-family:monospace;font-size:13px;font-weight:800;padding-top:4px}.chapter-title-row[data-v-9b825c0c]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.chapter-title-row h3[data-v-9b825c0c]{margin:0 0 8px;font-size:1.2rem;letter-spacing:-.02em}.chapter-title-row>span[data-v-9b825c0c]{flex:0 0 auto;color:var(--an-primary);font-size:12px;font-weight:800}.chapter-card ul[data-v-9b825c0c]{margin:8px 0 0;padding-left:18px;color:var(--an-text-subtle);font-size:14px;line-height:1.65}.chapter-card li+li[data-v-9b825c0c]{margin-top:5px}.tutorial-cta[data-v-9b825c0c]{max-width:920px;margin:0 auto 112px;padding:64px 32px;text-align:center;border:1px solid var(--an-border-dark);border-radius:22px;background:linear-gradient(150deg,#42d3921a,#ffffff06)}.tutorial-cta h2[data-v-9b825c0c]{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.035em}.tutorial-cta p[data-v-9b825c0c]{color:var(--an-text-subtle);margin:14px auto 24px}.tutorials-page--light .course-player[data-v-9b825c0c],.tutorials-page--light .chapter-card[data-v-9b825c0c],.tutorials-page--light .tutorial-cta[data-v-9b825c0c]{background:#fff;border-color:#e5e7eb;box-shadow:0 18px 50px #0f172a14}@media(max-width:820px){.course-player[data-v-9b825c0c]{margin-left:16px;margin-right:16px}.chapter-grid[data-v-9b825c0c]{grid-template-columns:1fr}.tutorials-hero[data-v-9b825c0c]{padding-top:80px}.tutorial-cta[data-v-9b825c0c]{margin-left:24px;margin-right:24px}}
