.hero-section.svelte-3dri4t.svelte-3dri4t{padding:4rem 0;text-align:center;color:var(--text-primary);position:relative;overflow:hidden}.hero-section.svelte-3dri4t.svelte-3dri4t:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content.svelte-3dri4t.svelte-3dri4t{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:0 1rem}.hero-display.svelte-3dri4t.svelte-3dri4t{margin:2rem auto;width:100%;box-sizing:border-box}.hero-icon.svelte-3dri4t.svelte-3dri4t{margin-bottom:1rem;opacity:.9}.hero-title.svelte-3dri4t.svelte-3dri4t{font-size:var(--font-size-4);font-weight:var(--font-weight);margin-bottom:1rem;letter-spacing:-.02em;color:var(--text-blue)}.hero-subtitle.svelte-3dri4t.svelte-3dri4t{font-size:var(--font-size-1);margin-bottom:1.5rem;opacity:.7;line-height:1.6;color:var(--text-blue-light);max-width:1200px;margin-left:auto;margin-right:auto}.hero-info.svelte-3dri4t.svelte-3dri4t{font-size:var(--font-size-1);margin-bottom:.5rem;opacity:.7;line-height:1.6;color:var(--text-blue-light);max-width:1200px;margin-left:auto;margin-right:auto}.hero-actions.svelte-3dri4t.svelte-3dri4t{display:flex;gap:var(--spacing-1);justify-content:center;flex-wrap:wrap}.hero-actions.svelte-3dri4t .btn.svelte-3dri4t{border-color:var(--text-blue);color:var(--text-blue)}.hero-actions.svelte-3dri4t .btn.svelte-3dri4t:hover{border-color:var(--text-blue-dark);color:var(--text-blue-dark)}.hero-actions.svelte-3dri4t .btn.svelte-3dri4t svg{color:var(--text-blue)}.hero-actions.svelte-3dri4t .btn.svelte-3dri4t:hover svg{color:var(--text-blue-dark)}.p5-panel.svelte-3dri4t.svelte-3dri4t{margin:0 0 var(--grid-1) 0;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.p5-canvas-wrapper.svelte-3dri4t.svelte-3dri4t{background:#f0f0f0;border-radius:0;padding:0;box-shadow:var(--shadow-sm)}.p5-canvas-wrapper.svelte-3dri4t .p5-header{display:none}.sketches-editing.svelte-3dri4t.svelte-3dri4t{border-radius:var(--radius-md);padding:var(--grid-1);box-shadow:var(--shadow-sm);background:var(--bg-secondary)}.sketches-header.svelte-3dri4t.svelte-3dri4t{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--grid-1);padding-bottom:var(--grid-0-5);border-bottom:1px solid var(--border-secondary)}.sketches-header.svelte-3dri4t h3.svelte-3dri4t{margin:0;font-size:var(--font-size-1);color:var(--text-primary)}.sketches-list.svelte-3dri4t.svelte-3dri4t{margin-bottom:0}.no-sketches.svelte-3dri4t.svelte-3dri4t{text-align:center;padding:var(--grid-2);color:var(--text-muted);font-style:italic}.sketch-item.svelte-3dri4t.svelte-3dri4t{position:relative}.sketch-item.svelte-3dri4t.svelte-3dri4t:last-child{margin-bottom:0}.sketch-name-input.svelte-3dri4t.svelte-3dri4t,.sketch-code-input.svelte-3dri4t.svelte-3dri4t{width:100%;border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--grid-1);font-family:var(--font-mono);font-size:var(--font-size-1);background:var(--bg-input);color:var(--text-primary);margin-bottom:var(--grid-1)}.sketch-name-input.svelte-3dri4t.svelte-3dri4t{font-family:var(--font-sans);font-weight:var(--font-weight-bold)}.sketch-code-input.svelte-3dri4t.svelte-3dri4t{resize:vertical;min-height:120px}.sketch-item.svelte-3dri4t .btn-icon.svelte-3dri4t{position:absolute;top:1rem;right:1rem}.hero-title.svelte-3dri4t.svelte-3dri4t{display:flex;align-items:center;justify-content:center;gap:.5rem}.edit-title-btn.svelte-3dri4t.svelte-3dri4t{opacity:.6;transition:opacity .2s ease}.edit-title-btn.svelte-3dri4t.svelte-3dri4t:hover{opacity:1}.btn-icon.svelte-3dri4t.svelte-3dri4t{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-blue);cursor:pointer;transition:all .2s ease;font-size:0}.btn-icon.svelte-3dri4t.svelte-3dri4t:hover{background:#2563eb1a;color:var(--text-blue-dark)}.btn-icon.svelte-3dri4t.svelte-3dri4t:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-success.svelte-3dri4t.svelte-3dri4t{color:var(--text-blue)}.btn-icon.btn-success.svelte-3dri4t.svelte-3dri4t:hover{background:#2563eb1a;color:var(--text-blue-dark)}.btn-icon.btn-secondary.svelte-3dri4t.svelte-3dri4t{color:var(--text-blue)}.btn-icon.btn-secondary.svelte-3dri4t.svelte-3dri4t:hover{background:#2563eb1a;color:var(--text-blue-dark)}.btn-icon.btn-outline.svelte-3dri4t.svelte-3dri4t{color:var(--text-blue)}.btn-icon.btn-outline.svelte-3dri4t.svelte-3dri4t:hover{background:#2563eb1a;color:var(--text-blue-dark)}.admin-controls.svelte-3dri4t.svelte-3dri4t{display:flex;gap:.5rem;justify-content:center;margin-bottom:var(--grid-1)}.hero-editing.svelte-3dri4t.svelte-3dri4t{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.hero-title-input.svelte-3dri4t.svelte-3dri4t{font-size:var(--font-size-4);font-weight:var(--font-weight);padding:.75rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);text-align:center;box-shadow:var(--shadow-sm)}.hero-info-input.svelte-3dri4t.svelte-3dri4t,.hero-subtitle-input.svelte-3dri4t.svelte-3dri4t{padding:.75rem;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:60px;box-shadow:var(--shadow-sm)}.hero-info-input.svelte-3dri4t.svelte-3dri4t{font-size:var(--font-size-1)}.hero-subtitle-input.svelte-3dri4t.svelte-3dri4t{font-size:var(--font-size-1);margin-bottom:var(--grid-1)}.hero-display.svelte-3dri4t.svelte-3dri4t{display:flex;flex-direction:column;align-items:center}.home-page-container.svelte-3dri4t.svelte-3dri4t{background:transparent!important;max-width:1600px!important;margin:0 auto!important;padding:0 1rem var(--grid-1) 1rem!important;display:block!important;width:100%!important;box-sizing:border-box!important;position:relative!important}.page-section{background:transparent!important;margin:2rem auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:40vh!important}.page-section.svelte-3dri4t h2.svelte-3dri4t{font-size:var(--font-size-1);margin-bottom:var(--grid-1);text-align:center;height:var(--grid-1);line-height:var(--grid-1);display:flex;align-items:center;justify-content:center}.view-all-section.svelte-3dri4t.svelte-3dri4t{text-align:center;margin-top:2rem}.empty-state.svelte-3dri4t.svelte-3dri4t{text-align:center;padding:3rem 2rem;color:var(--text-muted)}@media (max-width: 768px){.hero-section.svelte-3dri4t.svelte-3dri4t{padding:3rem 1rem}.hero-actions.svelte-3dri4t.svelte-3dri4t{flex-direction:column;align-items:center}}.pinned-posts-grid.svelte-3dri4t.svelte-3dri4t,.recent-posts-grid.svelte-3dri4t.svelte-3dri4t{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-1);max-width:1500px;margin:0 auto}@media (max-width: 1200px){.pinned-posts-grid.svelte-3dri4t.svelte-3dri4t,.recent-posts-grid.svelte-3dri4t.svelte-3dri4t{grid-template-columns:1fr}}.pinned-post-item.svelte-3dri4t.svelte-3dri4t,.recent-post-item.svelte-3dri4t.svelte-3dri4t{max-width:700px;background:transparent;border:var(--border-dashed-thickness) dashed var(--border-dashed-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;padding:1.5rem;border-image:url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern id='dash' patternUnits='userSpaceOnUse' width='8' height='8'%3e%3crect width='4' height='1' fill='%232563eb'/%3e%3crect x='0' y='0' width='1' height='4' fill='%232563eb'/%3e%3c/pattern%3e%3c/defs%3e%3crect width='100' height='100' fill='url(%23dash)'/%3e%3c/svg%3e") 1}.pinned-post-item.svelte-3dri4t.svelte-3dri4t:hover,.recent-post-item.svelte-3dri4t.svelte-3dri4t:hover{background:transparent!important;border:var(--border-dashed-thickness) solid #4a4a4a;box-shadow:var(--shadow-sm)}.pinned-post-item.svelte-3dri4t .post-renderer,.recent-post-item.svelte-3dri4t .post-renderer{background:transparent!important}.pinned-post-item.svelte-3dri4t:hover .post-renderer.clickable,.recent-post-item.svelte-3dri4t:hover .post-renderer.clickable{background:transparent!important;opacity:1!important}