.sidebar{overflow-y:auto}.extended-nav{flex-shrink:0}.extended-nav .nav-item{line-height:1.45}.extended-nav [data-view=videos]{flex-wrap:wrap}.extended-nav [data-view=videos]>span:nth-child(2){flex:1}.extended-nav .addon-label{margin-left:31px;font-size:7px;letter-spacing:.5px;background:#edf5ff;color:#4379a8}.learn-view{animation:enter .28s ease}.learn-view .library-heading>div{max-width:740px}.learn-view .library-heading p:not(.eyebrow){max-width:620px}.learn-banner{padding:21px 24px;display:flex;align-items:center;gap:17px;background:#eaf4ff;border:1px solid #d7eaff;border-radius:15px;margin:0 0 25px}.learn-banner strong{font:600 21px Outfit,sans-serif}.learn-banner p{margin:5px 0;color:#607994;font-size:12px}.learn-grid,.learning-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.learn-card{min-width:0;background:white;border:1px solid var(--line);border-radius:18px;padding:27px;box-shadow:0 6px 25px #091a3803}.learn-card>h2{margin-bottom:15px}.learn-card>p{font-size:12px;color:var(--muted);line-height:1.8}.learn-card>.status-pill{display:inline-block;margin-bottom:17px}.path-card{display:flex;gap:20px;align-items:flex-start;transition:transform .2s}.path-card:hover{transform:translateY(-3px)}.path-card h2{font-size:21px}.path-card p{font-size:12px;color:var(--muted)}.path-card .number-badge{color:#0676e6;background:#edf6ff;border:0}.tool-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf6ff;color:#168bff;font:600 18px Outfit,sans-serif;margin-bottom:18px}.tool-card{display:flex;flex-direction:column;align-items:flex-start}.tool-card>p{flex:1}.tool-card>.btn{margin:10px 0}.pending-tutorial{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);width:100%;font-size:12px;color:#657d97}.pending-tutorial summary{cursor:pointer;font-weight:700;color:var(--navy)}.illustration-placeholder{display:grid;place-items:center;min-height:115px;border:1px dashed #cbd9e8;border-radius:12px;background:#f8fbff;color:#8296ad;font-size:11px;margin-top:20px}.learn-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}.learn-view select{width:100%;font:inherit;font-size:12px;color:var(--navy);padding:12px;border:1px solid #dce3ed;border-radius:10px;background:#fff}.learn-view select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.profile-photo-editor{display:flex;gap:20px;align-items:center;margin:25px 0 12px}.profile-photo-editor>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.profile-avatar{width:86px;height:86px;border-radius:50%;background:#eaf4ff;border:4px solid white;box-shadow:0 0 0 1px #d8e8f7;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar.large{width:110px;height:110px;margin:32px auto 20px}.profile-initial{font:600 26px Outfit,sans-serif;color:#168bff}.profile-preview{text-align:center;position:sticky;top:20px}.profile-preview-top{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:12px;font-size:13px;overflow-wrap:anywhere}.profile-preview h2{overflow-wrap:anywhere}.profile-preview-rule{height:1px;background:var(--line);margin:28px 0}.profile-preview-empty{display:flex;align-items:center;flex-direction:column;color:#a0b3c9;padding:22px 0}.profile-preview-empty p{font-size:12px;color:var(--muted)}.profile-preview>small{font-size:9px;color:#8b99ac}.learn-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:22px}.upload-label{display:inline-flex;cursor:pointer}.motion-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.motion-steps{display:grid;gap:20px}.motion-character-image{max-height:300px;width:100%;object-fit:contain;margin:20px 0;border-radius:10px;background:#f7faff}.motion-summary{position:sticky;top:20px;padding:23px}.motion-summary h2{margin:14px 0}.motion-summary p{overflow-wrap:anywhere}.motion-summary>.save-status{display:block;margin-top:12px}.motion-summary .btn{width:100%;justify-content:center}.learn-instructions{padding-left:20px;color:#627891;font-size:12px;line-height:1.9}.learn-instructions li{padding-left:4px;margin-bottom:12px}#motion-player{display:block;width:100%;max-height:450px;object-fit:contain;background:#091a38;border-radius:12px;margin:20px 0 0}.learn-card .field-hint{font-size:10px}.learn-card button:disabled{cursor:default}.learn-card .text-btn{font-size:11px}@media(max-width:1100px){.learn-split{grid-template-columns:1fr 1fr}.motion-layout{grid-template-columns:minmax(0,1fr)}.motion-summary{position:static}.learn-card{padding:22px}}@media(max-width:960px){.learn-grid,.learning-path,.learn-split{grid-template-columns:1fr}.profile-preview{position:static}.learn-view .library-heading h1{font-size:42px}.extended-nav .nav-item{font-size:10px}}@media(max-width:640px){.sidebar .extended-nav.main-nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px;margin-top:12px;max-width:100%;scrollbar-width:thin}.sidebar .extended-nav.main-nav .nav-item{flex:0 0 auto;width:135px;min-height:56px;max-width:none;white-space:normal;font-size:10px;justify-content:flex-start;padding:10px;border-radius:9px}.sidebar .extended-nav.main-nav [data-view=videos]{width:170px}.extended-nav .addon-label{margin:0 0 0 26px;font-size:6px}.learn-view .library-heading h1{font-size:37px}.learn-card{padding:22px 19px}.learn-grid,.learning-path{gap:14px}.learn-banner{padding:18px;align-items:flex-start}.path-card{gap:12px}.path-card h2{font-size:20px}.learn-split{gap:18px}.learn-actions{align-items:flex-start;flex-direction:column}.profile-preview{max-width:none}.motion-summary{padding:22px}.learn-view .local-notice{font-size:10px}.breadcrumb strong{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.learn-view,.path-card{animation:none;transition:none}}
/* Tool branding and ComfyUI tutorials: scoped additions only. */
.tool-logo{object-fit:contain;padding:0;background:transparent}.tool-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.tool-name-row h2{margin:0}.tool-mode{display:inline-flex;align-items:center;font-size:8px;font-weight:800;letter-spacing:.7px;padding:3px 7px;border-radius:6px;background:#edf4fc;color:#48729b;white-space:nowrap}.tool-mode.free{background:#e6f5ed;color:#24734d}.comfy-intro{align-items:flex-start}.comfy-intro>img{flex-shrink:0;border-radius:12px;object-fit:contain}.tutorial-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:32px 0 20px}.tutorial-card{overflow:hidden}.tutorial-media{aspect-ratio:16/9;width:100%;background:#edf4fc;border-radius:12px;overflow:hidden;margin-bottom:22px;position:relative}.tutorial-poster{width:100%;height:100%;border:0;background:transparent;padding:0;position:relative;display:block}.tutorial-poster img{width:100%;height:100%;object-fit:contain;background:#091a38}.tutorial-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#fffefb;color:#168bff;font-size:32px;box-shadow:0 4px 18px #091a3830}.tutorial-media iframe{width:100%;height:100%;border:0;display:block}.tutorial-card>h2{margin:10px 0 12px;font-size:23px;line-height:1.25}.tutorial-card .learn-actions{margin-top:18px}.tutorial-card>.small-label{color:#6e89a8}@media(max-width:640px){.tutorial-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.comfy-intro{gap:12px}.comfy-intro>img{width:44px;height:44px}.tutorial-card>h2{font-size:21px}}