.mockup-container.svelte-l8dxr4{width:100%;height:100%;background:#020617;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--p)}.grain.svelte-l8dxr4{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.canvas.svelte-l8dxr4{width:85%;height:80%;background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;box-shadow:0 20px 40px #0006;position:relative;z-index:2}.header.svelte-l8dxr4{height:24px;display:flex;align-items:center;padding:0 10px;gap:12px;border-bottom:1px solid rgba(255,255,255,.03)}.dots.svelte-l8dxr4{display:flex;gap:4px}.dot.svelte-l8dxr4{width:6px;height:6px;border-radius:50%;background:#ffffff1a}.address-bar.svelte-l8dxr4{flex:1;height:10px;background:#ffffff08;border-radius:4px}.body.svelte-l8dxr4{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.visual-rings.svelte-l8dxr4 .ring:where(.svelte-l8dxr4){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(40% + var(--i) * 20%);aspect-ratio:1;border:1px solid currentColor;border-radius:50%;animation:svelte-l8dxr4-pulse 4s infinite ease-in-out;animation-delay:var(--d)}@keyframes svelte-l8dxr4-pulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.05)}}.visual-mesh.svelte-l8dxr4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:60%}.mesh-node.svelte-l8dxr4{aspect-ratio:1;background:currentColor;border-radius:2px;box-shadow:0 0 10px currentColor}.visual-circuit.svelte-l8dxr4 svg:where(.svelte-l8dxr4),.visual-shield.svelte-l8dxr4 svg:where(.svelte-l8dxr4){width:70%;height:70%}.bloom.svelte-l8dxr4{position:absolute;width:150%;height:150%;background:radial-gradient(circle at 70% 30%,var(--g) 0%,transparent 50%);z-index:1;pointer-events:none}.horizontal.svelte-l8dxr4 .canvas:where(.svelte-l8dxr4){width:90%;height:90%}.horizontal.svelte-l8dxr4 .body:where(.svelte-l8dxr4){padding:10px}.bento.svelte-l8dxr4 .canvas:where(.svelte-l8dxr4){border-radius:16px}