.scene-container.svelte-1gbcux1{width:100%;height:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}canvas.svelte-1gbcux1,.static-image.svelte-1gbcux1{display:block;width:100%;height:100%;object-fit:contain;outline:none}.shapes-page.svelte-1q81wqj{min-height:100%}.page-header.svelte-1q81wqj{text-align:center;margin-bottom:var(--space-2xl)}.page-header.svelte-1q81wqj h1:where(.svelte-1q81wqj){margin-bottom:var(--space-sm);background:linear-gradient(45deg,var(--color-blue),var(--color-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header.svelte-1q81wqj p:where(.svelte-1q81wqj){color:var(--text-dark);font-size:1.2rem;margin:0;opacity:.8}.filter-section.svelte-1q81wqj{margin-bottom:var(--space-2xl);text-align:center}.categories.svelte-1q81wqj{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md)}.category-description.svelte-1q81wqj{font-size:1.1rem;color:var(--color-purple);background:var(--pastel-purple);display:inline-block;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);margin:0}.category-btn.svelte-1q81wqj{font-family:var(--font-display);font-size:1.1rem;padding:var(--space-sm) var(--space-lg);background:var(--glass-white);border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.category-btn.svelte-1q81wqj:hover{background:var(--white);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.category-btn.active.svelte-1q81wqj{background:var(--color-purple);color:var(--white);box-shadow:0 4px 15px #c56cf066}.shapes-grid.svelte-1q81wqj{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-xl);padding:var(--space-sm)}.shape-card.svelte-1q81wqj{padding:0;overflow:hidden;cursor:pointer;text-align:left;width:100%;border:none;border-radius:var(--radius-lg);background:var(--white);box-shadow:0 10px 20px #0000000d;transition:all var(--transition-normal);display:flex;flex-direction:column}.shape-card.svelte-1q81wqj:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.shape-image.svelte-1q81wqj{aspect-ratio:1;overflow:hidden;background:var(--pastel-blue);padding:var(--space-lg);display:flex;align-items:center;justify-content:center}.shape-info.svelte-1q81wqj{padding:var(--space-lg);background:var(--white)}.shape-info.svelte-1q81wqj h3:where(.svelte-1q81wqj){margin-bottom:var(--space-xs);font-size:1.4rem;color:var(--text-dark)}.shape-category.svelte-1q81wqj{font-size:.9rem;color:var(--color-purple);font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.empty-state.svelte-1q81wqj{text-align:center;padding:var(--space-3xl);color:var(--text-light);background:var(--glass-white);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-backdrop.svelte-1q81wqj{position:fixed;inset:0;background:#2d343666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.modal.svelte-1q81wqj{max-width:700px;max-height:90vh;overflow-y:auto;position:relative;padding:0;border:none;box-shadow:0 25px 50px -12px #00000040;background:var(--white)}.modal-close.svelte-1q81wqj{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--white);color:var(--text-dark);border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:10;transition:transform var(--transition-bouncy);box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:center}.modal-close.svelte-1q81wqj:hover{transform:scale(1.1) rotate(90deg);color:var(--color-red)}.modal-images.svelte-1q81wqj{display:block;width:100%;aspect-ratio:16/9;background:var(--pastel-blue);position:relative;overflow:hidden}.controls-overlay.svelte-1q81wqj{position:absolute;bottom:var(--space-md);right:var(--space-md);z-index:10}.reset-btn.svelte-1q81wqj{background:#fff;border:1px solid var(--gray-200);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:transform var(--transition-fast);font-family:var(--font-body);font-weight:600;color:var(--text-dark)}.reset-btn.svelte-1q81wqj:hover{transform:scale(1.05);background:var(--gray-50)}.modal-content.svelte-1q81wqj{padding:var(--space-xl)}.modal-content.svelte-1q81wqj h2:where(.svelte-1q81wqj){margin-bottom:var(--space-xs);font-size:2.5rem;color:var(--text-dark)}.modal-category.svelte-1q81wqj{display:inline-block;background:var(--pastel-purple);color:var(--color-purple);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.85rem;font-weight:700;margin-bottom:var(--space-lg);text-transform:uppercase}.modal-description.svelte-1q81wqj{line-height:1.8;font-size:1.15rem;color:var(--text-light)}.fun-fact.svelte-1q81wqj{background:linear-gradient(135deg,var(--pastel-yellow),#fff);padding:var(--space-lg);border-radius:var(--radius-md);border:3px dashed var(--color-yellow);margin-top:var(--space-lg);position:relative;overflow:hidden}.fun-fact.svelte-1q81wqj:before{content:"✨";position:absolute;top:-10px;right:-10px;font-size:4rem;opacity:.2;transform:rotate(20deg)}@media(max-width:768px){.shapes-grid.svelte-1q81wqj{grid-template-columns:repeat(2,1fr)}.modal-content.svelte-1q81wqj h2:where(.svelte-1q81wqj){font-size:2rem}}@media(max-width:480px){.shapes-grid.svelte-1q81wqj{grid-template-columns:1fr}}