.ws-tokens{--bg-0:oklch(0.14 0.012 265);--bg-1:oklch(0.17 0.012 265);--bg-2:oklch(0.20 0.012 265);--bg-3:oklch(0.23 0.012 265);--bg-4:oklch(0.27 0.012 265);--fg-0:oklch(0.97 0.005 90);--fg-1:oklch(0.88 0.005 90);--fg-2:oklch(0.68 0.010 265);--fg-3:oklch(0.52 0.010 265);--fg-4:oklch(0.38 0.010 265);--line-1:oklch(1.0 0 0/0.06);--line-2:oklch(1.0 0 0/0.10);--line-3:oklch(1.0 0 0/0.18);--ctrl-phosphor:oklch(0.78 0.16 155);--ctrl-phosphor-dim:oklch(0.55 0.12 155);--ctrl-amber:oklch(0.80 0.15 75);--ctrl-amber-dim:oklch(0.58 0.13 70);--ctrl-ice:oklch(0.95 0.005 230);--ctrl-danger:oklch(0.68 0.20 27);--ctrl-violet:oklch(0.72 0.16 300);--ctrl-brown:oklch(0.55 0.10 60);--ctrl-info:oklch(0.72 0.10 230);--r-xs:2px;--r-sm:4px;--r-md:6px;--r-lg:8px;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--tabular:"tnum" 1,"zero" 1,"ss01" 1}.ctrl-pip{display:inline-flex;align-items:center;gap:6px;padding:0 8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--pip-fg);background:color-mix(in oklch,var(--pip-fg) 10%,#0000);border:1px solid color-mix(in oklch,var(--pip-fg) 35%,#0000);border-radius:var(--r-xs);line-height:1;white-space:nowrap}.ctrl-pip[data-tone=success]{--pip-fg:var(--ctrl-phosphor);--pip-glow:var(--ctrl-phosphor)}.ctrl-pip[data-tone=warning]{--pip-fg:var(--ctrl-amber);--pip-glow:var(--ctrl-amber)}.ctrl-pip[data-tone=danger]{--pip-fg:var(--ctrl-danger);--pip-glow:var(--ctrl-danger)}.ctrl-pip[data-tone=info]{--pip-fg:var(--ctrl-ice);--pip-glow:var(--ctrl-ice)}.ctrl-pip[data-tone=neutral]{--pip-fg:oklch(0.70 0.01 265);--pip-glow:oklch(0.70 0.01 265)}.ctrl-pip[data-size=sm]{height:20px}.ctrl-pip[data-size=md]{height:24px}.ctrl-pip[data-size=lg]{height:28px}.ctrl-pip-dot{width:6px;height:6px;border-radius:50%;background:var(--pip-glow);box-shadow:0 0 6px var(--pip-glow),0 0 2px var(--pip-glow);flex-shrink:0}.ctrl-pip-dot[data-live]{animation:pip-pulse 2.4s ease-in-out infinite}@keyframes pip-pulse{0%,to{opacity:1;box-shadow:0 0 6px var(--pip-glow),0 0 2px var(--pip-glow)}50%{opacity:.55;box-shadow:0 0 10px var(--pip-glow),0 0 3px var(--pip-glow)}}.ctrl-pip-value{font-weight:600;color:var(--pip-fg);padding-right:6px;margin-right:-2px;border-right:1px solid color-mix(in oklch,var(--pip-fg) 28%,#0000)}.ctrl-pip-label{color:color-mix(in oklch,var(--pip-fg) 92%,#0000);font-weight:500}.ctrl-tick{position:absolute;width:10px;height:10px;border-color:var(--line-3);pointer-events:none}.ctrl-tick-tl{left:4px;border-left:1px solid}.ctrl-tick-tl,.ctrl-tick-tr{top:4px;border-top:1px solid}.ctrl-tick-tr{right:4px;border-right:1px solid}.ctrl-tick-bl{left:4px;border-left:1px solid}.ctrl-tick-bl,.ctrl-tick-br{bottom:4px;border-bottom:1px solid}.ctrl-tick-br{right:4px;border-right:1px solid}.ctrl-btn{position:relative;display:inline-flex;align-items:stretch;gap:0;padding:0;background:#0000;border:0;color:var(--fg-0);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease}.ctrl-btn[data-full]{display:flex;width:100%}.ctrl-btn[data-size=sm]{--btn-h:36px;font-size:11px}.ctrl-btn[data-size=md]{--btn-h:44px;font-size:12px}.ctrl-btn[data-size=lg]{--btn-h:52px;font-size:13px}.ctrl-btn .ctrl-btn-bracket,.ctrl-btn .ctrl-btn-inner{height:var(--btn-h,44px)}.ctrl-btn-inner{flex:1;justify-content:center;gap:10px;padding:0 18px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:var(--bg-3);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;min-width:0}.ctrl-btn-bracket,.ctrl-btn-inner{display:inline-flex;align-items:center}.ctrl-btn-bracket{padding:0 6px;color:var(--ctrl-phosphor);font-weight:400;border:1px solid var(--line-2);border-right:0;transition:color .16s ease,border-color .16s ease}.ctrl-btn-bracket-r{border-left:0;border-right:1px solid var(--line-2)}.ctrl-btn-icon{display:inline-flex}.ctrl-btn-label{white-space:nowrap}.ctrl-btn[data-variant=primary]{--btn-tint:var(--ctrl-phosphor)}.ctrl-btn[data-variant=primary][data-brand=violet]{--btn-tint:var(--ctrl-violet)}.ctrl-btn[data-variant=primary][data-brand=emerald]{--btn-tint:var(--ctrl-phosphor)}.ctrl-btn[data-variant=primary][data-brand=amber]{--btn-tint:var(--ctrl-amber)}.ctrl-btn[data-variant=primary][data-brand=ice]{--btn-tint:var(--ctrl-ice)}.ctrl-btn[data-variant=primary][data-brand=brown]{--btn-tint:var(--ctrl-brown)}.ctrl-btn[data-variant=primary] .ctrl-btn-inner{background:linear-gradient(180deg,color-mix(in oklch,var(--btn-tint) 18%,var(--bg-3)),color-mix(in oklch,var(--btn-tint) 10%,var(--bg-2)));border-color:color-mix(in oklch,var(--btn-tint) 40%,var(--line-2));color:var(--fg-0)}.ctrl-btn[data-variant=primary] .ctrl-btn-bracket{border-color:color-mix(in oklch,var(--btn-tint) 40%,var(--line-2));color:var(--btn-tint)}.ctrl-btn[data-variant=primary]:hover:not(:disabled) .ctrl-btn-inner{background:linear-gradient(180deg,color-mix(in oklch,var(--btn-tint) 30%,var(--bg-3)),color-mix(in oklch,var(--btn-tint) 18%,var(--bg-2)));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--btn-tint) 28%,#0000),0 0 18px color-mix(in oklch,var(--btn-tint) 18%,#0000)}.ctrl-btn[data-variant=primary][data-armed] .ctrl-btn-inner{background:linear-gradient(180deg,color-mix(in oklch,var(--btn-tint) 40%,var(--bg-3)),color-mix(in oklch,var(--btn-tint) 25%,var(--bg-2)));border-color:var(--btn-tint);animation:armed-pulse 2.4s ease-in-out infinite}@keyframes armed-pulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--btn-tint) 40%,#0000),0 0 24px color-mix(in oklch,var(--btn-tint) 28%,#0000)}50%{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--btn-tint) 55%,#0000),0 0 34px color-mix(in oklch,var(--btn-tint) 38%,#0000)}}.ctrl-btn[data-variant=primary][data-armed] .ctrl-btn-bracket{color:var(--btn-tint);border-color:var(--btn-tint)}.ctrl-btn[data-variant=warning] .ctrl-btn-inner{background:linear-gradient(180deg,color-mix(in oklch,var(--ctrl-amber) 16%,var(--bg-3)),color-mix(in oklch,var(--ctrl-amber) 8%,var(--bg-2)));border-color:color-mix(in oklch,var(--ctrl-amber) 45%,var(--line-2))}.ctrl-btn[data-variant=warning] .ctrl-btn-bracket{color:var(--ctrl-amber);border-color:color-mix(in oklch,var(--ctrl-amber) 45%,var(--line-2))}.ctrl-btn[data-variant=warning]:hover:not(:disabled) .ctrl-btn-inner{background:linear-gradient(180deg,color-mix(in oklch,var(--ctrl-amber) 26%,var(--bg-3)),color-mix(in oklch,var(--ctrl-amber) 14%,var(--bg-2)));box-shadow:0 0 18px color-mix(in oklch,var(--ctrl-amber) 20%,#0000)}.ctrl-btn[data-variant=ghost] .ctrl-btn-inner{background:#0000;color:var(--fg-1)}.ctrl-btn[data-variant=ghost] .ctrl-btn-bracket{color:var(--fg-3)}.ctrl-btn[data-variant=ghost]:hover:not(:disabled) .ctrl-btn-inner{background:var(--bg-3);border-color:var(--line-3)}.ctrl-btn[data-variant=ghost]:hover:not(:disabled) .ctrl-btn-bracket{color:var(--ctrl-phosphor);border-color:var(--line-3)}.ctrl-btn:active:not(:disabled){transform:translateY(1px)}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.mod-tile{--brand:var(--ctrl-ice);position:relative;display:flex;flex-direction:column;gap:16px;padding:22px 24px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line-2);border-radius:var(--r-md);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mod-tile[data-brand=violet]{--brand:var(--ctrl-violet)}.mod-tile[data-brand=emerald]{--brand:var(--ctrl-phosphor)}.mod-tile[data-brand=amber]{--brand:var(--ctrl-amber)}.mod-tile[data-brand=ice]{--brand:var(--ctrl-ice)}.mod-tile[data-brand=brown]{--brand:var(--ctrl-brown)}.mod-tile:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:linear-gradient(180deg,var(--brand),color-mix(in oklch,var(--brand) 10%,#0000));box-shadow:0 0 10px color-mix(in oklch,var(--brand) 45%,#0000)}.mod-tile:hover{border-color:color-mix(in oklch,var(--brand) 35%,var(--line-3));transform:translateY(-1px);box-shadow:0 10px 40px oklch(0 0 0/.35),inset 0 0 0 1px color-mix(in oklch,var(--brand) 12%,#0000)}.mod-tile[data-featured]{border-color:color-mix(in oklch,var(--brand) 40%,var(--line-2));background:radial-gradient(ellipse at top right,color-mix(in oklch,var(--brand) 10%,#0000),#0000 50%),linear-gradient(180deg,var(--bg-2),var(--bg-1))}.mod-title-block{display:flex;flex-direction:column;gap:4px}.mod-name{margin:0;font-family:var(--mono);font-size:28px;font-weight:500;letter-spacing:.02em;color:var(--fg-0)}.mod-long{font-size:12.5px;color:var(--brand);letter-spacing:.04em}.mod-desc{margin:0;font-size:13px;line-height:1.55;color:var(--fg-2);min-height:3.1em}.mod-foot{margin-top:2px}@media (max-width:767px){.mod-tile{padding:14px;gap:10px}.mod-name{font-size:20px}.mod-long{font-size:11px}.mod-desc{font-size:11.5px;line-height:1.4;min-height:0}.ctrl-tick{width:7px;height:7px;top:3px;left:3px}.ctrl-tick-tr{top:3px;right:3px;left:auto}.ctrl-tick-bl{bottom:3px;left:3px;top:auto}.ctrl-tick-br{bottom:3px;right:3px;top:auto;left:auto}.ctrl-btn{font-size:9.5px;letter-spacing:.06em}.ctrl-btn[data-size=md]{--btn-h:36px}.ctrl-btn-inner{padding:0 8px;gap:5px}.ctrl-btn-bracket{padding:0 4px}.ctrl-btn-icon svg{width:11px;height:11px}}