.dk-demo-shell.svelte-14lng7{--demo-bg:#f1f5f9;--demo-ink:#0f172a;--demo-ink-soft:#475569;--demo-border:#cbd5e1;--demo-panel-bg:#fff;--demo-accent:#7c3aed;--stage-ink:#16161e;--stage-ink-soft:#64646e;--card-bg:linear-gradient(180deg, #fff, #f2f3f7);--card-hairline:#0000001a;--card-hairline-hover:#00000047;--state-active:#a21caf;--state-active-border:#a21caf59;--ring-blend:normal;--ring-damp:.75;width:100%;color:var(--demo-ink);background:0 0;flex-direction:column;flex:none;gap:14px;margin:auto 0;padding:18px;display:flex}html.dark .dk-demo-shell.svelte-14lng7{--demo-bg:#0d1518;--demo-ink:#ecfeff;--demo-ink-soft:#9fb9c4;--demo-border:#2b4650;--demo-panel-bg:#0f1c22;--demo-accent:#a78bfa;--stage-ink:#f5f5fa;--stage-ink-soft:#86868e;--card-bg:linear-gradient(180deg, #16161e, #101016);--card-hairline:#ffffff14;--card-hairline-hover:#ffffff52;--state-active:#f5b9ea;--state-active-border:#f5b9ea59;--ring-blend:screen;--ring-damp:1}.demo-body.svelte-14lng7{gap:14px;display:flex}.stage.svelte-14lng7{min-width:0;color:var(--stage-ink);flex:1;justify-content:center;align-items:center;padding:56px 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;display:flex;position:relative}.stage.svelte-14lng7 .frame{width:min(480px,100%);margin-right:16px;position:relative}.stage.svelte-14lng7 .ring{pointer-events:none;position:absolute}.stage.svelte-14lng7 .ring.base{inset:calc(var(--t) * -1);border-radius:calc(28px + var(--t));filter:url(#aiWave) blur(calc(var(--t) * .8)) saturate(1.3);will-change:filter}.stage.svelte-14lng7 .ring.bloom{inset:calc(var(--t) * -1.5);border-radius:calc(28px + var(--t) * 1.5);filter:url(#aiWave) blur(calc(var(--t) * 2)) saturate(1.2) opacity(var(--ring-damp));will-change:filter;mix-blend-mode:var(--ring-blend)}.stage.svelte-14lng7 .ring.haze{inset:calc(var(--t) * -2.5);border-radius:calc(28px + var(--t) * 2.5);padding:calc(var(--t) * 2.5);filter:blur(calc(var(--t) * 6)) opacity(var(--ring-damp));mix-blend-mode:var(--ring-blend);-webkit-mask-composite:xor;background:conic-gradient(#bc82f3,#8d9fff,#54dbbc,#aa6eee,#ff6778,#ffba71,#f5b9ea,#c686ff,#bc82f3);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stage.svelte-14lng7 .ring-mask{border-radius:inherit;-webkit-mask-composite:xor;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stage.svelte-14lng7 .ring.base .ring-mask{padding:calc(var(--t) + 16px)}.stage.svelte-14lng7 .ring.bloom .ring-mask{padding:calc(var(--t) * 1.5 + 16px)}.stage.svelte-14lng7 .rotor-pos{aspect-ratio:1;width:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage.svelte-14lng7 .rotor{background:conic-gradient(#bc82f3,#8d9fff,#54dbbc,#aa6eee,#ff6778,#ffba71,#f5b9ea,#c686ff,#bc82f3);position:absolute;inset:0}.stage.svelte-14lng7 .blob{position:absolute;top:50%;left:50%}.stage.svelte-14lng7 .card{background:var(--card-bg);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:28px;align-items:center;gap:16px;padding:22px 24px;display:flex;position:relative}.stage.svelte-14lng7 .card:after{content:"";border:1px solid var(--card-hairline);pointer-events:none;border-radius:28px;transition:border-color .25s;position:absolute;inset:0}.stage.svelte-14lng7 .state-ghost{visibility:hidden;white-space:nowrap}.stage.svelte-14lng7 .state-label{white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage.svelte-14lng7 .card:hover:after{border-color:var(--card-hairline-hover)}.stage.svelte-14lng7 .card:focus-visible{outline:2px solid var(--demo-accent);outline-offset:4px}.stage.svelte-14lng7 .spark{flex:none;width:26px;height:26px}.stage.svelte-14lng7 .prompt{flex:1;min-width:0;display:block}.stage.svelte-14lng7 .prompt .ask{font-size:17px;font-weight:500;display:block}.stage.svelte-14lng7 .prompt .hint{color:var(--stage-ink-soft);margin-top:3px;font-size:12px;display:block}.stage.svelte-14lng7 .state{text-align:center;letter-spacing:.08em;text-transform:uppercase;min-width:8.5em;color:var(--stage-ink-soft);border:1px solid var(--card-hairline);border-radius:999px;flex:none;justify-content:center;padding:5px 10px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;transition:color .4s,border-color .4s;display:inline-flex;position:relative;overflow:hidden}.stage.svelte-14lng7 .state.active{color:var(--state-active);border-color:var(--state-active-border)}.controls.svelte-14lng7{background:var(--demo-panel-bg);border:1px solid var(--demo-border);flex-direction:column;flex:none;align-self:center;gap:18px;width:240px;padding:16px 20px;display:flex}.control.svelte-14lng7{flex-direction:column;gap:8px;display:flex}.controls.svelte-14lng7 label:where(.svelte-14lng7){letter-spacing:.06em;text-transform:uppercase;color:var(--demo-ink-soft);justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.controls.svelte-14lng7 output:where(.svelte-14lng7){color:var(--demo-ink);font-variant-numeric:tabular-nums}.controls.svelte-14lng7 input[type=range]:where(.svelte-14lng7){width:100%;accent-color:var(--demo-accent)}@media (width<=900px){.dk-demo-shell.svelte-14lng7{padding:1rem}.demo-body.svelte-14lng7{flex-direction:column}.stage.svelte-14lng7{padding:96px 16px}.controls.svelte-14lng7{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 24px;width:100%;display:grid}}
