.plug.svelte-whirxg{pointer-events:visiblePainted}.pin.svelte-whirxg{transition:opacity .1s .3s}.dj.chosen .pin.svelte-whirxg{opacity:0}svg.svelte-11okcep{width:160px;height:76px;position:absolute;inset:0;overflow:visible;transform:scaleY(-1)}.back.svelte-11okcep{z-index:1}.front.svelte-11okcep{z-index:3}.rim.svelte-11okcep{transition:stroke .15s}.dj:not(:disabled):not(.chosen):is(:hover,:focus-visible) .rim.svelte-11okcep,.dj.seated .rim.svelte-11okcep{stroke:var(--cc)}.dj-status.svelte-3f9g9z{min-height:1.5rem;color:var(--foreground);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.dbay.svelte-3f9g9z{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 30px;display:grid;position:relative}.dbay-lid.svelte-3f9g9z{height:var(--lid,150px);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);background:linear-gradient(0deg,#ffffff38 0 1.5px,#00000040 1.5px 3px,#0000 3px),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),linear-gradient(#3b4560,#2a3249 70%,#242b40);position:absolute;top:0;left:-1px;right:-1px}.dbay-lid.svelte-3f9g9z:before{content:"";opacity:.7;background:repeating-linear-gradient(90deg,#0b0f1b 0 3px,#0000 3px 9px);border-radius:3px;width:46%;height:14px;position:absolute;top:12px;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.dbay-lid.svelte-3f9g9z:after{content:"";background:radial-gradient(circle at 5.5% calc(100% - 14px),#8d98b3 0 2px,#222a3e 2.5px 4.5px,#0000 5px),radial-gradient(circle at 94.5% calc(100% - 14px),#8d98b3 0 2px,#222a3e 2.5px 4.5px,#0000 5px);position:absolute;inset:0}.dbay-face.svelte-3f9g9z{top:var(--lid,150px);height:calc(var(--rack,214px) - var(--lid,150px));clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,20px 100%);background:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#1f283b,#0d1220);border:1px solid #2b3550;border-radius:0 0 10px 10px;position:absolute;left:0;right:0}.dbay-ear.svelte-3f9g9z{top:var(--lid,150px);width:26px;height:calc(var(--rack,214px) - var(--lid,150px));transform-origin:top;background:linear-gradient(#232c42,#151b2b);border:1px solid #2b3550;align-content:space-between;justify-items:center;padding:14px 0;display:grid;position:absolute}.dbay-ear.left.svelte-3f9g9z{transform:skewX(var(--tilt,5deg));border-right:0;border-radius:8px 0 0 8px;left:-26px}.dbay-ear.right.svelte-3f9g9z{transform:skewX(calc(-1 * var(--tilt,5deg)));border-left:0;border-radius:0 8px 8px 0;right:-26px}.dbay-ear.svelte-3f9g9z i:where(.svelte-3f9g9z){background:#0a0f1c;border-radius:6px;width:9px;height:16px;box-shadow:inset 0 0 0 2px #2f3a58}.dj.svelte-3f9g9z{color:#e2e8f0;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-rows:1fr auto auto;grid-template-columns:minmax(0,1fr);place-items:start center;padding:0 12px;display:grid;position:relative}.dj.svelte-3f9g9z:focus-visible{outline:none}.dj.svelte-3f9g9z:focus-visible .dj-txt:where(.svelte-3f9g9z){outline:2px solid var(--cc);outline-offset:4px;border-radius:6px}.dj.svelte-3f9g9z:disabled{cursor:default}.dj.svelte-3f9g9z:disabled .dj-txt:where(.svelte-3f9g9z){opacity:.5}.dj-icon.svelte-3f9g9z{display:none}.dj-txt.svelte-3f9g9z{text-align:center;align-content:start;justify-items:center;gap:6px;width:100%;padding-top:38px;display:grid}.dj-txt.svelte-3f9g9z b:where(.svelte-3f9g9z){font-size:17px}.dj-txt.svelte-3f9g9z span:where(.svelte-3f9g9z){color:#d5dcea;max-width:22ch;font-size:13px;line-height:1.4}.dj.svelte-3f9g9z:not(:disabled):not(.chosen):is(:where(.svelte-3f9g9z):hover,:where(.svelte-3f9g9z):focus-visible) .dj-txt:where(.svelte-3f9g9z) b:where(.svelte-3f9g9z){color:#fff}.dj-sock.svelte-3f9g9z{width:160px;height:76px;margin-top:40px;position:relative}.dj-sock.svelte-3f9g9z,.dj-lead.svelte-3f9g9z{pointer-events:none}.dj-lead.svelte-3f9g9z{top:var(--drop);z-index:2;width:180px;height:225px;margin-top:10px;transition:transform .45s cubic-bezier(.3,.7,.3,1);position:relative;overflow:visible}.dj.svelte-3f9g9z:not(:disabled):not(.chosen):is(:where(.svelte-3f9g9z):hover,:where(.svelte-3f9g9z):focus-visible) .dj-lead:where(.svelte-3f9g9z){transform:translateY(-12px)}.dj.chosen.svelte-3f9g9z .dj-lead:where(.svelte-3f9g9z){transform:translateY(var(--rise))}@media (prefers-reduced-motion:reduce){.dj-lead.svelte-3f9g9z{transition:none}}@media (width<=480px){.dbay.svelte-3f9g9z{grid-template-columns:1fr;gap:10px;margin:0}.dbay-lid.svelte-3f9g9z,.dbay-face.svelte-3f9g9z,.dbay-ear.svelte-3f9g9z,.dj-sock.svelte-3f9g9z,.dj-lead.svelte-3f9g9z{display:none}.dj.svelte-3f9g9z{border:1px solid var(--border);background:var(--card);color:var(--foreground);text-align:left;border-radius:14px;grid-template-rows:auto;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;column-gap:14px;padding:14px 16px;transition:border-color .15s,background .15s}.dj.svelte-3f9g9z:after{content:"›";color:var(--muted-foreground);grid-column:3;font-size:22px;line-height:1}.dj-icon.svelte-3f9g9z{width:40px;height:40px;color:var(--cc);background:color-mix(in srgb, var(--cc) 12%, transparent);border-radius:10px;grid-column:1;place-items:center;display:grid}.dj-icon.svelte-3f9g9z svg{width:26px;height:26px}.dj-txt.svelte-3f9g9z{text-align:left;grid-column:2;justify-items:start;gap:2px;padding:0}.dj-txt.svelte-3f9g9z b:where(.svelte-3f9g9z){font-size:15px}.dj-txt.svelte-3f9g9z span:where(.svelte-3f9g9z){max-width:none;color:var(--muted-foreground);font-size:13px;line-height:1.35}.dj.svelte-3f9g9z:not(:disabled):not(.chosen):is(:where(.svelte-3f9g9z):hover,:where(.svelte-3f9g9z):focus-visible) .dj-txt:where(.svelte-3f9g9z) b:where(.svelte-3f9g9z){color:var(--foreground)}.dj.svelte-3f9g9z:not(:disabled):hover,.dj.chosen.svelte-3f9g9z{border-color:var(--cc)}.dj.chosen.svelte-3f9g9z{background:color-mix(in srgb, var(--cc) 8%, var(--card))}.dj.svelte-3f9g9z:focus-visible{outline:2px solid var(--cc);outline-offset:2px}.dj.svelte-3f9g9z:focus-visible .dj-txt:where(.svelte-3f9g9z){outline:none}}.hero-accent.svelte-1uha8ag{color:#0000;background-image:linear-gradient(135deg,#4338ca 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text}.dark .hero-accent.svelte-1uha8ag{background-image:linear-gradient(135deg,#818cf8 0%,#c084fc 100%)}.hero-shot.svelte-1uha8ag{transform-origin:top}.patch-panel.svelte-1uha8ag{background:linear-gradient(#1a2133,#121827);border:1px solid #2b3550;box-shadow:0 20px 40px -24px #0009}.patch-screw.svelte-1uha8ag{background:#3a4566;border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;box-shadow:inset 0 0 0 3px #2a3350}.patch-secondary{color:#eef1fb;background:#ffffff0f;border:1px solid #ffffff2e}.patch-secondary:hover{background:#ffffff1f}@media (width<=639.98px){.patch-screw.svelte-1uha8ag{display:none}}@media (prefers-reduced-motion:no-preference){.hero-shot.svelte-1uha8ag{will-change:transform;transform:perspective(1200px)rotateX(16deg)scale(.92)}}.showcase-panel.svelte-1uha8ag{--showcase-surface:oklch(17% .04 265);background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in oklch, var(--brand) 16%, transparent) 0%, transparent 70%), var(--showcase-surface);border-radius:clamp(24px,4vw,48px);box-shadow:0 40px 80px -30px #0f172a8c}.dark .showcase-panel.svelte-1uha8ag{--showcase-surface:oklch(21% .04 265)}.showcase-tile.svelte-1uha8ag{background:#ffffff0a}.showcase-tile.svelte-1uha8ag:hover{background:#ffffff12}.showcase-tile.svelte-1uha8ag:focus-visible{outline-offset:2px;outline:2px solid #a5b4fc}@media (width<=767.98px){.showcase-panel.svelte-1uha8ag{box-shadow:none;border-radius:0}}