.tutorialRouter_shelf__Aa_em{--shelf-paper:#f6f6f6;--shelf-page:#fff;--shelf-ink:#090909;--shelf-muted:#686868;--shelf-line:#cdcdcd;--spine-width:112px;display:flex;align-items:flex-end;min-width:0;padding:30px 0 0;border-bottom:2px solid var(--shelf-ink);color:var(--shelf-ink)}.tutorialRouter_volume__fnpL6{--spine-paper:#161616;--spine-ink:#f6f6f6;--spine-muted:#bdbdbd;--spine-accent:var(--portfolio-accent-on-dark,#ef7768);display:flex;flex:0 0 var(--spine-width);min-width:0;height:calc(590px - var(--volume-step)*14px);transition:flex-grow .42s var(--portfolio-ease,ease),height .42s var(--portfolio-ease,ease)}.tutorialRouter_volume__fnpL6:nth-child(2n){--spine-paper:#e1e1e1;--spine-ink:#090909;--spine-muted:#5c5c5c;--spine-accent:var(--portfolio-accent-ink,#b83228)}.tutorialRouter_volume__fnpL6:nth-child(3){--spine-paper:#373737}.tutorialRouter_volume__fnpL6[data-open=true]{flex-grow:1;height:590px}.tutorialRouter_shelf__Aa_em[data-open=false] .tutorialRouter_volume__fnpL6{flex-grow:1}.tutorialRouter_spine__CmeL_{position:relative;display:flex;flex:0 0 var(--spine-width);flex-direction:column;align-items:center;width:var(--spine-width);min-width:0;padding:20px 13px 14px;background:var(--spine-paper);color:var(--spine-ink);border:1px solid #888;border-bottom:0;box-shadow:inset 5px 0 0 hsla(0,0%,100%,.047),inset -4px 0 0 rgba(0,0,0,.063)}.tutorialRouter_spine__CmeL_:before{position:absolute;inset:0 0 auto;height:3px;content:"";background:transparent;transition:background .16s}.tutorialRouter_volume__fnpL6[data-open=true] .tutorialRouter_spine__CmeL_:before{background:var(--portfolio-accent,#d74436)}.tutorialRouter_shelf__Aa_em[data-open=false] .tutorialRouter_spine__CmeL_{flex:1 1}.tutorialRouter_spineMeta__DA6oP{order:0;min-height:33px;max-width:100%;color:var(--spine-muted);font:10px/1.6 var(--portfolio-mono);text-align:center;overflow-wrap:anywhere}.tutorialRouter_spineTitle__ejXTj{order:2;margin:27px auto auto;max-height:365px;font-size:25px;font-weight:550;letter-spacing:.02em;line-height:1.25;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed}.tutorialRouter_spineTitle__ejXTj a{display:block;color:inherit;text-decoration:none}.tutorialRouter_spineTitle__ejXTj a:hover{color:var(--spine-accent)}.tutorialRouter_titleArrow__cblT5{display:inline-block;margin-top:14px;font-size:18px;color:var(--spine-accent)}.tutorialRouter_spineCount__SG1RD{order:3;margin:18px 0;color:var(--spine-muted);font-size:12px;white-space:nowrap}.tutorialRouter_previewToggle__GURLc{order:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin-top:14px;padding:7px 3px;border:0;border-bottom:1px solid #888;color:var(--spine-ink);background:transparent;font:13px var(--portfolio-font)}.tutorialRouter_previewToggle__GURLc>span:last-child{color:var(--spine-accent);font-size:22px;line-height:1}.tutorialRouter_previewToggle__GURLc:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}.tutorialRouter_spine__CmeL_ a:focus-visible,.tutorialRouter_spine__CmeL_ button:focus-visible{outline-color:var(--spine-accent);outline-offset:3px}.tutorialRouter_pages__KhLgW{position:relative;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:25px clamp(20px,2.4vw,38px) 0;background:var(--shelf-page);border:1px solid var(--shelf-line);border-left:0;border-bottom:0;box-shadow:inset 7px 0 9px -9px rgba(0,0,0,.4),inset -4px 0 0 var(--shelf-paper);transform-origin:left center;animation:tutorialRouter_unfold-page__eELTU .28s var(--portfolio-ease,ease) both}.tutorialRouter_pages__KhLgW[hidden]{display:none}.tutorialRouter_pageHeading__mkSIr{flex-shrink:0;padding:0 0 17px;border-bottom:1px solid var(--shelf-line)}.tutorialRouter_pageHeading__mkSIr>div{display:flex;justify-content:space-between;gap:15px;color:var(--shelf-muted);font:10px var(--portfolio-mono)}.tutorialRouter_pageHeading__mkSIr h3{margin:16px 0 0;font-size:clamp(24px,2.4vw,36px);font-weight:550;letter-spacing:-.04em;line-height:1.25;overflow-wrap:anywhere}.tutorialRouter_contents__VgqTq{flex:1 1;min-height:0;padding:13px 4px 16px 0;overflow-y:auto;scrollbar-color:#aaa transparent;scrollbar-width:thin;overscroll-behavior:contain}.tutorialRouter_contents__VgqTq ol,.tutorialRouter_contents__VgqTq ul{padding:0;margin:0;list-style:none}.tutorialRouter_chapterIndex__ug5sO a,.tutorialRouter_documentIndex__uQcXj a,.tutorialRouter_promptTitles__KqDEE a{display:flex;align-items:baseline;justify-content:space-between;gap:15px;min-height:42px;padding:11px 0;color:var(--shelf-ink);font-size:14px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}.tutorialRouter_chapterIndex__ug5sO li+li,.tutorialRouter_documentIndex__uQcXj li+li,.tutorialRouter_promptTitles__KqDEE li+li{border-top:1px solid #e5e5e5}.tutorialRouter_chapterIndex__ug5sO a>span:last-child,.tutorialRouter_promptTitles__KqDEE a>span:last-child{flex-shrink:0;color:var(--shelf-muted)}.tutorialRouter_contents__VgqTq a:hover{color:var(--portfolio-accent-ink,#b83228)}.tutorialRouter_documentFormat__CWiw4{flex-shrink:0;color:var(--shelf-muted);font:9px var(--portfolio-mono)}.tutorialRouter_documentFormat__CWiw4>span{margin-left:10px;font-size:13px}.tutorialRouter_contentsLabel___Jm0z{margin:3px 0 15px;color:var(--shelf-muted);font-size:11px;line-height:1.6}.tutorialRouter_coverIndex__bumum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px 20px;gap:22px 20px}.tutorialRouter_coverIndex__bumum a{display:block;color:var(--shelf-ink);text-decoration:none}.tutorialRouter_coverImage__tjb_7{display:flex;align-items:flex-start;justify-content:center;max-height:210px;aspect-ratio:3/4;background:var(--shelf-paper);overflow:hidden}.tutorialRouter_coverImage__tjb_7 img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s ease}.tutorialRouter_coverIndex__bumum a:hover img{transform:translateY(-3px)}.tutorialRouter_coverTitle__GDf99{display:block;margin-top:9px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.tutorialRouter_promptIndex__yOI1t{padding-top:7px}.tutorialRouter_promptTitles__KqDEE a{padding-block:16px;font-size:15px}.tutorialRouter_videoLink__VF8Cq{display:flex;justify-content:space-between;gap:18px;padding:24px 0 8px;margin-top:22px;border-top:1px solid var(--shelf-ink);color:var(--shelf-ink);text-decoration:none;font-size:15px}.tutorialRouter_videoNote__ZjLlf{display:block;margin-top:8px;color:var(--shelf-muted);font-size:11px}.tutorialRouter_viewAll__mty_6{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:16px 0;border-top:1px solid var(--shelf-ink);color:var(--shelf-ink);text-decoration:none;font-size:12px}.tutorialRouter_viewAll__mty_6>span:last-child{color:var(--portfolio-accent-ink,#b83228);font-size:25px}.tutorialRouter_viewAllTitle___9ywI{color:var(--shelf-muted)}.tutorialRouter_viewAll__mty_6:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}@keyframes tutorialRouter_unfold-page__eELTU{0%{opacity:0;transform:translateX(-8px) scaleX(.985)}to{opacity:1;transform:translateX(0) scaleX(1)}}@media(max-width:1150px){.tutorialRouter_shelf__Aa_em{--spine-width:88px}.tutorialRouter_spine__CmeL_{padding-inline:10px}.tutorialRouter_spineTitle__ejXTj{font-size:24px}.tutorialRouter_spineMeta__DA6oP{font-size:10px}.tutorialRouter_viewAllTitle___9ywI{display:none}}@media(max-width:900px){.tutorialRouter_shelf__Aa_em{display:block;padding-top:0}.tutorialRouter_volume__fnpL6,.tutorialRouter_volume__fnpL6[data-open=true]{display:block;height:auto}.tutorialRouter_volume__fnpL6+.tutorialRouter_volume__fnpL6{margin-top:13px}.tutorialRouter_spine__CmeL_{display:grid;grid-template-columns:minmax(0,1fr) 64px;grid-column-gap:18px;column-gap:18px;width:100%;padding:18px 22px;border-bottom:1px solid #888;box-shadow:inset 5px 0 0 hsla(0,0%,100%,.047)}.tutorialRouter_spineMeta__DA6oP{grid-column:1;min-height:0;text-align:left;font-size:10px}.tutorialRouter_spineTitle__ejXTj{grid-column:1;margin:9px 0 10px;max-height:none;font-size:clamp(23px,4.3vw,34px);line-height:1.3;writing-mode:horizontal-tb;letter-spacing:-.035em;overflow-wrap:anywhere}.tutorialRouter_titleArrow__cblT5{margin:0 0 0 12px;font-size:18px}.tutorialRouter_spineCount__SG1RD{grid-column:1;margin:0}.tutorialRouter_previewToggle__GURLc{grid-column:2;grid-row:1/4;flex-direction:column-reverse;justify-content:center;gap:10px;align-self:stretch;height:100%;margin-top:0;border-top:0;border-bottom:0;border-left:1px solid #888;padding-left:15px}.tutorialRouter_previewToggle__GURLc>span:last-child{font-size:26px}.tutorialRouter_pages__KhLgW{padding:22px 24px 0;border-left:1px solid var(--shelf-line)}.tutorialRouter_pageHeading__mkSIr h3{font-size:26px}.tutorialRouter_contents__VgqTq{overflow-y:visible;padding-top:16px}.tutorialRouter_chapterIndex__ug5sO a,.tutorialRouter_documentIndex__uQcXj a{min-height:44px;font-size:14px}.tutorialRouter_coverImage__tjb_7{max-height:270px}.tutorialRouter_viewAllTitle___9ywI{display:inline}}@media(max-width:520px){.tutorialRouter_spine__CmeL_{column-gap:12px;padding:17px 17px 17px 20px}.tutorialRouter_spineTitle__ejXTj{font-size:23px}.tutorialRouter_pages__KhLgW{padding-inline:18px}.tutorialRouter_pageHeading__mkSIr h3{font-size:24px}.tutorialRouter_coverIndex__bumum{gap:22px 14px}.tutorialRouter_coverImage__tjb_7{max-height:220px}.tutorialRouter_coverTitle__GDf99{font-size:11px}.tutorialRouter_viewAllTitle___9ywI{display:none}}@media(prefers-reduced-motion:reduce){.tutorialRouter_coverImage__tjb_7 img,.tutorialRouter_spine__CmeL_:before,.tutorialRouter_volume__fnpL6{transition:none}.tutorialRouter_pages__KhLgW{animation:none;transform:none}}