.pasito-container{--pill-dot-size: 8px;--pill-active-width: 24px;--pill-gap: 6px;--pill-duration: .5s;--pill-easing: cubic-bezier(.215, .61, .355, 1);--pill-bg: rgba(0, 0, 0, .12);--pill-active-bg: rgba(0, 0, 0, .8);--pill-fill-bg: rgba(255, 255, 255, .45);--pill-container-bg: rgba(0, 0, 0, .04);--pill-container-radius: 999px;--pill-container-border: rgba(0, 0, 0, .06);display:inline-flex;padding:6px 10px;background:var(--pill-container-bg);border-radius:var(--pill-container-radius);border:1px solid var(--pill-container-border);overflow:hidden}.pasito-track{display:flex;align-items:center;margin-left:calc(-1 * var(--pill-gap));transition:transform var(--pill-duration) var(--pill-easing)}.pasito-vertical .pasito-track{flex-direction:column;margin-left:0;margin-top:calc(-1 * var(--pill-gap))}.pasito-step{position:relative;width:var(--pill-dot-size);height:var(--pill-dot-size);border-radius:999px;border:none;padding:0;cursor:pointer;background:var(--pill-bg);flex-shrink:0;overflow:hidden;margin-left:var(--pill-gap);margin-top:0;transform-origin:center center;transition:width var(--pill-duration) var(--pill-easing),height var(--pill-duration) var(--pill-easing),background var(--pill-duration) var(--pill-easing),opacity var(--pill-duration) var(--pill-easing),transform var(--pill-duration) var(--pill-easing),margin-left var(--pill-duration) var(--pill-easing),margin-top var(--pill-duration) var(--pill-easing)}.pasito-vertical .pasito-step{margin-left:0;margin-top:var(--pill-gap)}.pasito-step:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}.pasito-step-active{width:var(--pill-active-width);background:var(--pill-active-bg)}.pasito-vertical .pasito-step-active{width:var(--pill-dot-size);height:var(--pill-active-width)}.pasito-step:after{content:"";position:absolute;top:0;left:0;bottom:0;width:0;border-radius:inherit;background:var(--pill-fill-bg);pointer-events:none}.pasito-vertical .pasito-step:after{right:0;bottom:auto;width:auto;height:0}.pasito-step-filling:after{width:100%;transition:width var(--pill-fill-duration, 3s) linear}.pasito-vertical .pasito-step-filling:after{width:auto;height:100%;transition:height var(--pill-fill-duration, 3s) linear}.pasito-entering{width:0;margin-left:0;margin-top:0;opacity:0;transform:scale(0);transition-duration:.25s}.pasito-vertical .pasito-entering{width:var(--pill-dot-size);height:0}.pasito-exiting{width:0;margin-left:0;margin-top:0;opacity:0;transform:scale(0);transition-duration:.25s}.pasito-vertical .pasito-exiting{width:var(--pill-dot-size);height:0}@media (prefers-reduced-motion: reduce){.pasito-step,.pasito-track{transition-duration:0ms!important}.pasito-step-filling:after{transition-duration:0ms!important}}@font-face{font-family:Cooper Light;src:url(/assets/CooperLightBT.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #121212;--ink: #ffffff;--ink-80: rgba(255, 255, 255, .8);--ink-60: rgba(255, 255, 255, .6);--ink-50: rgba(255, 255, 255, .5);--ink-30: rgba(255, 255, 255, .3);--accent: #e17909;--stroke-ghost: rgba(255, 255, 255, .12);--font-serif: "Cooper Light", Georgia, Cambria, "Times New Roman", Times, serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", sans-serif;--toc-bg: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));--toc-border: rgba(255, 255, 255, .12);--toc-shadow: rgba(0, 0, 0, .4);--toc-title-bg: rgba(18, 18, 18, .95);--hover-bg: rgba(255, 255, 255, .04);color-scheme:dark;--cb-outer: #1e1e20;--cb-inner: #09090b;--cb-text: rgba(255, 255, 255, .75);--cb-btn: rgba(255, 255, 255, .4);--cb-btn-hover: #ffffff;--cb-btn-hover-bg: rgba(255, 255, 255, .08);--syntax-comment: #6b7280;--syntax-string: #a3e635;--syntax-number: #c084fc;--syntax-keyword: #f472b6;--syntax-builtin: #60a5fa;--syntax-class: #fb923c;--syntax-tag: #f472b6;--syntax-attr: #fbbf24;--syntax-method: #38bdf8}[data-theme=light]{--bg: #faf8f5;--ink: #1c1917;--ink-80: rgba(28, 25, 23, .8);--ink-60: rgba(28, 25, 23, .6);--ink-50: rgba(28, 25, 23, .5);--ink-30: rgba(28, 25, 23, .3);--accent: #c2410c;--stroke-ghost: rgba(28, 25, 23, .12);--toc-bg: linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .5));--toc-border: rgba(28, 25, 23, .08);--toc-shadow: rgba(0, 0, 0, .08);--toc-title-bg: rgba(250, 248, 245, .95);--hover-bg: rgba(28, 25, 23, .04);color-scheme:light;--cb-outer: #f4f1eb;--cb-inner: #ffffff;--cb-text: rgba(28, 25, 23, .8);--cb-btn: rgba(28, 25, 23, .4);--cb-btn-hover: #1c1917;--cb-btn-hover-bg: rgba(28, 25, 23, .08);--syntax-comment: #8a8f98;--syntax-string: #15803d;--syntax-number: #7c3aed;--syntax-keyword: #db2777;--syntax-builtin: #1d4ed8;--syntax-class: #c2410c;--syntax-tag: #db2777;--syntax-attr: #b45309;--syntax-method: #0369a1}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink-80);min-height:100vh;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.6;transition:background-color .3s ease,color .3s ease}body,p,a,h1,h2,h3,.separator,.toc,.toc-item,.toc-bullet,.project-item,.project-icon-wrapper,.footer{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease}::selection{background:var(--accent);color:var(--ink)}.container{max-width:650px;margin:0 auto;padding:80px 24px}@media (max-width: 600px){.container{padding:40px 20px}}header{margin-bottom:28px}h1,h2,h3{color:var(--ink);font-family:var(--font-serif);font-weight:400}h1 a,h2 a{color:inherit;text-decoration:none;border-bottom:none;transition:color .15s ease}h1 a:hover,h2 a:hover{color:var(--accent)}h1{font-size:32px;letter-spacing:-.02em;margin-bottom:8px}h2{font-size:24px;letter-spacing:-.01em;margin-top:48px;margin-bottom:8px}h3{font-size:17px;font-weight:600}.separator{width:45px;height:1px;background:var(--ink);border:none;margin-bottom:28px}p{margin-bottom:20px;color:var(--ink-80)}p strong{color:var(--ink);font-weight:600}p a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--stroke-ghost);transition:color .15s ease,border-color .15s ease}p a:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.project-item{position:relative;display:block;padding:10px 16px;margin:0 -16px;border-radius:12px;transition:background .2s cubic-bezier(.25,1,.5,1),color .3s ease}.project-item.has-icon{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.project-icon-wrapper{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;overflow:visible;margin-top:3px;transition:transform .2s cubic-bezier(.25,1,.5,1)}.project-icon{width:100%;height:100%;object-fit:cover;border-radius:4px}.project-content{flex-grow:1;min-width:0}.project-item:hover{background:var(--hover-bg)}.project-item:hover .project-icon-wrapper{transform:scale(1.1)}.project-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px;flex-wrap:wrap;gap:8px}.project-title a{color:var(--ink);text-decoration:none;transition:color .15s ease}.project-title a:hover{color:var(--accent)}.project-title a:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.project-meta{font-family:var(--font-sans);font-size:12px;font-weight:400;color:var(--ink-30);display:inline-flex;gap:8px;align-items:center;position:relative;z-index:2}.project-meta a{color:var(--ink-50);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-bottom-color .15s ease}.project-meta a:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-desc{font-size:14px;line-height:1.5;color:var(--ink-50)}.footer{margin-top:64px;border-top:1px solid var(--stroke-ghost);padding-top:24px}.footer-text{font-size:12px;color:var(--ink-50)}.footer-text a{color:var(--ink-80);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-bottom-color .15s ease}.footer-text a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-divider{margin:0 8px;color:var(--ink-50)}.toc-stepper-container{position:fixed;z-index:100;display:flex;align-items:center;gap:8px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;padding:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.stepper-btn,#theme-toggle-btn{width:36px;height:36px;border-radius:50%;background:var(--toc-bg);border:1px solid var(--toc-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px var(--toc-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-80);position:relative;outline:none;transition:transform .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.stepper-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.stepper-btn.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}@media (hover: hover){.stepper-btn:hover,#theme-toggle-btn:hover{transform:scale(1.1);color:var(--accent);border-color:var(--accent)}.pasito-step:hover{background:var(--accent)!important;transform:scale(1.2)!important}}.toc-title{position:absolute;opacity:0;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--toc-title-bg);border:1px solid var(--stroke-ghost);padding:6px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px var(--toc-shadow);z-index:100}.pasito-container{--pill-bg: var(--ink-30) !important;--pill-active-bg: var(--ink) !important;--pill-container-bg: var(--toc-bg) !important;--pill-container-border: var(--toc-border) !important;--pill-container-radius: 999px !important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 8px 32px var(--toc-shadow)!important;height:36px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease!important;overflow:visible!important}.pasito-vertical{width:36px!important;height:auto!important;padding:16px 0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.pasito-vertical .pasito-step-active{width:var(--pill-dot-size)!important;height:var(--pill-active-width)!important}.pasito-step{overflow:visible!important}@media (min-width: 900px){.toc-stepper-container{right:32px;top:50%;transform:translateY(-50%);flex-direction:column}#stepper-prev svg{transform:rotate(90deg)}#stepper-next svg{transform:rotate(90deg)}.toc-title{right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(10px);bottom:auto;left:auto;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,color .3s ease,border-color .3s ease}.pasito-step:hover .toc-title,.stepper-btn:hover .toc-title,#theme-toggle-btn:hover .toc-title{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 899px){.toc-stepper-container{bottom:24px;left:50%;transform:translate(-50%);flex-direction:row}.toc-title{bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),background-color .3s ease,color .3s ease,border-color .3s ease}@media (hover: hover){.pasito-step:hover .toc-title,.stepper-btn:hover .toc-title,#theme-toggle-btn:hover .toc-title{opacity:1;transform:translate(-50%) translateY(0)}}}.theme-toggle-container-inner{display:inline-flex;align-items:center;justify-content:center;position:relative;width:14px;height:14px}.theme-icon{position:absolute;width:14px;height:14px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}[data-theme=dark] .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .moon-icon{opacity:0;transform:rotate(-90deg) scale(0)}[data-theme=light] .sun-icon{opacity:0;transform:rotate(90deg) scale(0)}[data-theme=light] .moon-icon{opacity:1;transform:rotate(0) scale(1)}header h1{margin-bottom:8px}.back-btn:hover{color:var(--ink)!important}.back-btn svg{transition:transform .2s ease}.back-btn:hover svg{transform:rotate(180deg) translate(4px)!important}.shader-page-layout{display:flex;gap:64px;max-width:960px;margin:0 auto;padding:80px 24px;position:relative}.shader-sidebar{width:180px;flex-shrink:0;position:sticky;top:80px;height:fit-content;display:flex;flex-direction:column}.shader-main-content{flex-grow:1;max-width:650px;min-width:0}.sidebar-nav{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0}.sidebar-nav-item a{font-size:13px;color:var(--ink-50);text-decoration:none;transition:color .15s ease}.sidebar-nav-item a:hover,.sidebar-nav-item.active a{color:var(--ink)}.sidebar-home-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-60);text-decoration:none;margin-bottom:32px;transition:color .15s ease;font-weight:500}.sidebar-home-link:hover{color:var(--ink)}.sidebar-home-link svg{transition:transform .2s ease}.sidebar-home-link:hover svg{transform:translate(-4px)}.mobile-home-link{display:none;align-items:center;gap:8px;font-size:13px;color:var(--ink-60);text-decoration:none;margin-bottom:24px;font-weight:500;transition:color .15s ease}.mobile-home-link:hover{color:var(--ink)}.mobile-home-link svg{transition:transform .2s ease}.mobile-home-link:hover svg{transform:translate(-4px)}@media (max-width: 900px){.mobile-home-link{display:inline-flex}}.preview-card-wrapper{margin:32px 0 48px;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.preview-card-inner{width:100%;height:380px;border-radius:12px;overflow:hidden;position:relative;background:#0d0d0d}.preview-canvas{width:100%;height:100%;display:block}.preview-controls-pill{display:flex;align-items:center;gap:16px;background:var(--toc-bg);border:1px solid var(--toc-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px var(--toc-shadow);padding:10px 20px;border-radius:999px}.preview-controls-divider{width:1px;height:16px;background:var(--stroke-ghost)}.preview-presets{display:flex;gap:10px;align-items:center}.preset-dot{width:20px;height:20px;border-radius:50%;padding:0;margin:0;box-sizing:border-box;border:2px solid transparent;background-clip:padding-box;cursor:pointer;transition:transform .15s ease,border-color .15s ease;outline:none}.preset-dot.active{border-color:var(--ink);transform:scale(1.15)}.preset-dot:hover{transform:scale(1.2)}.step-control{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--ink-80);font-family:var(--font-sans);letter-spacing:.02em}.step-control button{background:none;border:none;color:var(--ink-60);font-size:14px;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .1s ease;outline:none}.step-control button:hover{color:var(--ink);transform:scale(1.2)}.step-control button:active{transform:scale(.9)}.reicon-cb{position:relative;margin:16px 0 28px;overflow:hidden;border-radius:12px;background-color:var(--cb-outer);box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease}.reicon-cb-copy-btn-floating{position:absolute;right:0;top:0;z-index:2;background-color:var(--cb-outer);padding:6px;border:none;border-bottom-left-radius:12px;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.reicon-cb-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--cb-btn);transition:color .15s ease,background-color .15s ease}.reicon-cb-icon-wrapper:hover{color:var(--cb-btn-hover);background-color:var(--cb-btn-hover-bg)}.reicon-cb-body{padding:6px}.reicon-sb-body{padding:0 6px 6px}.reicon-cb-inner{background-color:var(--cb-inner);border-radius:6px;transition:background-color .3s ease}.reicon-cb-inner pre{margin:0;padding:16px;font-size:13px;font-family:var(--font-mono),monospace;line-height:1.7;color:var(--cb-text);overflow-x:auto;white-space:pre-wrap;overflow-wrap:break-word;transition:color .3s ease}.reicon-cb-inner pre:focus-visible{outline:none}.reicon-sb-header{display:flex;align-items:center;gap:8px;height:40px;padding-left:16px;padding-right:6px}.reicon-sb-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;color:#fff9}.reicon-sb-icon-wrapper svg{width:14px;height:14px}.reicon-sb-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;color:#ffffff8c}.reicon-sb-copy-btn-inline{background:none;border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#fff6;transition:color .15s ease,background-color .15s ease}.reicon-sb-copy-btn-inline:hover{color:#fff;background-color:#ffffff14}.doc-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0 32px}.doc-table{width:100%;border-collapse:collapse;margin:0;font-size:13px;line-height:1.5}.doc-table th,.doc-table td{padding:12px;text-align:left;border-bottom:1px solid var(--stroke-ghost)}.doc-table th{font-weight:600;color:var(--ink);border-bottom:2px solid var(--stroke-ghost)}.doc-table td{color:var(--ink-80)}code{font-family:var(--font-mono),monospace;font-size:13px;background-color:var(--hover-bg);padding:2px 6px;border-radius:4px;color:var(--accent)}.doc-section{padding-top:48px;margin-bottom:32px}.doc-section h2{margin-top:0;font-family:var(--font-serif);font-size:24px;margin-bottom:16px;border-bottom:1px solid var(--stroke-ghost);padding-bottom:8px;color:var(--ink)}.doc-section p{margin-bottom:16px;font-size:14px}@media (max-width: 900px){.shader-page-layout{flex-direction:column;gap:32px;padding:40px 20px 100px}.shader-sidebar{display:none}.preview-card-inner{height:280px}.preview-controls-pill{flex-wrap:wrap;justify-content:center;gap:12px;border-radius:20px}}.subpage-stepper{display:none!important}@media (max-width: 899px){.subpage-stepper{display:flex!important}}@media (max-width: 600px){.preview-controls-pill{flex-direction:column;align-items:center;gap:12px;padding:16px 24px;border-radius:20px;width:90%;max-width:320px;box-sizing:border-box}.preview-controls-divider{display:none}}.code-comment{color:var(--syntax-comment);font-style:italic}.code-string{color:var(--syntax-string)}.code-number{color:var(--syntax-number)}.code-keyword{color:var(--syntax-keyword)}.code-builtin{color:var(--syntax-builtin)}.code-class{color:var(--syntax-class)}.code-tag{color:var(--syntax-tag)}.code-attr{color:var(--syntax-attr)}.code-method{color:var(--syntax-method)}