.project[data-astro-cid-bmrowvrh]{max-width:var(--container-content);margin:auto;padding:0 40px}.hero[data-astro-cid-bmrowvrh]{max-width:var(--container-narrow);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;margin-top:48px;margin-bottom:80px;display:grid}.cover[data-astro-cid-bmrowvrh]{aspect-ratio:4/3;border-radius:var(--radius-cover);border:1px solid var(--border);width:100%;overflow:hidden}.cover[data-astro-cid-bmrowvrh] img{object-fit:contain;background:var(--bg);width:100%;height:100%;display:block}.hero-text[data-astro-cid-bmrowvrh] h1[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-h1-detail);white-space:pre-line;margin-bottom:25px;line-height:1.15}.description[data-astro-cid-bmrowvrh]{color:#666;font-size:22px;line-height:1.5}.info[data-astro-cid-bmrowvrh]{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);margin-bottom:40px;display:grid}.info[data-astro-cid-bmrowvrh] h3[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-xs);text-transform:uppercase;color:#777;letter-spacing:var(--tracking-label);margin-bottom:8px}.info[data-astro-cid-bmrowvrh] p[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-body)}.tags[data-astro-cid-bmrowvrh]{flex-wrap:wrap;gap:10px;margin-bottom:60px;display:flex}.tag[data-astro-cid-bmrowvrh]{color:var(--text-soft);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-scale-xs);letter-spacing:var(--tracking-micro);background:#ffffff14;padding:6px 14px}:root[data-theme=light] .tag[data-astro-cid-bmrowvrh]{color:var(--text-soft);border-color:var(--border-strong);background:#0000000f}hr[data-astro-cid-bmrowvrh]{border:none;border-top:1px solid var(--border);margin-bottom:60px}.translation-notice[data-astro-cid-bmrowvrh]{text-align:center;min-height:55vh;font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.notice-code[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-xs);letter-spacing:var(--tracking-wide);color:var(--accent);opacity:.8;margin-bottom:25px}.notice-title[data-astro-cid-bmrowvrh]{color:#fff;margin-bottom:18px;font-size:48px;font-weight:900;line-height:1.2}.notice-subtitle[data-astro-cid-bmrowvrh]{letter-spacing:var(--tracking-label);color:#777;font-size:16px}.content-layout[data-astro-cid-bmrowvrh]{gap:var(--grid-gap);max-width:var(--container-article);grid-template-columns:260px minmax(0,1fr);margin:0 auto;display:grid}.toc[data-astro-cid-bmrowvrh]{box-sizing:border-box;height:fit-content;font-family:var(--font-mono);border-left:none;align-self:start;padding-left:0;position:sticky;top:100px}.toc[data-astro-cid-bmrowvrh] h3[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-3xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent);border-left:2px solid var(--accent);margin-bottom:20px;padding-left:12px;font-weight:900}.content-layout[data-astro-cid-bmrowvrh] article[data-astro-cid-bmrowvrh]{max-width:var(--container-text);margin:0 auto}.toc-list[data-astro-cid-bmrowvrh]{flex-direction:column;gap:0;display:flex}.toc-list[data-astro-cid-bmrowvrh] a[data-astro-cid-bmrowvrh]{width:100%;color:var(--text-tertiary);transition:color .15s var(--ease-out), background .15s var(--ease-out);border-bottom:1px solid #ffffff4d;padding:13px 8px;font-size:11.5px;line-height:1.45;text-decoration:none;display:block}.toc-list[data-astro-cid-bmrowvrh] a[data-astro-cid-bmrowvrh]:last-child{border-bottom:none}.toc-list[data-astro-cid-bmrowvrh] a[data-astro-cid-bmrowvrh].toc-h2{font-weight:700;font-size:var(--text-scale-2xs);color:var(--text-soft);border-bottom:1px solid #fff6;padding:15px 8px 13px}.toc-list[data-astro-cid-bmrowvrh] a[data-astro-cid-bmrowvrh].toc-h3{font-size:var(--text-scale-3xs);color:#888;border-bottom:1px solid #ffffff38;padding-left:18px}.toc-list[data-astro-cid-bmrowvrh] a[data-astro-cid-bmrowvrh]:hover{border-radius:var(--radius-sm);background:#fff3;color:#fff!important}.toc-list[data-astro-cid-bmrowvrh] a[data-astro-cid-bmrowvrh].toc-h2:hover{border-radius:var(--radius-sm);background:#ffffff47;color:#fff!important}.toc-list[data-astro-cid-bmrowvrh] a[data-astro-cid-bmrowvrh].toc-h3:hover{border-radius:var(--radius-sm);background:#ffffff29;color:#ddd!important}.toc[data-astro-cid-bmrowvrh] .sub[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-2xs);padding-left:15px}article[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-body);line-height:1.8}article h1{font-size:var(--text-scale-article-h1);margin-top:50px;margin-bottom:25px;scroll-margin-top:82px;font-weight:900;line-height:1.2;color:var(--retro-red)!important}article h2{font-size:var(--text-scale-article-h2);border-top:1px solid #ffffff1f;margin-top:60px;margin-bottom:20px;padding-top:30px;scroll-margin-top:82px;font-weight:800;line-height:1.3;color:var(--retro-yellow)!important}article h2:first-of-type{border-top:none;padding-top:0}:root[data-theme=light] article h2{border-top-color:#0000001a}article h3{font-size:var(--text-scale-article-h3);border-top:1px solid #ffffff0f;margin-top:40px;margin-bottom:15px;padding-top:22px;font-weight:700;line-height:1.4;color:var(--retro-cyan)!important}article h3:first-of-type{border-top:none;padding-top:0}:root[data-theme=light] article h3{border-top-color:#0000000d}article h2,article h3{padding-left:18px;position:relative}article h2:before{content:"";background:var(--retro-yellow);width:5px;height:1.2em;position:absolute;top:30px;left:0}article h2:first-of-type:before{top:0}article h3:before{content:"";background:var(--retro-cyan);width:4px;height:1.2em;position:absolute;top:22px;left:0}article h3:first-of-type:before{top:0}article[data-astro-cid-bmrowvrh] p[data-astro-cid-bmrowvrh]{margin-bottom:20px}article[data-astro-cid-bmrowvrh] ul[data-astro-cid-bmrowvrh],article[data-astro-cid-bmrowvrh] ol[data-astro-cid-bmrowvrh]{margin-bottom:20px;padding-left:30px}article[data-astro-cid-bmrowvrh] li[data-astro-cid-bmrowvrh]{margin-bottom:8px}article[data-astro-cid-bmrowvrh] table{border-collapse:separate;border-spacing:0;width:100%;margin:30px 0;font-size:15px}article[data-astro-cid-bmrowvrh] th{text-align:left;border-bottom:2px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-scale-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;padding:12px 20px}article[data-astro-cid-bmrowvrh] td{vertical-align:top;border-bottom:1px solid #ffffff14;padding:14px 20px;line-height:1.6}article[data-astro-cid-bmrowvrh] tr:last-child td{border-bottom:none}article[data-astro-cid-bmrowvrh] tr td{transition:background .2s var(--ease-out)}article[data-astro-cid-bmrowvrh] tr:hover td{background:#ffffff08}article[data-astro-cid-bmrowvrh] pre[data-astro-cid-bmrowvrh]{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;overflow-x:auto}@media (width<=1100px){.content-layout[data-astro-cid-bmrowvrh]{grid-template-columns:1fr}.toc[data-astro-cid-bmrowvrh]{border-radius:var(--radius-lg);border:1px solid #ffffff26;order:-1;max-height:none;margin-bottom:40px;padding:20px;position:relative;top:auto;overflow-y:visible}.hero[data-astro-cid-bmrowvrh]{grid-template-columns:1fr}.hero-text[data-astro-cid-bmrowvrh] h1[data-astro-cid-bmrowvrh]{font-size:40px}.info[data-astro-cid-bmrowvrh]{grid-template-columns:1fr 1fr}}@media (width<=600px){.project[data-astro-cid-bmrowvrh]{padding:0 20px}.info[data-astro-cid-bmrowvrh]{grid-template-columns:1fr}.description[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-body)}article[data-astro-cid-bmrowvrh]{font-size:16px}.translation-notice[data-astro-cid-bmrowvrh]{min-height:60vh}.notice-title[data-astro-cid-bmrowvrh]{font-size:32px}.notice-code[data-astro-cid-bmrowvrh]{font-size:var(--text-scale-3xs)}.notice-subtitle[data-astro-cid-bmrowvrh]{font-size:14px}}article img{object-fit:contain;border-radius:var(--radius-xl);width:auto;max-width:850px;height:auto;max-height:550px;margin:40px auto;display:block}.layers-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin:40px 0;display:grid}.layers-image img{object-fit:contain;border-radius:var(--radius-lg);position:sticky;top:100px;width:100%!important;max-width:420px!important;margin:0!important}.layers-desc h3{color:var(--retro-cyan);font-family:var(--font-mono);margin-top:8px;font-size:14px}.layers-desc h3:first-child{margin-top:0}.layers-desc p{font-size:var(--text-scale-xs);color:var(--text-dim);margin-bottom:0;line-height:1.4}:root[data-theme=light] .layers-desc p{color:var(--text-dim)}.side-by-side{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin:30px 0 10px;display:grid}.side-by-side img{object-fit:contain;border-radius:10px;width:100%!important;height:auto!important;max-height:420px!important;margin:0!important}.side-by-side p{text-align:center;font-size:var(--text-scale-2xs);color:#888;font-family:var(--font-mono);margin-top:6px}.drawer-stack{float:left;width:280px;margin:8px 56px 48px 0}.drawer-card{cursor:pointer;z-index:1;width:280px;height:170px;transition:transform .5s var(--spring-bounce);position:relative}.drawer-card:not(:first-child){margin-top:-108px}.drawer-card:nth-child(odd){rotate:-.5deg}.drawer-card:nth-child(2n){rotate:.5deg}.drawer-card img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--panel);display:block;box-shadow:0 8px 24px #0006;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important}:root[data-theme=light] .drawer-card img{box-shadow:0 8px 20px #0000002e}.drawer-card:hover,.drawer-card.open{z-index:30;transform:translate(calc(100% + 28px))}.drawer-card .card-caption{border-radius:0 0 var(--radius-md) var(--radius-md);color:#ddd;font-family:var(--font-mono);font-size:var(--text-scale-2xs);letter-spacing:var(--tracking-micro);text-align:center;opacity:0;transition:opacity .35s var(--spring-gentle);pointer-events:none;background:linear-gradient(#0000,#000000c7);padding:26px 12px 9px;position:absolute;bottom:0;left:0;right:0}.drawer-card:hover .card-caption,.drawer-card.open .card-caption{opacity:1}.drawer-card .card-desc{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:330px;font-family:var(--font-body);font-size:var(--text-scale-2xs);color:var(--text-soft);opacity:0;transition:opacity .3s var(--spring-gentle), transform .35s var(--spring-gentle);pointer-events:none;padding:12px 14px;line-height:1.6;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-8px);box-shadow:0 12px 30px #00000080}:root[data-theme=light] .drawer-card .card-desc{box-shadow:0 10px 28px #00000026}.drawer-card:hover .card-desc,.drawer-card.open .card-desc{opacity:1;transform:translateY(0)}@media (width<=700px){.drawer-stack{float:none;margin:10px auto 40px}.drawer-card:hover,.drawer-card.open{transform:translate(calc(100% + 16px))}.drawer-card .card-desc{width:280px}}.versions-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0;display:grid}.version-cell{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.version-cell img{object-fit:contain;border-radius:var(--radius-sm);width:100%!important;height:200px!important;max-height:none!important;margin:0 0 12px!important}.version-cell h4{font-family:var(--font-mono);font-size:var(--text-scale-xs);letter-spacing:var(--tracking-label);color:var(--accent);text-transform:uppercase;margin:0 0 10px}.version-cell p{font-size:var(--text-scale-2xs);color:var(--text-soft);margin:0 0 6px;line-height:1.6}.version-cell p:last-child{margin-bottom:0}@media (width<=1000px){.versions-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.versions-grid{grid-template-columns:1fr}}.showcase{grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:22px;margin:36px 0 10px;display:grid}.showcase .show-item{cursor:pointer;z-index:1;transition:transform .45s var(--spring-bounce);position:relative}.showcase .show-item:hover{z-index:5;transform:translateY(-8px)scale(1.04)}.showcase img{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--border);transition:box-shadow .4s var(--spring-gentle);display:block;width:100%!important;height:auto!important;max-height:420px!important;margin:0!important}.showcase .show-item:hover img{box-shadow:0 18px 44px #00000080}:root[data-theme=light] .showcase .show-item:hover img{box-shadow:0 16px 36px #0003}.showcase .show-item p{text-align:center;font-family:var(--font-mono);font-size:var(--text-scale-2xs);letter-spacing:var(--tracking-micro);color:var(--text-tertiary);margin-top:10px}@media (width<=800px){.showcase{grid-template-columns:1fr}}.info-tabs{grid-template-columns:240px 1fr;align-items:start;gap:26px;margin:30px 0;display:grid}.tab-nav{border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.tab-item{font-family:var(--font-mono);font-size:var(--text-scale-2xs);letter-spacing:var(--tracking-label);color:var(--text-soft);cursor:pointer;border-bottom:1px solid var(--border-divider);transition:background .2s var(--ease-out), color .2s var(--ease-out);padding:14px 18px;position:relative}.tab-item:last-child{border-bottom:none}.tab-item:hover{background:#ffffff12}.tab-item.active{color:var(--accent);background:#ffffff0a}.tab-item.active:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}:root[data-theme=light] .tab-item:hover{background:#0000000d}:root[data-theme=light] .tab-item.active{background:#0000000a}.tab-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;height:340px;padding:22px 26px;display:none;overflow-y:auto}.tab-panel.active{display:block}.tab-panel h4{font-family:var(--font-mono);font-size:var(--text-scale-xs);letter-spacing:var(--tracking-label);color:var(--accent);text-transform:uppercase;margin:0 0 14px}.tab-panel p{font-size:var(--text-scale-2xs);color:var(--text-soft);margin:0 0 8px;line-height:1.7}.tab-panel p:last-child{margin-bottom:0}.tab-panel p.src{font-family:var(--font-mono);color:var(--text-dim);font-size:var(--text-scale-3xs);margin-top:12px}@media (width<=800px){.info-tabs{grid-template-columns:1fr}}.process-scroll{cursor:grab;user-select:none;height:310px;margin:30px 0 0;position:relative;overflow:hidden}.process-track{will-change:transform;align-items:center;gap:16px;height:100%;padding:0 20px;display:flex;position:absolute;top:0;left:0}.process-track .step{text-align:center;flex-shrink:0;width:360px}.process-track .step img{border:1px solid #ffffff14;border-radius:8px;object-fit:cover!important;width:360px!important;height:270px!important;margin:0!important}.process-track .step span{font-size:var(--text-scale-2xs);color:#888;font-family:var(--font-mono);margin-top:7px;display:block}.variables-grid{margin:30px 0}.variables-grid li{margin-bottom:6px}@media (width<=800px){.layers-layout{grid-template-columns:1fr}}@media (width<=700px){.side-by-side{grid-template-columns:1fr}}:root[data-theme=light] .toc-list a{color:var(--text-dim);border-bottom-color:#00000038}:root[data-theme=light] .toc-list a.toc-h2{color:#111;border-bottom-color:#00000052}:root[data-theme=light] .toc-list a.toc-h3{color:var(--text-tertiary);border-bottom-color:#00000026}:root[data-theme=light] .toc-list a:hover{border-radius:var(--radius-sm);background:#0000000f;color:#000!important}