.layers-panel[data-astro-cid-uafcu5a7]{position:fixed;top:24px;left:24px;width:220px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000d;font-family:system-ui,-apple-system,sans-serif;font-size:13px;z-index:1000;overflow:hidden}[data-theme=dark] .layers-panel[data-astro-cid-uafcu5a7],[data-theme=neon] .layers-panel[data-astro-cid-uafcu5a7]{background:#1e1e23eb;color:#fff;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff1a}.panel-header[data-astro-cid-uafcu5a7]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=dark] .panel-header[data-astro-cid-uafcu5a7],[data-theme=neon] .panel-header[data-astro-cid-uafcu5a7]{border-bottom-color:#ffffff14}.panel-header[data-astro-cid-uafcu5a7] h2[data-astro-cid-uafcu5a7]{font-size:14px;font-weight:600;margin:0;color:inherit}.add-layer-btn[data-astro-cid-uafcu5a7]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#0000000d;cursor:pointer;transition:all .15s ease}.add-layer-btn[data-astro-cid-uafcu5a7]:hover{background:#0000001a}.add-layer-btn[data-astro-cid-uafcu5a7]:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .add-layer-btn[data-astro-cid-uafcu5a7],[data-theme=neon] .add-layer-btn[data-astro-cid-uafcu5a7]{background:#ffffff1a}[data-theme=dark] .add-layer-btn[data-astro-cid-uafcu5a7]:hover,[data-theme=neon] .add-layer-btn[data-astro-cid-uafcu5a7]:hover{background:#ffffff26}.add-layer-btn[data-astro-cid-uafcu5a7] svg[data-astro-cid-uafcu5a7]{width:16px;height:16px;stroke:currentColor}.layers-list[data-astro-cid-uafcu5a7]{flex:1;overflow-y:auto;padding:8px;min-height:100px;max-height:400px}.empty-state[data-astro-cid-uafcu5a7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;color:#0006}[data-theme=dark] .empty-state[data-astro-cid-uafcu5a7],[data-theme=neon] .empty-state[data-astro-cid-uafcu5a7]{color:#fff6}.empty-state[data-astro-cid-uafcu5a7] p[data-astro-cid-uafcu5a7]{margin:0 0 12px;font-size:13px}.add-first-layer-btn[data-astro-cid-uafcu5a7]{padding:8px 16px;border:1px dashed rgba(0,0,0,.2);border-radius:6px;background:transparent;color:inherit;font-size:12px;cursor:pointer;transition:all .15s ease}.add-first-layer-btn[data-astro-cid-uafcu5a7]:hover{border-color:#0006;background:#00000005}[data-theme=dark] .add-first-layer-btn[data-astro-cid-uafcu5a7],[data-theme=neon] .add-first-layer-btn[data-astro-cid-uafcu5a7]{border-color:#fff3}[data-theme=dark] .add-first-layer-btn[data-astro-cid-uafcu5a7]:hover,[data-theme=neon] .add-first-layer-btn[data-astro-cid-uafcu5a7]:hover{border-color:#fff6;background:#ffffff05}.layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;border-radius:8px;background:#00000008;cursor:pointer;transition:all .15s ease;user-select:none}.layer-item:hover{background:#0000000f}.layer-item.selected{background:#3b82f61f;box-shadow:inset 0 0 0 1px #3b82f64d}.layer-item.dragging{opacity:.5;transform:scale(.98)}.layer-item.drag-over{transform:translateY(4px)}[data-theme=dark] .layer-item,[data-theme=neon] .layer-item{background:#ffffff0d}[data-theme=dark] .layer-item:hover,[data-theme=neon] .layer-item:hover{background:#ffffff14}[data-theme=dark] .layer-item.selected,[data-theme=neon] .layer-item.selected{background:#3b82f633;box-shadow:inset 0 0 0 1px #3b82f666}.layer-drag-handle{display:flex;align-items:center;justify-content:center;width:16px;height:24px;color:#0000004d;cursor:grab;flex-shrink:0}.layer-drag-handle:active{cursor:grabbing}[data-theme=dark] .layer-drag-handle,[data-theme=neon] .layer-drag-handle{color:#ffffff4d}.layer-preview{width:32px;height:32px;border-radius:4px;flex-shrink:0;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#ffe66d);background-size:200% 200%}.layer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.layer-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-type{font-size:10px;color:#0006;text-transform:capitalize}[data-theme=dark] .layer-type,[data-theme=neon] .layer-type{color:#fff6}.layer-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#0000004d;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.layer-item:hover .layer-delete-btn{opacity:1}.layer-delete-btn:hover{background:#ef44441a;color:#ef4444}[data-theme=dark] .layer-delete-btn,[data-theme=neon] .layer-delete-btn{color:#ffffff4d}[data-theme=dark] .layer-delete-btn:hover,[data-theme=neon] .layer-delete-btn:hover{background:#ef444433;color:#ef4444}.layer-delete-btn svg{width:14px;height:14px}.pattern-picker[data-astro-cid-uafcu5a7]{position:absolute;inset:0;background:#fffffffa;backdrop-filter:blur(20px);border-radius:12px;display:flex;flex-direction:column;z-index:10}.pattern-picker[data-astro-cid-uafcu5a7][hidden]{display:none}[data-theme=dark] .pattern-picker[data-astro-cid-uafcu5a7],[data-theme=neon] .pattern-picker[data-astro-cid-uafcu5a7]{background:#1e1e23fa}.pattern-picker-header[data-astro-cid-uafcu5a7]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06);font-weight:600;font-size:14px}[data-theme=dark] .pattern-picker-header[data-astro-cid-uafcu5a7],[data-theme=neon] .pattern-picker-header[data-astro-cid-uafcu5a7]{border-bottom-color:#ffffff14}.close-picker-btn[data-astro-cid-uafcu5a7]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;cursor:pointer;color:inherit;opacity:.5;transition:all .15s ease}.close-picker-btn[data-astro-cid-uafcu5a7]:hover{opacity:1;background:#0000000d}[data-theme=dark] .close-picker-btn[data-astro-cid-uafcu5a7]:hover,[data-theme=neon] .close-picker-btn[data-astro-cid-uafcu5a7]:hover{background:#ffffff1a}.close-picker-btn[data-astro-cid-uafcu5a7] svg[data-astro-cid-uafcu5a7]{width:16px;height:16px}.pattern-grid[data-astro-cid-uafcu5a7]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;overflow-y:auto}.pattern-option[data-astro-cid-uafcu5a7]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:transparent;cursor:pointer;transition:all .15s ease}.pattern-option[data-astro-cid-uafcu5a7]:hover{background:#00000008;border-color:#00000026}[data-theme=dark] .pattern-option[data-astro-cid-uafcu5a7],[data-theme=neon] .pattern-option[data-astro-cid-uafcu5a7]{border-color:#ffffff1a}[data-theme=dark] .pattern-option[data-astro-cid-uafcu5a7]:hover,[data-theme=neon] .pattern-option[data-astro-cid-uafcu5a7]:hover{background:#ffffff0d;border-color:#fff3}.pattern-icon[data-astro-cid-uafcu5a7]{width:36px;height:36px;border-radius:6px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4)}.pattern-icon[data-astro-cid-uafcu5a7].perlin{background:linear-gradient(135deg,#ff6b6b,#4ecdc4)}.pattern-icon[data-astro-cid-uafcu5a7].simplex{background:linear-gradient(135deg,#667eea,#764ba2)}.pattern-icon[data-astro-cid-uafcu5a7].worley{background:linear-gradient(135deg,#f093fb,#f5576c)}.pattern-icon[data-astro-cid-uafcu5a7].voronoi-edge{background:linear-gradient(135deg,#4facfe,#00f2fe)}.pattern-icon[data-astro-cid-uafcu5a7].turbulence{background:linear-gradient(135deg,#43e97b,#38f9d7)}.pattern-icon[data-astro-cid-uafcu5a7].ridged{background:linear-gradient(135deg,#fa709a,#fee140)}.pattern-icon[data-astro-cid-uafcu5a7].domain-warp{background:linear-gradient(135deg,#a8edea,#fed6e3)}.pattern-icon[data-astro-cid-uafcu5a7].caustics{background:linear-gradient(135deg,#5ee7df,#b490ca)}.pattern-icon[data-astro-cid-uafcu5a7].marble{background:linear-gradient(135deg,#d299c2,#fef9d7)}.pattern-name[data-astro-cid-uafcu5a7]{font-size:10px;font-weight:500;color:inherit}@media (max-width: 480px){.layers-panel[data-astro-cid-uafcu5a7]{inset:auto 12px 60px;width:auto;max-height:300px}}.studio-page{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--bg-primary, #1a1a2e)}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.canvas-container .layer-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.canvas-container .webgl-background-container{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.studio-back-link{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffffe6;backdrop-filter:blur(10px);border-radius:20px;color:#000000b3;text-decoration:none;font-size:13px;font-weight:500;z-index:1000;transition:all .2s ease;box-shadow:0 2px 12px #0000001a}.studio-back-link:hover{background:#fff;color:#000000e6;transform:translate(-50%) translateY(-2px);box-shadow:0 4px 16px #00000026}.studio-back-link svg{width:16px;height:16px}[data-theme=dark] .studio-back-link,[data-theme=neon] .studio-back-link{background:#1e1e23e6;color:#ffffffb3}[data-theme=dark] .studio-back-link:hover,[data-theme=neon] .studio-back-link:hover{background:#28282d;color:#fffffff2}@media (max-width: 768px){.studio-back-link{bottom:auto;top:12px;font-size:12px;padding:8px 12px}}