.cinema-shell:has(.tutorial-layout){overflow:visible}.tutorial-layout{z-index:5;grid-template-columns:248px minmax(0,1fr) 192px;align-items:start;gap:22px;max-width:1280px;margin:0 auto;padding:96px 24px 120px;display:grid;position:relative}@media (max-width:960px){.tutorial-layout{grid-template-columns:minmax(0,1fr);padding:96px 18px}.tutorial-layout .tutorial-sidebar,.tutorial-layout .tutorial-toc{display:none}}.tutorial-layout .tutorial-sidebar{background:rgba(var(--cin-panel-rgb),.45);-webkit-backdrop-filter:blur(24px)saturate(170%);border:1px solid rgba(var(--cin-ink-rgb),.1);scrollbar-width:thin;scrollbar-color:rgba(var(--cin-ink-rgb),.18)transparent;border-radius:20px;max-height:calc(100vh - 120px);padding:16px;position:sticky;top:84px;overflow-y:auto;box-shadow:0 18px 50px -12px #00000080}.tutorial-layout .tutorial-sidebar::-webkit-scrollbar{width:6px}.tutorial-layout .tutorial-sidebar::-webkit-scrollbar-thumb{background:rgba(var(--cin-ink-rgb),.18);border-radius:999px}.tutorial-layout .tutorial-sidebar-empty{color:rgba(var(--cin-ink-rgb),.55);padding:16px 10px;font-size:13px}.tutorial-layout .tutorial-search{margin-bottom:12px;position:relative}.tutorial-layout .tutorial-search-input-wrap{position:relative}.tutorial-layout .tutorial-search-icon{width:14px;height:14px;color:rgba(var(--cin-ink-rgb),.45);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.tutorial-layout .tutorial-search-spinner{width:13px;height:13px;color:rgba(var(--cin-ink-rgb),.5);pointer-events:none;animation:.7s linear infinite tutorial-search-spin;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@keyframes tutorial-search-spin{to{transform:translateY(-50%)rotate(360deg)}}.tutorial-layout .tutorial-search-input{background:rgba(var(--cin-ink-rgb),.05);border:1px solid rgba(var(--cin-ink-rgb),.1);letter-spacing:.005em;width:100%;color:rgba(var(--cin-ink-rgb),.92);border-radius:10px;outline:none;padding:8px 32px 8px 30px;font-family:inherit;font-size:12.5px;transition:border-color .16s,background .16s,box-shadow .16s}.tutorial-layout .tutorial-search-input::placeholder{color:rgba(var(--cin-ink-rgb),.4)}.tutorial-layout .tutorial-search-input:focus{background:rgba(var(--cin-ink-rgb),.08);border-color:#7dabe88c;box-shadow:0 0 0 3px #3f89f126}.tutorial-layout .tutorial-search-input:disabled{opacity:.55;cursor:not-allowed}.tutorial-layout .tutorial-search-dropdown{z-index:30;background:var(--cin-menu-bg);border:1px solid rgba(var(--cin-ink-rgb),.12);scrollbar-width:thin;scrollbar-color:rgba(var(--cin-ink-rgb),.18)transparent;border-radius:12px;max-height:360px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 18px 40px -10px #000000a6}.tutorial-layout .tutorial-search-dropdown::-webkit-scrollbar{width:5px}.tutorial-layout .tutorial-search-dropdown::-webkit-scrollbar-thumb{background:rgba(var(--cin-ink-rgb),.18);border-radius:999px}.tutorial-layout .tutorial-search-status{color:rgba(var(--cin-ink-rgb),.5);padding:10px 12px;font-size:12px}.tutorial-layout .tutorial-search-hit{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:1px;width:100%;padding:8px 12px;font-family:inherit;transition:background .12s;display:flex}.tutorial-layout .tutorial-search-hit:hover,.tutorial-layout .tutorial-search-hit[data-active=true]{background:linear-gradient(#3f89f138 0%,#3f89f11f 100%)}.tutorial-layout .tutorial-search-hit-cat{letter-spacing:.06em;text-transform:uppercase;color:#7dabe8d9;font-size:10px;font-weight:600}.tutorial-layout .tutorial-search-hit-title{color:rgba(var(--cin-ink-rgb),.92);font-size:12.5px;line-height:1.35}.tutorial-layout .tutorial-search-hit-title em{color:#fff;background:#7dabe840;border-radius:3px;padding:0 2px;font-style:normal;font-weight:600}.tutorial-layout .nav-welcome{background:rgba(var(--cin-ink-rgb),.04);border:1px solid rgba(var(--cin-ink-rgb),.08);width:100%;font-family:var(--font-heading),"CalSans",system-ui,sans-serif;letter-spacing:.005em;color:rgba(var(--cin-ink-rgb),.92);border-radius:9px;align-items:center;gap:9px;margin-bottom:10px;padding:9px 10px;font-size:13px;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:flex}.tutorial-layout .nav-welcome:hover{background:rgba(var(--cin-ink-rgb),.07);border-color:rgba(var(--cin-ink-rgb),.14);color:var(--cin-ink)}.tutorial-layout .nav-welcome[aria-current=page]{color:var(--cin-ink);background:linear-gradient(#3f89f152 0%,#3f89f12e 100%);border-color:#7dabe866;box-shadow:inset 0 0 0 1px #7dabe833}.tutorial-layout .nav-welcome-icon{width:14px;height:14px;color:var(--cin-blue-soft);flex-shrink:0}.tutorial-layout .nav-cat{margin-bottom:2px}.tutorial-layout .nav-cat-btn{width:100%;color:var(--cin-ink);font-family:var(--font-heading),"CalSans",system-ui,sans-serif;letter-spacing:.01em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;transition:background .16s;display:flex}.tutorial-layout .nav-cat-btn:hover{background:rgba(var(--cin-ink-rgb),.06)}.tutorial-layout .nav-cat[data-open=true]>.nav-cat-btn{color:var(--cin-blue-soft)}.tutorial-layout .nav-cat-btn .chev{width:13px;height:13px;color:rgba(var(--cin-ink-rgb),.5);transition:transform .2s}.tutorial-layout .nav-cat[data-open=true] .chev{color:var(--cin-blue-soft);transform:rotate(180deg)}.tutorial-layout .nav-pages{border-left:1px solid rgba(var(--cin-ink-rgb),.08);margin:2px 0 6px 6px;padding-left:8px;display:none}.tutorial-layout .nav-cat[data-open=true] .nav-pages{display:block}.tutorial-layout .nav-pages a{color:rgba(var(--cin-ink-rgb),.6);letter-spacing:.005em;border-radius:7px;padding:6px 10px;font-size:12.5px;text-decoration:none;transition:all .14s;display:block}.tutorial-layout .nav-pages a:hover{color:var(--cin-ink);background:rgba(var(--cin-ink-rgb),.05)}.tutorial-layout .nav-pages a[aria-current=page]{color:var(--cin-ink);background:linear-gradient(#3f89f152 0%,#3f89f12e 100%);font-weight:600;box-shadow:inset 0 0 0 1px #7dabe866}.tutorial-layout .nav-subgroup{margin:4px 0}.tutorial-layout .nav-subgroup-btn{width:100%;color:rgba(var(--cin-ink-rgb),.78);font-family:var(--font-heading),"CalSans",system-ui,sans-serif;letter-spacing:.01em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;transition:background .16s;display:flex}.tutorial-layout .nav-subgroup-btn:hover{background:rgba(var(--cin-ink-rgb),.05)}.tutorial-layout .nav-subgroup[data-open=true]>.nav-subgroup-btn{color:var(--cin-blue-soft)}.tutorial-layout .nav-subgroup .chev{width:12px;height:12px;color:rgba(var(--cin-ink-rgb),.45);transition:transform .2s}.tutorial-layout .nav-subgroup[data-open=true] .chev{color:var(--cin-blue-soft);transform:rotate(180deg)}.tutorial-layout .nav-subgroup-pages{border-left:1px solid rgba(var(--cin-ink-rgb),.06);margin:2px 0 4px 4px;padding-left:8px;display:none}.tutorial-layout .nav-subgroup[data-open=true] .nav-subgroup-pages{display:block}.tutorial-layout .glass-content{background:rgba(var(--cin-panel-rgb),.45);-webkit-backdrop-filter:blur(28px)saturate(170%);border:1px solid rgba(var(--cin-ink-rgb),.1);border-radius:22px;min-width:0;padding:36px 44px 40px;position:relative;overflow:hidden;box-shadow:0 22px 60px -12px #0000008c}.tutorial-layout .glass-content:before{content:"";pointer-events:none;background:linear-gradient(#3f89f11f 0%,#0000 35%);position:absolute;inset:0}.tutorial-layout .glass-content>*{z-index:1;position:relative}.tutorial-layout .breadcrumb{letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--cin-ink-rgb),.55);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:16px;font-size:10.5px;font-weight:600;display:inline-flex}.tutorial-layout .breadcrumb svg{stroke-width:2.2px;opacity:.5;width:10px;height:10px}.tutorial-layout .breadcrumb a{color:inherit;text-decoration:none;transition:color .18s}.tutorial-layout .breadcrumb a:hover{color:var(--cin-ink)}.tutorial-layout .breadcrumb .current{color:rgba(var(--cin-ink-rgb),.85)}.tutorial-layout h1.page-title{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;letter-spacing:-.022em;color:var(--cin-ink);text-shadow:0 3px 20px #0006;margin-bottom:24px;font-size:40px;font-weight:600;line-height:1.05}.tutorial-layout .tutorial-section{margin-top:36px;scroll-margin-top:96px}.tutorial-layout .tutorial-section:first-of-type{margin-top:0}.tutorial-layout .tutorial-section>h2.tutorial-section-title{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;letter-spacing:-.01em;color:var(--cin-ink);margin-bottom:12px;font-size:22px;font-weight:600}.tutorial-layout .pagenav{border-top:1px solid rgba(var(--cin-ink-rgb),.08);grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;padding-top:22px;display:grid}.tutorial-layout .pagenav a{background:rgba(var(--cin-ink-rgb),.04);border:1px solid rgba(var(--cin-ink-rgb),.08);color:inherit;border-radius:12px;padding:14px 16px;text-decoration:none;transition:all .2s;display:block}.tutorial-layout .pagenav a:hover{background:rgba(var(--cin-ink-rgb),.08);border-color:rgba(var(--cin-ink-rgb),.16);transform:translateY(-1px)}.tutorial-layout .pagenav a.next{text-align:right}.tutorial-layout .pagenav .label{letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--cin-ink-rgb),.5);align-items:center;gap:6px;margin-bottom:5px;font-size:10.5px;font-weight:600;display:flex}.tutorial-layout .pagenav a.next .label{justify-content:flex-end}.tutorial-layout .pagenav .label svg{stroke-width:2px;width:11px;height:11px}.tutorial-layout .pagenav .title{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;color:var(--cin-ink);letter-spacing:-.005em;font-size:14.5px;font-weight:600}.tutorial-layout .tutorial-toc{align-self:start;padding:4px 0 0 4px;position:sticky;top:96px}.tutorial-layout .tutorial-toc .toc-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--cin-ink-rgb),.45);text-shadow:0 1px 4px #0006;margin-bottom:14px;font-size:10px;font-weight:700}.tutorial-layout .tutorial-toc .toc-line{border-left:2px solid rgba(var(--cin-ink-rgb),.1);flex-direction:column;gap:1px;padding-left:14px;display:flex;position:relative}.tutorial-layout .tutorial-toc .toc-indicator{pointer-events:none;background:linear-gradient(#5ba3ff,#3f89f1);border-radius:999px;width:2px;transition:top .2s ease-out,height .2s ease-out;position:absolute;left:-2px;box-shadow:0 0 8px #3f89f166}.tutorial-layout .tutorial-toc button{color:rgba(var(--cin-ink-rgb),.42);text-shadow:0 1px 4px #0006;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:5px 0;font-family:inherit;font-size:12px;transition:color .16s;display:block}.tutorial-layout .tutorial-toc button:hover{color:rgba(var(--cin-ink-rgb),.85)}.tutorial-layout .tutorial-toc button[aria-current=true]{color:var(--cin-ink);font-weight:600}.tutorial-layout .tutorial-toc button.sub{padding-left:12px;font-size:11.5px}.tutorial-layout .cinema-content>*+*{margin-top:14px}.tutorial-layout .cinema-content p{color:rgba(var(--cin-ink-rgb),.78);font-size:14.5px;line-height:1.7}.tutorial-layout .cinema-content strong{color:var(--cin-ink);font-weight:600}.tutorial-layout .cinema-content em{color:rgba(var(--cin-ink-rgb),.86);font-style:italic}.tutorial-layout .cinema-content a{color:var(--cin-blue-soft);text-underline-offset:2px;text-decoration:underline}.tutorial-layout .cinema-content a:hover{color:#a4c4f1}.tutorial-layout .cinema-content code{font-family:var(--font-sans),"Figtree",system-ui,sans-serif;letter-spacing:.01em;background:rgba(var(--cin-ink-rgb),.06);border:1px solid rgba(var(--cin-ink-rgb),.08);color:#cfdef9;border-radius:5px;padding:1px 6px;font-size:.92em;font-weight:500}.tutorial-layout .cinema-content h2{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;letter-spacing:-.01em;color:var(--cin-ink);margin-top:32px;font-size:22px;font-weight:600}.tutorial-layout .cinema-content h3{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;color:var(--cin-ink);letter-spacing:-.005em;margin-top:24px;margin-bottom:4px;scroll-margin-top:96px;font-size:16px;font-weight:600}.tutorial-layout .cinema-content ul,.tutorial-layout .cinema-content ol{color:rgba(var(--cin-ink-rgb),.78);margin-left:22px;font-size:14.5px;line-height:1.7;list-style-position:outside}.tutorial-layout .cinema-content ul{list-style-type:disc}.tutorial-layout .cinema-content ol{list-style-type:decimal}.tutorial-layout .cinema-content li::marker{color:rgba(var(--cin-ink-rgb),.55)}.tutorial-layout .cinema-content li{margin-bottom:4px}.tutorial-layout .cinema-content .checklist{margin-left:0;padding:0;list-style:none}.tutorial-layout .cinema-content .checklist li{color:rgba(var(--cin-ink-rgb),.82);align-items:flex-start;gap:10px;padding:6px 0;font-size:14.5px;line-height:1.65;display:flex}.tutorial-layout .cinema-content .checklist li svg{color:var(--cin-blue-soft);flex-shrink:0;margin-top:4px}.tutorial-layout .cinema-content .callout{border-top:1px solid rgba(var(--cin-ink-rgb),.06);border-right:1px solid rgba(var(--cin-ink-rgb),.06);border-bottom:1px solid rgba(var(--cin-ink-rgb),.06);background:#3f89f11f;border-left:3px solid #5ba3ff;border-radius:12px;padding:14px 18px}.tutorial-layout .cinema-content .callout.warning{border-left-color:var(--cin-amber);background:#f59e0b1f}.tutorial-layout .cinema-content .callout.tip{border-left-color:var(--cin-emerald);background:#10b9811f}.tutorial-layout .cinema-content .callout .label{letter-spacing:.14em;text-transform:uppercase;color:var(--cin-blue-soft);margin-bottom:4px;font-size:10.5px;font-weight:700}.tutorial-layout .cinema-content .callout.warning .label{color:var(--cin-amber)}.tutorial-layout .cinema-content .callout.tip .label{color:var(--cin-emerald)}.tutorial-layout .cinema-content .callout p{color:rgba(var(--cin-ink-rgb),.82);margin-top:0;font-size:13.5px}.tutorial-layout .cinema-content .image-frame{background:rgba(var(--cin-ink-rgb),.04);border:1px solid rgba(var(--cin-ink-rgb),.08);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.tutorial-layout .cinema-content .image-frame:before{content:"";background:radial-gradient(circle at 30% 20%,#7dabe833,transparent 40%),radial-gradient(circle at 80% 70%,#3f89f126,transparent 50%),linear-gradient(135deg,rgba(var(--cin-ink-rgb),.04),rgba(var(--cin-ink-rgb),.01));pointer-events:none;position:absolute;inset:0}.tutorial-layout .cinema-content .image-frame img,.tutorial-layout .cinema-content .image-frame video{z-index:1;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:relative}.tutorial-layout .cinema-content .image-frame.fit{display:block}.tutorial-layout .cinema-content .image-frame.fit img,.tutorial-layout .cinema-content .image-frame.fit video{-o-object-fit:contain;object-fit:contain;height:auto}.tutorial-layout .cinema-content .image-frame .placeholder{z-index:1;color:rgba(var(--cin-ink-rgb),.5);letter-spacing:.04em;text-transform:uppercase;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;font-size:12px;font-weight:600;display:flex;position:relative}.tutorial-layout .cinema-content .image-frame .placeholder svg{opacity:.7}.tutorial-layout .cinema-content .image-frame .video-play-overlay{z-index:2;cursor:pointer;background:#03091159;border:none;place-items:center;margin:0;padding:0;transition:background .18s;display:grid;position:absolute;inset:0}.tutorial-layout .cinema-content .image-frame .video-play-overlay:hover{background:#03091173}.tutorial-layout .cinema-content .image-frame .video-play-button{width:88px;height:88px;color:var(--cin-on-accent);border:1px solid rgba(var(--cin-ink-rgb),.18);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -12px #0000008c,0 0 0 6px rgba(var(--cin-ink-rgb),.06),0 0 32px #3f89f159;background:#182f4fc7;border-radius:999px;place-items:center;padding-left:4px;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.tutorial-layout .cinema-content .image-frame .video-play-overlay:hover .video-play-button{box-shadow:0 22px 48px -12px #0009,0 0 0 6px rgba(var(--cin-ink-rgb),.08),0 0 44px #3f89f18c;background:#3f89f18c;transform:scale(1.06)}.tutorial-layout .cinema-content .image-frame .video-play-overlay:focus-visible{outline:none}.tutorial-layout .cinema-content .image-frame .video-play-overlay:focus-visible .video-play-button{box-shadow:0 0 0 3px #3f89f1cc,0 18px 40px -12px #0000008c,0 0 32px #3f89f173}.tutorial-layout .cinema-content table{border-collapse:collapse;width:100%;color:rgba(var(--cin-ink-rgb),.82);border:1px solid rgba(var(--cin-ink-rgb),.08);border-radius:8px;font-size:13.5px;overflow:hidden}.tutorial-layout .cinema-content table th,.tutorial-layout .cinema-content table td{text-align:left;border-bottom:1px solid rgba(var(--cin-ink-rgb),.06);border-right:1px solid rgba(var(--cin-ink-rgb),.06);vertical-align:top;padding:10px 12px}.tutorial-layout .cinema-content table th:last-child,.tutorial-layout .cinema-content table td:last-child{border-right:none}.tutorial-layout .cinema-content table tr:last-child td{border-bottom:none}.tutorial-layout .cinema-content table th{background:rgba(var(--cin-ink-rgb),.06);color:var(--cin-ink);font-weight:600}.tutorial-layout .cinema-content hr{border:none;border-top:1px solid rgba(var(--cin-ink-rgb),.1);margin:28px 0}.tutorial-layout .cinema-content pre{border:1px solid rgba(var(--cin-ink-rgb),.08);font-family:var(--font-sans),"Figtree",system-ui,sans-serif;color:rgba(var(--cin-ink-rgb),.85);background:#00000052;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.tutorial-layout .cinema-content pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.tutorial-layout .cinema-content a.related-inline{background:rgba(var(--cin-ink-rgb),.04);border:1px solid rgba(var(--cin-ink-rgb),.09);color:inherit;border-radius:14px;align-items:center;gap:14px;padding:13px 16px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.tutorial-layout .cinema-content a.related-inline:hover{color:inherit;background:#3f89f11a;border-color:#7dabe873;transform:translateY(-1px);box-shadow:0 12px 30px -12px #0000008c,0 0 24px -8px #3f89f166}.tutorial-layout .cinema-content .related-inline .ri-icon{color:#cfe0fb;background:linear-gradient(160deg,#3f89f14d,#3f89f11f);border:1px solid #7dabe852;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.tutorial-layout .cinema-content .related-inline .ri-body{flex:1;min-width:0}.tutorial-layout .cinema-content .related-inline .ri-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cin-blue-soft);margin-bottom:2px;font-size:9.5px;font-weight:700;display:block}.tutorial-layout .cinema-content .related-inline .ri-title{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;color:var(--cin-ink);letter-spacing:-.005em;font-size:14.5px;line-height:1.25;display:block}.tutorial-layout .cinema-content .related-inline .ri-cat{color:rgba(var(--cin-ink-rgb),.5);margin-top:1px;font-size:11.5px;display:block}.tutorial-layout .cinema-content .related-inline .ri-arrow{color:rgba(var(--cin-ink-rgb),.45);flex:none;transition:transform .2s,color .2s;display:flex}.tutorial-layout .cinema-content a.related-inline:hover .ri-arrow{color:var(--cin-blue-soft);transform:translate(3px)}.tutorial-layout .tutorial-related{border-top:1px solid rgba(var(--cin-ink-rgb),.08);margin-top:44px;padding-top:26px}.tutorial-layout .tutorial-related .tr-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--cin-ink-rgb),.55);align-items:center;gap:8px;margin-bottom:16px;font-size:10.5px;font-weight:700;display:flex}.tutorial-layout .tutorial-related .tr-eyebrow svg{width:13px;height:13px;color:var(--cin-blue-soft)}.tutorial-layout .tutorial-related .tr-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tutorial-layout .tutorial-related .tr-card{background:rgba(var(--cin-ink-rgb),.04);border:1px solid rgba(var(--cin-ink-rgb),.08);color:inherit;border-radius:14px;flex-direction:column;gap:9px;padding:16px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.tutorial-layout .tutorial-related .tr-card:hover{background:#3f89f11a;border-color:#7dabe866;transform:translateY(-2px);box-shadow:0 16px 36px -14px #0000008c,0 0 28px -10px #3f89f157}.tutorial-layout .tutorial-related .tr-top{align-items:center;gap:10px;display:flex}.tutorial-layout .tutorial-related .tr-icon{color:#cfe0fb;background:linear-gradient(160deg,#3f89f147,#3f89f11a);border:1px solid #7dabe847;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.tutorial-layout .tutorial-related .tr-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--cin-blue-soft);font-size:9.5px;font-weight:700}.tutorial-layout .tutorial-related .tr-title{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;color:var(--cin-ink);letter-spacing:-.005em;font-size:15px;line-height:1.25}.tutorial-layout .tutorial-related .tr-desc{color:rgba(var(--cin-ink-rgb),.6);font-size:12.5px;line-height:1.55}.tutorial-layout .tutorial-related .tr-arrow{color:rgba(var(--cin-ink-rgb),.4);align-self:flex-end;margin-top:2px;transition:transform .2s,color .2s;display:flex}.tutorial-layout .tutorial-related .tr-card:hover .tr-arrow{color:var(--cin-blue-soft);transform:translate(3px)}@media (max-width:640px){.tutorial-layout .tutorial-related .tr-grid{grid-template-columns:1fr}}.tutorial-layout .tutorial-skel>*{background:linear-gradient(90deg,rgba(var(--cin-ink-rgb),.06)0%,rgba(var(--cin-ink-rgb),.12)50%,rgba(var(--cin-ink-rgb),.06)100%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite tutorial-skel-shimmer}.tutorial-layout .tutorial-skel-eyebrow{width:38%;height:12px;margin-bottom:18px}.tutorial-layout .tutorial-skel-title{width:70%;height:36px;margin-bottom:26px}.tutorial-layout .tutorial-skel-h2{width:42%;height:22px;margin:28px 0 14px}.tutorial-layout .tutorial-skel-line{width:100%;height:14px;margin-bottom:10px}.tutorial-layout .tutorial-skel-line.short{width:78%}.tutorial-layout .tutorial-skel-toc{padding-top:4px}.tutorial-layout .tutorial-skel-toc>*{margin-bottom:12px}@keyframes tutorial-skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tutorial-edit-btn{z-index:75;-webkit-backdrop-filter:blur(16px)saturate(160%);color:var(--cin-ink);background:#3f89f138;border:1px solid #7dabe866;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;position:fixed;top:76px;right:24px;box-shadow:0 6px 16px -4px #00000073}.tutorial-edit-btn:hover{background:#3f89f159;border-color:#7dabe8a6;transform:translateY(-1px)}.tutorial-layout .cinema-content .tcs-frame{border:1px solid rgba(var(--cin-ink-rgb),.1);background:radial-gradient(circle at 28% 18%,#7dabe838,transparent 42%),radial-gradient(circle at 82% 88%,#3f89f12e,transparent 52%),linear-gradient(160deg,rgba(var(--cin-ink-rgb),.05),rgba(var(--cin-ink-rgb),.01));text-align:center;border-radius:16px;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.tutorial-layout .cinema-content .tcs-inner{flex-direction:column;align-items:center;gap:12px;max-width:460px;display:flex}.tutorial-layout .cinema-content .tcs-motif{color:#e2edff;background:linear-gradient(160deg,#3f89f157,#3f89f11a);border:1px solid #7dabe857;border-radius:18px;place-items:center;width:60px;height:60px;display:grid;position:relative;box-shadow:0 18px 44px -14px #0009,0 0 36px -6px #3f89f180}html[data-user-mood=focuslight] .tutorial-layout .cinema-content .tcs-motif,.cinema-shell[data-mood=focuslight] .tutorial-layout .cinema-content .tcs-motif{color:#fff;background:linear-gradient(160deg,#5ba3ff 0%,#3f89f1 100%);border-color:#3f89f173;box-shadow:0 10px 24px -10px #3f89f18c}.tutorial-layout .cinema-content .tcs-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--cin-blue-soft);font-size:10.5px;font-weight:700}.tutorial-layout .cinema-content .tcs-line{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;letter-spacing:-.01em;color:var(--cin-ink);font-size:19px;font-weight:600;line-height:1.25}.tutorial-layout .cinema-content .tcs-sub{color:rgba(var(--cin-ink-rgb),.62);max-width:420px;margin-top:-3px;font-size:13px;line-height:1.55}.tutorial-layout .cinema-content .tcs-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.tutorial-layout .cinema-content .tcs-btn{letter-spacing:.005em;cursor:pointer;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.tutorial-layout .cinema-content a.tcs-btn,.tutorial-layout .cinema-content a.tcs-btn:hover{color:#fff;text-decoration:none}.tutorial-layout .cinema-content .tcs-btn-discord{color:#fff;background:linear-gradient(#7c83f8 0%,#5865f2 100%);border-color:#ffffff38;box-shadow:0 12px 30px -12px #5865f2b3}.tutorial-layout .cinema-content .tcs-btn-discord:hover{transform:translateY(-1px);box-shadow:0 16px 38px -12px #5865f2d9}.tutorial-layout .cinema-content .tcs-btn-primary{color:var(--cin-on-accent);border-color:rgba(var(--cin-ink-rgb),.4);background:linear-gradient(#5ba3ff 0%,#3f89f1 100%);box-shadow:0 0 0 3px #3f89f138,0 8px 22px -4px #3f89f18c}.tutorial-layout .cinema-content .tcs-btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 3px #3f89f157,0 12px 28px -4px #3f89f1a6}.tutorial-layout .cinema-content .tcs-btn:disabled{opacity:.6;cursor:default;transform:none}.tutorial-layout .cinema-content .tcs-req{opacity:0;max-height:0;transition:max-height .36s,opacity .28s,margin .28s;overflow:hidden}.tutorial-layout .cinema-content .tcs-req.open{opacity:1;max-height:680px;margin-top:12px}.tutorial-layout .cinema-content .tcs-req-card,.tutorial-layout .cinema-content .tcs-success{background:rgba(var(--cin-ink-rgb),.04);border:1px solid rgba(var(--cin-ink-rgb),.1);border-radius:16px;padding:20px 22px}.tutorial-layout .cinema-content .tcs-req-context{letter-spacing:.04em;color:var(--cin-blue-soft);background:#3f89f124;border:1px solid #7dabe84d;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.tutorial-layout .cinema-content .tcs-req-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.tutorial-layout .cinema-content .tcs-field{margin-bottom:11px}.tutorial-layout .cinema-content .tcs-field label{letter-spacing:.02em;color:rgba(var(--cin-ink-rgb),.7);margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.tutorial-layout .cinema-content .tcs-field input,.tutorial-layout .cinema-content .tcs-field textarea{width:100%;color:var(--cin-ink);background:rgba(var(--cin-ink-rgb),.05);border:1px solid rgba(var(--cin-ink-rgb),.12);border-radius:10px;outline:none;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}.tutorial-layout .cinema-content .tcs-field textarea{resize:vertical;min-height:60px}.tutorial-layout .cinema-content .tcs-field input::-moz-placeholder{color:rgba(var(--cin-ink-rgb),.38)}.tutorial-layout .cinema-content .tcs-field textarea::-moz-placeholder{color:rgba(var(--cin-ink-rgb),.38)}.tutorial-layout .cinema-content .tcs-field input::placeholder,.tutorial-layout .cinema-content .tcs-field textarea::placeholder{color:rgba(var(--cin-ink-rgb),.38)}.tutorial-layout .cinema-content .tcs-field input:focus,.tutorial-layout .cinema-content .tcs-field textarea:focus{background:rgba(var(--cin-ink-rgb),.08);border-color:#7dabe88c;box-shadow:0 0 0 3px #3f89f126}.tutorial-layout .cinema-content .tcs-error{color:#fca5a5;margin:2px 0 10px;font-size:12.5px}.tutorial-layout .cinema-content .tcs-submit-row{align-items:center;gap:12px;margin-top:4px;display:flex}.tutorial-layout .cinema-content .tcs-alt{color:rgba(var(--cin-ink-rgb),.5);font-size:12px}.tutorial-layout .cinema-content .tcs-success{background:#10b9811f;border-color:#34d3994d;align-items:center;gap:14px;display:flex}.tutorial-layout .cinema-content .tcs-success .tcs-ok{color:#02060d;background:linear-gradient(#5ce0a8 0%,#34d399 100%);border-radius:999px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 12px 30px -12px #34d399b3}.tutorial-layout .cinema-content .tcs-success h3{font-family:var(--font-heading),"CalSans",system-ui,sans-serif;color:var(--cin-ink);margin:0 0 2px;font-size:16px;font-weight:600}.tutorial-layout .cinema-content .tcs-success p{color:rgba(var(--cin-ink-rgb),.66);margin:0;font-size:12.5px;line-height:1.55}@media (max-width:640px){.tutorial-layout .cinema-content .tcs-req-grid{grid-template-columns:1fr}}html[data-user-mood=focuslight] .tutorial-layout .tutorial-sidebar,.cinema-shell[data-mood=focuslight] .tutorial-layout .tutorial-sidebar,html[data-user-mood=focuslight] .tutorial-layout .glass-content,.cinema-shell[data-mood=focuslight] .tutorial-layout .glass-content{box-shadow:0 1px 2px #0d1f380d,0 10px 30px -18px #0d1f3829}html[data-user-mood=focuslight] .tutorial-layout .tutorial-search-dropdown,.cinema-shell[data-mood=focuslight] .tutorial-layout .tutorial-search-dropdown{box-shadow:0 12px 32px -10px #102a5038}html[data-user-mood=focuslight] .tutorial-layout .cinema-content a.related-inline:hover,.cinema-shell[data-mood=focuslight] .tutorial-layout .cinema-content a.related-inline:hover,html[data-user-mood=focuslight] .tutorial-layout .tutorial-related .tr-card:hover,.cinema-shell[data-mood=focuslight] .tutorial-layout .tutorial-related .tr-card:hover{box-shadow:0 2px 4px #0d1f380d,0 14px 34px -16px #0d1f3833}html[data-user-mood=focuslight] .tutorial-edit-btn,.cinema-shell[data-mood=focuslight] .tutorial-edit-btn{box-shadow:0 4px 14px -6px #0d1f3840}html[data-user-mood=focuslight] .tutorial-layout .glass-content,.cinema-shell[data-mood=focuslight] .tutorial-layout .glass-content{-webkit-backdrop-filter:none;background:#fff}html[data-user-mood=focuslight] .tutorial-layout .glass-content:before,.cinema-shell[data-mood=focuslight] .tutorial-layout .glass-content:before{background:0 0}