.chapter-card[data-v-df7d2505]{cursor:pointer;background:#e8f5e9;border:4px solid #000;border-left:8px solid #95e1d3;flex-direction:column;min-width:240px;max-width:280px;min-height:160px;padding:1.5rem;transition:all .15s;display:flex;box-shadow:6px 6px #000}.chapter-card[data-v-df7d2505]:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.chapter-card[data-v-df7d2505]:active{transform:translate(2px,2px);box-shadow:3px 3px #000}.chapter-card.active[data-v-df7d2505]{background:#95e1d3;border-left-width:12px;box-shadow:8px 8px #000,0 0 0 4px #95e1d3}.chapter-card.disabled[data-v-df7d2505]{opacity:.5;cursor:not-allowed;background:#f5f5f5}.chapter-card.disabled[data-v-df7d2505]:hover{transform:none;box-shadow:6px 6px #000}.chapter-content[data-v-df7d2505]{flex-direction:column;flex:1;gap:.75rem;display:flex}.chapter-title[data-v-df7d2505]{text-transform:uppercase;letter-spacing:-.01em;color:#000;margin:0;font-size:1.25rem;font-weight:900;line-height:1.2}.chapter-description[data-v-df7d2505]{color:#333;margin:0;font-size:.875rem;font-weight:500;line-height:1.4}.chapter-indicator[data-v-df7d2505]{background:#000;width:100%;height:6px;margin-top:auto;box-shadow:2px 2px #000}.dark{background:#fff;box-shadow:2px 2px #fff}.layers-demo[data-v-6d822f54]{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.hidden-engine[data-v-6d822f54]{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.layer-cards-compact[data-v-6d822f54]{width:100%}.layer-cards-stack[data-v-6d822f54]{flex-direction:column;gap:.75rem;display:flex}.layer-card-compact[data-v-6d822f54]{cursor:grab;border:4px solid #000;border-left:8px solid;align-items:center;gap:.75rem;padding:.75rem;transition:all .15s;display:flex;position:relative;box-shadow:6px 6px #000}.layer-card-compact[data-v-6d822f54]:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.layer-card-compact.dragging[data-v-6d822f54]{opacity:.6;cursor:grabbing;transform:rotate(2deg)translate(4px,4px);box-shadow:4px 4px #000}.layer-card-compact.drag-over[data-v-6d822f54]{filter:brightness(1.2);border-style:dashed}.layer-card-compact.selected[data-v-6d822f54]{box-shadow:8px 8px 0 0 #000, 0 0 0 4px var(--layer-color);filter:brightness(1.1)}.dark{filter:brightness(1.2);box-shadow:4px 4px #fff;box-shadow:8px 8px 0 0 #fff, 0 0 0 4px var(--layer-color);border-color:#fff;background-color:#330f1a!important}.layer-preview-compact[data-v-6d822f54]{background:#000;border:3px solid #000;flex-shrink:0;width:80px;height:45px;overflow:hidden}.dark{border-color:#fff}.preview-canvas-compact[data-v-6d822f54]{object-fit:cover;width:100%;height:100%}.layer-info-compact[data-v-6d822f54]{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.drag-handle-compact[data-v-6d822f54]{color:#000;cursor:grab;flex-shrink:0;width:20px;height:20px;font-weight:900}.layer-card-compact:active .drag-handle-compact[data-v-6d822f54]{cursor:grabbing}.layer-details-compact[data-v-6d822f54]{flex-direction:column;flex:1;min-width:0;display:flex}.layer-name-compact[data-v-6d822f54]{color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:900;line-height:1.2}.layer-type-compact[data-v-6d822f54]{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.visibility-toggle-compact[data-v-6d822f54]{cursor:pointer;color:#000;background:#fff;border:3px solid #000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex;box-shadow:3px 3px #000}.visibility-toggle-compact[data-v-6d822f54]:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.visibility-toggle-compact[data-v-6d822f54]:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.layer-list-move[data-v-6d822f54]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.layer-list-enter-active[data-v-6d822f54],.layer-list-leave-active[data-v-6d822f54]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.layer-list-enter-from[data-v-6d822f54]{opacity:0;transform:translate(-40px)scale(.9)}.layer-list-leave-to[data-v-6d822f54]{opacity:0;transform:translate(40px)scale(.9)}.demo-accordion[data-v-6d822f54]{width:100%}.accordion-trigger[data-v-6d822f54]{background:#fff;border:4px solid #000;margin-bottom:.5rem;padding:1.5rem;font-size:1.25rem;font-weight:900;box-shadow:5px 5px #000}.section-title[data-v-6d822f54]{align-items:center;gap:1rem;display:flex}.section-number[data-v-6d822f54]{color:#fff;background:#000;border:3px solid #000;padding:.25rem .75rem;font-size:2rem;font-weight:900}.dark{color:#000;background:#fff;border-color:#fff}.accordion-content[data-v-6d822f54]{padding:0 1.5rem 1.5rem}.section-grid[data-v-6d822f54]{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:1024px){.section-grid[data-v-6d822f54]{grid-template-columns:1fr}}.text-content[data-v-6d822f54]{flex-direction:column;display:flex}.engine-section[data-v-6d822f54]{position:sticky;top:1rem}.engine-section>div[data-v-6d822f54]{border:5px solid #000!important;box-shadow:8px 8px #000!important}.control-section[data-v-6d822f54]{margin-top:2rem;margin-bottom:1.5rem}.control-section-title[data-v-6d822f54]{color:#000;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.75rem;font-size:1rem;font-weight:900}.layer-select-buttons[data-v-6d822f54]{flex-wrap:wrap;gap:.5rem;display:flex}.layer-select-button[data-v-6d822f54]{flex:1;min-width:100px}.video-controls[data-v-6d822f54]{background:#fef3c7;border:4px solid #000;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;display:flex;box-shadow:6px 6px #000}.generator-info[data-v-6d822f54]{background:#dfe6f5;border:4px solid #000;margin-top:1.5rem;padding:1.5rem;box-shadow:6px 6px #000}.control-group[data-v-6d822f54]{flex-direction:column;gap:.75rem;display:flex}.control-label[data-v-6d822f54]{color:#000;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.slider[data-v-6d822f54]{cursor:pointer;appearance:none;background:#e0e0e0;border:3px solid #000;outline:none;width:100%;height:.75rem}.dark{background:#333;border-color:#fff}.slider[data-v-6d822f54]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff6b35;border:3px solid #000;width:1.75rem;height:1.75rem;transition:all .15s;box-shadow:3px 3px #000}.slider[data-v-6d822f54]::-webkit-slider-thumb:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.slider[data-v-6d822f54]::-moz-range-thumb{cursor:pointer;background:#ff6b35;border:3px solid #000;width:1.75rem;height:1.75rem;transition:all .15s;box-shadow:3px 3px #000}.slider[data-v-6d822f54]::-moz-range-thumb:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.slider-value[data-v-6d822f54]{color:#000;text-align:right;font-family:monospace;font-size:.875rem;font-weight:900}.layer-type-info[data-v-6d822f54]{flex-direction:column;gap:.75rem;display:flex}.type-card-compact[data-v-6d822f54]{border:4px solid #000;border-left:8px solid;padding:1rem;box-shadow:5px 5px #000}.dark{border-color:#fff;box-shadow:5px 5px #fff;background-color:#1a2f1a!important}.type-title-compact[data-v-6d822f54]{color:#000;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .5rem;font-size:.9375rem;font-weight:900}.type-description-compact[data-v-6d822f54]{color:#333;margin:0;font-size:.8125rem;font-weight:500;line-height:1.5}.webcam-selector[data-v-6d822f54]{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;background:#fff;border:3px solid #000;outline:none;width:100%;margin-top:.5rem;padding:.375rem .5rem;font-size:.75rem;font-weight:700;transition:all .15s;box-shadow:3px 3px #000}.webcam-selector[data-v-6d822f54]:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.webcam-selector[data-v-6d822f54]:focus{box-shadow:3px 3px 0 0 #000, 0 0 0 3px var(--layer-color)}.dark{color:#fff;box-shadow:4px 4px #fff;box-shadow:3px 3px 0 0 #fff, 0 0 0 3px var(--layer-color);background:#000;border-color:#fff}.webcam-selector option[data-v-6d822f54]{color:#000;background:#fff;padding:.5rem}.dark{color:#fff;background:#000}@media (max-width:768px){.layers-demo[data-v-6d822f54]{padding:1rem}.engine-section[data-v-6d822f54]{position:static}.section-grid[data-v-6d822f54]{grid-template-columns:1fr}}.chapter-cards-container[data-v-3f337df6] ::-webkit-scrollbar{height:8px}.chapter-cards-container[data-v-3f337df6] ::-webkit-scrollbar-track{background:0 0}.chapter-cards-container[data-v-3f337df6] ::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .3);border-radius:4px}.chapter-cards-container[data-v-3f337df6] ::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}.home-view[data-v-ce1589fb]{max-width:1400px;margin:0 auto;padding:2rem}.welcome-section[data-v-ce1589fb]{margin-bottom:3rem}.welcome-title[data-v-ce1589fb]{text-transform:uppercase;letter-spacing:-.02em;color:#000;background:#ffeb3b;border:5px solid #000;padding:.75rem 1.5rem;font-size:2.5rem;font-weight:900;display:inline-block;transform:rotate(-1deg);box-shadow:8px 8px #000}.dark{color:#fff;background:#1a1a1a;border-color:#fff;box-shadow:8px 8px #fff}.content-section[data-v-ce1589fb]{margin-bottom:3rem}.section-title[data-v-ce1589fb]{text-transform:uppercase;letter-spacing:.02em;color:#fff;border-left:8px solid #ff6b35;margin-bottom:1.5rem;padding-left:.5rem;font-size:1.75rem;font-weight:900}.card-grid[data-v-ce1589fb]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.card-grid[data-v-ce1589fb]{grid-template-columns:1fr}}.brutalist-card[data-v-ce1589fb]{cursor:pointer;background:#fff;border:4px solid #000;flex-direction:column;justify-content:center;min-height:140px;padding:1.5rem;transition:all .15s;display:flex;box-shadow:6px 6px #000}.brutalist-card[data-v-ce1589fb]:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.brutalist-card[data-v-ce1589fb]:active{transform:translate(2px,2px);box-shadow:3px 3px #000}.dark{background:#1a1a1a;border-color:#fff;box-shadow:3px 3px #fff}.card-content[data-v-ce1589fb]{flex-direction:column;gap:.75rem;display:flex}.card-header[data-v-ce1589fb]{align-items:center;gap:.75rem;display:flex}.card-title[data-v-ce1589fb]{text-transform:uppercase;letter-spacing:-.01em;color:#000;margin:0;font-size:1.125rem;font-weight:900;line-height:1.2}.card-description[data-v-ce1589fb]{color:#666;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8125rem;font-weight:600}.card-icon[data-v-ce1589fb]{color:#000;width:3rem;height:3rem;margin-bottom:.5rem}.folder-icon[data-v-ce1589fb]{color:#000;flex-shrink:0;width:1.5rem;height:1.5rem}.dark{color:#fff}.create-card[data-v-ce1589fb]{border-left:8px solid #ff6b35;background:#ffe5d9!important}.project-card[data-v-ce1589fb]{border-left:8px solid #4ecdc4;background:#e0f7fa!important}.upload-card[data-v-ce1589fb]{border-left:8px solid #f38181;background:#fce4ec!important}.disabled-card[data-v-ce1589fb]{opacity:.5;cursor:not-allowed;background:#f5f5f5!important}.dark{background:#0a0a0a!important}.disabled-card[data-v-ce1589fb]:hover{transform:none;box-shadow:6px 6px #000}.dark{box-shadow:6px 6px #fff}.learn-section[data-v-ce1589fb]{margin-top:4rem}@media (max-width:768px){.home-view[data-v-ce1589fb]{padding:1rem}.welcome-title[data-v-ce1589fb]{padding:.5rem 1rem;font-size:1.75rem}.section-title[data-v-ce1589fb]{font-size:1.5rem}.content-section[data-v-ce1589fb]{margin-bottom:2rem}}.shader-preview-container[data-v-0c45c1b3]{aspect-ratio:16/9}.custom-scrollbar[data-v-c48f691e]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-c48f691e]::-webkit-scrollbar-track{background:0 0}.custom-scrollbar[data-v-c48f691e]::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:2px}.custom-scrollbar[data-v-d39ff709]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-d39ff709]::-webkit-scrollbar-track{background:0 0}.custom-scrollbar[data-v-d39ff709]::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:2px}.attention-pulse[data-v-659f7791]{animation:1.6s ease-in-out infinite attention-pulse-659f7791}@keyframes attention-pulse-659f7791{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 85%, transparent), 0 0 10px color-mix(in srgb, var(--primary) 45%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--primary) 0%, transparent), 0 0 22px color-mix(in srgb, var(--primary) 35%, transparent);transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.attention-pulse[data-v-659f7791]{animation:none}}