.sidebar-nav[data-astro-cid-ssfzsv2f]{height:100%;display:flex;flex-direction:column;background:var(--background);border-right:1px solid var(--gray);font-family:FiraCode,sans-serif}.sidebar-header[data-astro-cid-ssfzsv2f]{padding:var(--space-m);border-bottom:1px solid var(--gray)}.sidebar-header[data-astro-cid-ssfzsv2f] h2[data-astro-cid-ssfzsv2f]{margin:0 0 var(--space-2xs) 0;font-size:var(--step-0);font-weight:700;color:var(--accent);line-height:1.1}.sidebar-header[data-astro-cid-ssfzsv2f] p[data-astro-cid-ssfzsv2f]{margin:0;font-size:var(--step--1);color:var(--gray);font-family:Open Sans,sans-serif}.sidebar-content[data-astro-cid-ssfzsv2f]{flex:1;overflow-y:auto;padding:var(--space-s) 0}.project-group[data-astro-cid-ssfzsv2f]{margin-bottom:var(--space-m)}.group-title[data-astro-cid-ssfzsv2f]{font-size:var(--step--1);font-weight:700;color:var(--accent);margin:0 0 var(--space-xs) 0;padding:0 var(--space-s);text-transform:lowercase}.project-list[data-astro-cid-ssfzsv2f]{list-style:none;margin:0;padding:0}.project-item[data-astro-cid-ssfzsv2f]{margin:0}.project-link[data-astro-cid-ssfzsv2f]{display:block;padding:var(--space-xs) var(--space-s);text-decoration:none;color:var(--gray);border-left:2px solid transparent;transition:all .1s ease}.project-link[data-astro-cid-ssfzsv2f]:hover{color:var(--accent);border-left-color:var(--gray)}.project-link[data-astro-cid-ssfzsv2f].active{color:var(--accent);border-left-color:var(--accent)}.project-info[data-astro-cid-ssfzsv2f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3xs)}.project-title[data-astro-cid-ssfzsv2f]{font-weight:400;font-size:var(--step--1)}.project-framework[data-astro-cid-ssfzsv2f]{font-size:var(--step--2);padding:var(--space-3xs);border:1px solid var(--gray);color:var(--gray);background:transparent;font-weight:400}.project-tags[data-astro-cid-ssfzsv2f]{display:flex;gap:var(--space-3xs);flex-wrap:wrap}.tag[data-astro-cid-ssfzsv2f]{font-size:var(--step--2);color:var(--gray);font-weight:400}.sidebar-footer[data-astro-cid-ssfzsv2f]{padding:var(--space-s);border-top:1px solid var(--gray)}.back-link[data-astro-cid-ssfzsv2f]{display:inline-flex;align-items:center;font-size:var(--step--1);color:var(--gray);text-decoration:none;font-weight:400;transition:color .1s ease}.back-link[data-astro-cid-ssfzsv2f]:hover{color:var(--accent)}@media (max-width: 48rem){.sidebar-nav[data-astro-cid-ssfzsv2f]{display:none}}.project-container[data-astro-cid-nkq5zs7f]{display:grid;grid-template-columns:280px 1fr;height:100vh;overflow:hidden}.sidebar[data-astro-cid-nkq5zs7f]{background:var(--background);border-right:1px solid var(--gray);overflow-y:auto}.content[data-astro-cid-nkq5zs7f]{display:flex;flex-direction:column;overflow:hidden;background:var(--background)}.desktop-header[data-astro-cid-nkq5zs7f]{display:block;border-bottom:1px solid var(--gray)}.mobile-header[data-astro-cid-nkq5zs7f],.mobile-footer[data-astro-cid-nkq5zs7f]{display:none}.main-content[data-astro-cid-nkq5zs7f]{flex:1;overflow-y:auto;padding:var(--space-l) 0}@media (max-width: 48rem){.project-container[data-astro-cid-nkq5zs7f]{grid-template-columns:1fr}.sidebar[data-astro-cid-nkq5zs7f],.desktop-header[data-astro-cid-nkq5zs7f]{display:none}.mobile-header[data-astro-cid-nkq5zs7f],.mobile-footer[data-astro-cid-nkq5zs7f]{display:block}.main-content[data-astro-cid-nkq5zs7f]{padding:var(--space-m) 0}}.native-canvas-container[data-astro-cid-ngknjj3n]{margin:var(--space-l) 0;padding:var(--space-m);border:1px solid var(--gray);background:var(--background);font-family:FiraCode,sans-serif}.framework-tabs[data-astro-cid-ngknjj3n]{display:flex;gap:0;margin-bottom:var(--space-m);border-bottom:1px solid var(--gray)}.tab-button[data-astro-cid-ngknjj3n]{padding:var(--space-xs) var(--space-s);border:1px solid var(--gray);border-bottom:none;background:var(--background);color:var(--gray);cursor:pointer;font-weight:400;font-family:FiraCode,sans-serif;font-size:var(--step--1);transition:all .1s ease;margin-bottom:-1px}.tab-button[data-astro-cid-ngknjj3n]:hover{background:var(--accent);color:var(--background)}.tab-button[data-astro-cid-ngknjj3n].active{background:var(--accent);color:var(--background);border-bottom:1px solid var(--accent)}.tab-button[data-astro-cid-ngknjj3n]:first-child{border-radius:4px 0 0}.tab-button[data-astro-cid-ngknjj3n]:last-child{border-radius:0 4px 0 0}.canvas-wrapper[data-astro-cid-ngknjj3n]{display:flex;justify-content:center;margin-bottom:var(--space-m)}canvas[data-astro-cid-ngknjj3n]{border:1px solid var(--gray);background:var(--background)}.controls[data-astro-cid-ngknjj3n]{margin:var(--space-m) 0;padding:var(--space-s);border:1px solid var(--gray);background:var(--background)}.controls[data-astro-cid-ngknjj3n] h3[data-astro-cid-ngknjj3n]{margin:0 0 var(--space-s) 0;font-size:var(--step-0);font-weight:700;color:var(--accent)}.control-group[data-astro-cid-ngknjj3n]{display:flex;align-items:center;gap:var(--space-s);margin-bottom:var(--space-xs)}.control-group[data-astro-cid-ngknjj3n] label[data-astro-cid-ngknjj3n]{min-width:80px;font-weight:400;font-size:var(--step--1);color:var(--accent)}.control-group[data-astro-cid-ngknjj3n] input[data-astro-cid-ngknjj3n]{flex:1;max-width:150px;padding:var(--space-3xs);border:1px solid var(--gray);background:var(--background);color:var(--accent);font-family:FiraCode,sans-serif;font-size:var(--step--1)}.control-group[data-astro-cid-ngknjj3n] input[data-astro-cid-ngknjj3n]:focus{outline:none;border-color:var(--accent)}.control-value[data-astro-cid-ngknjj3n]{min-width:50px;padding:var(--space-3xs) var(--space-2xs);background:var(--background);border:1px solid var(--gray);font-family:FiraCode,sans-serif;font-size:var(--step--1);color:var(--gray)}.project-actions[data-astro-cid-ngknjj3n]{display:flex;gap:var(--space-xs);margin-top:var(--space-s)}.btn[data-astro-cid-ngknjj3n]{padding:var(--space-xs) var(--space-s);border:1px solid var(--gray);background:var(--background);color:var(--accent);cursor:pointer;font-weight:400;font-family:FiraCode,sans-serif;font-size:var(--step--1);transition:all .1s ease}.btn[data-astro-cid-ngknjj3n]:hover,.btn-primary[data-astro-cid-ngknjj3n]{background:var(--accent);color:var(--background)}.btn-primary[data-astro-cid-ngknjj3n]:hover{background:var(--gray);color:var(--background)}.btn-secondary[data-astro-cid-ngknjj3n]{background:var(--background);color:var(--gray)}.btn-secondary[data-astro-cid-ngknjj3n]:hover{background:var(--gray);color:var(--background)}.code-modal[data-astro-cid-ngknjj3n]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-m)}.code-modal[data-astro-cid-ngknjj3n].hidden{display:none}.code-modal-content[data-astro-cid-ngknjj3n]{background:var(--background);border:1px solid var(--gray);border-radius:4px;max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column;overflow:hidden}.code-header[data-astro-cid-ngknjj3n]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--gray);background:var(--background)}.code-header[data-astro-cid-ngknjj3n] h3[data-astro-cid-ngknjj3n]{margin:0;font-size:var(--step-0);font-weight:700;color:var(--accent);font-family:FiraCode,sans-serif}.close-btn[data-astro-cid-ngknjj3n]{background:none;border:none;font-size:var(--step-2);color:var(--gray);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .1s ease}.close-btn[data-astro-cid-ngknjj3n]:hover{background:var(--gray);color:var(--background)}.code-block[data-astro-cid-ngknjj3n]{flex:1;overflow:auto;padding:var(--space-m);margin:0;background:var(--background);font-family:FiraCode,sans-serif;font-size:var(--step--1);line-height:1.5;color:var(--accent);white-space:pre-wrap;word-wrap:break-word}.code-block .syntax-comment{color:var(--dark-gray);opacity:.7;font-style:italic}.code-block .syntax-string{color:var(--accent);opacity:.9}.code-block .syntax-keyword{color:var(--accent);font-weight:600}.code-block .syntax-type{color:var(--gray);font-weight:500}.code-block .syntax-macro{color:var(--accent);font-weight:500;opacity:.8}.code-block .syntax-number{color:var(--gray);opacity:.9}.code-block .syntax-preprocessor{color:var(--dark-gray);font-weight:500}@media (max-width: 768px){.code-modal-content[data-astro-cid-ngknjj3n]{width:95vw;height:90vh}.code-block[data-astro-cid-ngknjj3n]{font-size:var(--step--2)}}article[data-astro-cid-ovxcmftc]{max-width:100%;line-height:1.5;font-family:FiraCode,sans-serif}header[data-astro-cid-ovxcmftc]{margin-bottom:var(--space-l);padding-bottom:var(--space-m);border-bottom:1px solid var(--gray)}h1[data-astro-cid-ovxcmftc]{margin:0 0 var(--space-xs) 0;color:var(--accent);font-size:var(--step-2);font-weight:700;line-height:1.1}.description[data-astro-cid-ovxcmftc]{font-size:var(--step-0);color:var(--gray);margin:0 0 var(--space-s) 0;font-family:Open Sans,sans-serif;line-height:1.5}.meta[data-astro-cid-ovxcmftc]{display:flex;gap:var(--space-s);margin-bottom:var(--space-s);font-size:var(--step--1);align-items:center}.difficulty[data-astro-cid-ovxcmftc],.framework[data-astro-cid-ovxcmftc]{padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--gray);font-weight:400;background:transparent}.difficulty[data-astro-cid-ovxcmftc]{color:var(--gray)}.framework[data-astro-cid-ovxcmftc]{color:var(--accent)}.tags[data-astro-cid-ovxcmftc]{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.tag[data-astro-cid-ovxcmftc]{padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--gray);color:var(--gray);font-size:var(--step--2);font-weight:400;background:transparent}article[data-astro-cid-ovxcmftc] h2{font-size:var(--step-1);font-weight:700;color:var(--accent);margin:var(--space-l) 0 var(--space-s) 0;line-height:1.2;font-family:FiraCode,sans-serif}article[data-astro-cid-ovxcmftc] h3{font-size:var(--step-0);font-weight:700;color:var(--accent);margin:var(--space-m) 0 var(--space-xs) 0;line-height:1.2;font-family:FiraCode,sans-serif}article[data-astro-cid-ovxcmftc] p{margin:0 0 var(--space-s) 0;font-size:var(--step-0);line-height:1.5;color:var(--gray);font-family:Open Sans,sans-serif}article[data-astro-cid-ovxcmftc] ul,article[data-astro-cid-ovxcmftc] ol{margin:0 0 var(--space-s) var(--space-m);color:var(--gray);font-family:Open Sans,sans-serif}article[data-astro-cid-ovxcmftc] li{margin-bottom:var(--space-2xs)}article[data-astro-cid-ovxcmftc] strong{color:var(--accent);font-weight:700}article[data-astro-cid-ovxcmftc] code{font-family:FiraCode,sans-serif;font-size:var(--step--1);color:var(--accent);background:transparent;padding:0}article[data-astro-cid-ovxcmftc] a{color:var(--accent);text-decoration:none}article[data-astro-cid-ovxcmftc] a:hover{color:var(--dark-gray)}