.preview.svelte-1sfx1kn{width:100%;background:#0a0a0a;border:1px solid rgba(200,149,108,.12);border-radius:8px;overflow:hidden}.mock-layout.svelte-1sfx1kn{position:relative;width:100%;aspect-ratio:16 / 9}iframe.svelte-1sfx1kn{border:none;display:block}.full-layout.svelte-1sfx1kn iframe:where(.svelte-1sfx1kn){width:100%;height:100%;position:absolute;inset:0}.hero-layout.svelte-1sfx1kn{display:flex;flex-direction:column;background:#0a0a0a}.mock-nav.svelte-1sfx1kn{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid rgba(200,149,108,.06);flex-shrink:0}.mock-logo.svelte-1sfx1kn{font-weight:600;font-size:.9rem;color:#c8956c;letter-spacing:.05em}.mock-links.svelte-1sfx1kn{display:flex;gap:1rem;font-size:.7rem;color:#e8e0d859}.hero-body.svelte-1sfx1kn{display:flex;align-items:center;gap:1rem;padding:2rem 6rem;flex:1;min-height:0}.hero-body.svelte-1sfx1kn .mock-content:where(.svelte-1sfx1kn){flex:1;padding:0 1rem}.hero-shader.svelte-1sfx1kn{flex:0 0 40%;align-self:stretch;position:relative}.hero-shader.svelte-1sfx1kn iframe:where(.svelte-1sfx1kn){position:absolute;inset:0;width:100%;height:100%}.bg-layout.svelte-1sfx1kn iframe:where(.svelte-1sfx1kn){width:100%;height:100%;position:absolute;inset:0}.mock-overlay.svelte-1sfx1kn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0a0a0ab3;padding:2rem;z-index:1}.accent-layout.svelte-1sfx1kn{overflow:hidden}.accent-layout.svelte-1sfx1kn iframe:where(.svelte-1sfx1kn){width:100%;height:100%;position:absolute;top:0;left:50%;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 40%);mask-image:linear-gradient(to right,transparent 0%,black 40%)}.accent-layout.svelte-1sfx1kn>.mock-content:where(.svelte-1sfx1kn){position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:45%;padding:2rem 2.5rem}.mock-content.svelte-1sfx1kn h2:where(.svelte-1sfx1kn),.mock-overlay.svelte-1sfx1kn h2:where(.svelte-1sfx1kn){font-size:1.3rem;font-weight:500;margin-bottom:.6rem;color:#e8e0d8}.mock-content.svelte-1sfx1kn p:where(.svelte-1sfx1kn),.mock-overlay.svelte-1sfx1kn p:where(.svelte-1sfx1kn){font-size:.75rem;color:#e8e0d880;line-height:1.6;max-width:30ch}.mock-overlay.svelte-1sfx1kn p:where(.svelte-1sfx1kn){max-width:42ch}.mock-btn.svelte-1sfx1kn{display:inline-block;margin-top:1rem;padding:.45rem 1rem;font-size:.7rem;font-weight:500;color:#0a0a0a;background:#c8956c;border-radius:4px;letter-spacing:.03em;width:fit-content}.panel.svelte-e5lkj5{display:flex;flex-direction:column;height:100vh;background:#0d0d0d;border-right:1px solid rgba(200,149,108,.12)}.panel-header.svelte-e5lkj5{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(200,149,108,.1);flex-shrink:0}.panel-title.svelte-e5lkj5{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#e8e0d866}.panel-actions.svelte-e5lkj5{display:flex;gap:.25rem}.panel-btn.svelte-e5lkj5{padding:.3rem .6rem;font-size:.7rem;font-family:inherit;color:#c8956c;background:transparent;border:1px solid rgba(200,149,108,.15);border-radius:3px;cursor:pointer;transition:border-color .2s,background .2s}.panel-btn.svelte-e5lkj5:hover{border-color:#c8956c66;background:#c8956c0f}.close-btn.svelte-e5lkj5{font-size:1rem;line-height:1;padding:.15rem .5rem}.panel-body.svelte-e5lkj5{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(200,149,108,.2) transparent}.panel-body.svelte-e5lkj5::-webkit-scrollbar{width:6px;height:6px}.panel-body.svelte-e5lkj5::-webkit-scrollbar-track{background:transparent}.panel-body.svelte-e5lkj5::-webkit-scrollbar-thumb{background:#c8956c33;border-radius:3px}.panel-body.svelte-e5lkj5::-webkit-scrollbar-thumb:hover{background:#c8956c59}.loading.svelte-e5lkj5{padding:1.5rem;color:#e8e0d866;font-size:.8rem}pre.svelte-e5lkj5{margin:0;padding:1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(200,149,108,.2) transparent}pre.svelte-e5lkj5::-webkit-scrollbar{width:6px;height:6px}pre.svelte-e5lkj5::-webkit-scrollbar-track{background:transparent}pre.svelte-e5lkj5::-webkit-scrollbar-thumb{background:#c8956c26;border-radius:3px}pre.svelte-e5lkj5::-webkit-scrollbar-thumb:hover{background:#c8956c4d}code.svelte-e5lkj5{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.7rem;line-height:1.7;color:#e8e0d8a6;tab-size:2;white-space:pre}.page.svelte-ikhl8a{display:grid;grid-template-columns:1fr 240px;height:100vh;overflow:hidden}.page.source-open.svelte-ikhl8a{grid-template-columns:minmax(320px,2fr) 3fr 240px}.main.svelte-ikhl8a{display:flex;flex-direction:column;min-width:0;min-height:0}header.svelte-ikhl8a{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid rgba(200,149,108,.1);flex-shrink:0}.back.svelte-ikhl8a{font-size:.8rem;color:#e8e0d880;transition:color .2s}.back.svelte-ikhl8a:hover{color:#c8956c}.shader-id.svelte-ikhl8a{font-size:.8rem;color:#c8956c;letter-spacing:.05em}.preview-area.svelte-ikhl8a{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1.5rem}.preview-area.svelte-ikhl8a>*{width:100%;max-height:100%}.sidebar.svelte-ikhl8a{border-left:1px solid rgba(200,149,108,.1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,149,108,.15) transparent}.sidebar.svelte-ikhl8a::-webkit-scrollbar{width:5px}.sidebar.svelte-ikhl8a::-webkit-scrollbar-track{background:transparent}.sidebar.svelte-ikhl8a::-webkit-scrollbar-thumb{background:#c8956c26;border-radius:3px}.sidebar-inner.svelte-ikhl8a{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1rem}.inspiration-name.svelte-ikhl8a{font-size:.85rem;font-weight:500;color:#c8956c;font-style:italic}.credit-link.svelte-ikhl8a,.credit-text.svelte-ikhl8a{font-size:.7rem;color:#e8e0d866;font-style:italic;line-height:1.4}.credit-link.svelte-ikhl8a{text-decoration:none;transition:color .2s}.credit-link.svelte-ikhl8a:hover{color:#c8956c}.sidebar-section.svelte-ikhl8a{display:flex;flex-direction:column;gap:.5rem}.sidebar-label.svelte-ikhl8a{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#e8e0d859}.sidebar-buttons.svelte-ikhl8a{display:flex;flex-wrap:wrap;gap:.25rem}.ctrl-btn.svelte-ikhl8a{display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;background:transparent;border:1px solid rgba(200,149,108,.1);border-radius:4px;color:#e8e0d880;font-size:.65rem;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.ctrl-btn.svelte-ikhl8a:hover{border-color:#c8956c4d;color:#e8e0d8}.ctrl-btn.active.svelte-ikhl8a{border-color:#c8956c80;color:#c8956c;background:#c8956c0f}.ctrl-icon.svelte-ikhl8a{font-size:.8rem;line-height:1}.ctrl-text.svelte-ikhl8a{display:inline}.scheme-swatch.svelte-ikhl8a{display:block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.param-controls.svelte-ikhl8a{display:flex;flex-direction:column;gap:.6rem}.param-row.svelte-ikhl8a{display:flex;flex-direction:column;gap:.2rem}.param-label.svelte-ikhl8a{font-size:.65rem;color:#e8e0d880}.param-row.svelte-ikhl8a:has(.param-slider:where(.svelte-ikhl8a):active) .param-label:where(.svelte-ikhl8a){color:#c8956c}.param-value.svelte-ikhl8a{font-size:.6rem;color:#e8e0d84d;font-variant-numeric:tabular-nums;align-self:flex-end;margin-top:-.15rem}.param-slider.svelte-ikhl8a{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#c8956c1f;border-radius:2px;outline:none;cursor:pointer}.param-slider.svelte-ikhl8a::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#c8956c;border-radius:50%;cursor:pointer;transition:transform .15s}.param-slider.svelte-ikhl8a::-webkit-slider-thumb:hover{transform:scale(1.2)}.param-slider.svelte-ikhl8a::-moz-range-thumb{width:12px;height:12px;background:#c8956c;border:none;border-radius:50%;cursor:pointer}.actions-section.svelte-ikhl8a{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.75rem;border-top:1px solid rgba(200,149,108,.08)}.action-btn.svelte-ikhl8a{padding:.4rem .75rem;font-size:.65rem;font-family:inherit;font-weight:500;letter-spacing:.03em;color:#c8956c;background:transparent;border:1px solid rgba(200,149,108,.2);border-radius:4px;cursor:pointer;transition:border-color .2s,background .2s;text-decoration:none;display:inline-block}.action-btn.svelte-ikhl8a:hover{border-color:#c8956c80;background:#c8956c0f}.action-btn.active.svelte-ikhl8a{border-color:#c8956c80;background:#c8956c14}