:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaffff;font-synthesis:none;--ink:#eaffff;--muted:#8eafbd;--panel:#05141ee0;--panel-deep:#020b13f0;--line:#65eaff2b;--cyan:#65eaff;--teal:#3cf3df;--blue:#3198ff;--deep-blue:#1458d3;background:#02070d;font-family:Arial Narrow,Aptos Narrow,Roboto Condensed,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#65eaff06 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#65eaff06 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 14% -10%,#3198ff40,#0000 36%),radial-gradient(circle at 100% 52%,#3cf3df14,#0000 28%),#02070d;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a,summary,input,select,textarea{outline-offset:3px}:focus-visible{outline:2px solid var(--cyan)}.skip-link{z-index:20;color:#031019;background:#f1ffff;border-radius:.35rem;padding:.65rem .9rem;font-weight:800;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:none}main{width:min(100% - 2rem,78rem);margin-inline:auto;padding-block:clamp(1rem,5vw,4.5rem)}.hero{border:1px solid var(--line);background:linear-gradient(135deg, #0a2a3deb, #020b13f7 60%), var(--panel-deep);border-radius:2.6rem 3.4rem 2.4rem 3rem;grid-template-columns:minmax(0,1.3fr) minmax(17rem,.7fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:32rem;padding:clamp(2rem,6vw,5.25rem);display:grid;position:relative;overflow:hidden;box-shadow:0 2.5rem 8rem #0000006b}.hero:after{content:"";border:1px solid #3198ff21;border-radius:50%;width:24rem;height:24rem;position:absolute;inset:auto -8rem -10rem auto;box-shadow:0 0 0 5rem #3198ff06,0 0 0 10rem #3198ff05}.hero__copy-block,.signal-preview{z-index:1;position:relative}.eyebrow,.section-label{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:800}h1{letter-spacing:-.075em;text-transform:uppercase;max-width:9ch;margin:.8rem 0 1.35rem;font-size:clamp(4rem,10vw,8.5rem);font-stretch:75%;line-height:.75}h1 span{color:#0000;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 1.8rem #65eaff2e}.hero__copy{color:#a9c9d5;max-width:48ch;margin:0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.55}.signal-preview{place-items:center;min-height:19rem;display:grid}.signal-preview__source{background:linear-gradient(120deg,#3198ff2e,#0000 45%),repeating-linear-gradient(0deg,#65eaff06 0 2px,#0000 2px 5px),#061722;border:1px solid #65eaff40;border-radius:2.2rem 1.8rem 2.4rem 1.9rem;width:11rem;height:14rem;transform:rotate(3deg);box-shadow:inset 0 0 3rem #3198ff17}.signal-preview__orbit{border:1px dashed #65eaff47;border-radius:3.1rem 2.7rem 3.5rem 2.8rem;width:14rem;height:17rem;position:absolute;transform:rotate(3deg)}.pixel-star{color:var(--cyan);text-shadow:-.22rem 0 #3198ff40, 0 0 .55rem var(--cyan), 0 0 1.5rem var(--cyan);font-family:ui-monospace,monospace;font-size:1.65rem;line-height:1;position:absolute}.pixel-star--one{top:-.7rem;left:45%;transform:rotate(18deg)}.pixel-star--two{color:var(--teal);bottom:23%;right:-.55rem;transform:rotate(65deg)scale(.78)}.pixel-star--three{color:var(--blue);bottom:-.6rem;left:18%;transform:rotate(-20deg)scale(.65)}.signal-preview>p{color:var(--muted);letter-spacing:.12em;margin:0;font-family:ui-monospace,monospace;font-size:.62rem;position:absolute;bottom:-.5rem;right:0}.signal-strip{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#04111ab3;border:1px solid #65eaff1a;border-radius:.9rem;flex-wrap:wrap;gap:1.1rem 2.2rem;margin:.8rem 0 2.8rem;padding:.85rem 1.35rem;font-family:ui-monospace,monospace;font-size:.67rem;display:flex}.signal-strip li{align-items:center;gap:.55rem;list-style:none;display:inline-flex}.signal-strip i,.live-indicator i{background:var(--teal);width:.42rem;height:.42rem;box-shadow:0 0 .7rem var(--teal);border-radius:50%}.workspace{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.65fr);align-items:start;gap:1rem;display:grid}.control-deck,.output-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 1.5rem 5rem #0003}.control-deck{border-radius:1.5rem 2rem 1.4rem 1.8rem;padding:clamp(1.3rem,4vw,2.4rem)}.section-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.8rem;display:flex}.section-heading h2,.output-card h2{letter-spacing:-.03em;margin:.35rem 0 0;font-size:clamp(1.65rem,4vw,2.35rem)}.section-heading>p{max-width:20ch;color:var(--muted);text-align:right;margin:0;font-size:.82rem}fieldset{background:#020b128c;border:1px solid #65eaff1f;border-radius:1rem;min-width:0;margin:0;padding:1.25rem}legend{color:#c9faff;letter-spacing:.04em;text-transform:uppercase;padding:0 .55rem;font-size:.82rem;font-weight:800}legend span{color:var(--blue);margin-right:.35rem;font-family:ui-monospace,monospace;font-size:.64rem}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem;display:grid}.activity-card,.look-card,.advanced{margin-top:.8rem}.field{min-width:0}.field+.field{margin-top:.9rem}.field--source{border-left:2px solid var(--cyan);background:#65eaff0a;padding:1.15rem}.field-pair,.field-row{gap:.8rem;display:grid}.field-pair{grid-template-columns:minmax(0,1fr) 6rem}.field-row--four,.field-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row .field+.field{margin-top:0}.field--wide{margin-bottom:1rem}label{color:#bcd5de;letter-spacing:.025em;margin-bottom:.38rem;font-size:.74rem;font-weight:750;display:block}label span{color:#648a99;font-weight:500}input,select,textarea{width:100%;color:var(--ink);background:#020b12;border:1px solid #65eaff2e;border-radius:.5rem;transition:border-color .14s,box-shadow .14s}input,select{min-height:2.65rem;padding:.65rem .75rem}input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{border-color:#65eaff94;box-shadow:0 0 0 1px #65eaff14,0 0 1.2rem #3198ff14}input::placeholder{color:#456573}small{color:#668995;margin-top:.35rem;font-size:.68rem;line-height:1.45;display:block}.palette{border-radius:10rem;grid-template-columns:1fr 1.35fr 1fr .7fr .45fr;height:.35rem;margin-top:1.15rem;display:grid;overflow:hidden}.palette span:first-child{background:#1458d3}.palette span:nth-child(2){background:#3198ff}.palette span:nth-child(3){background:#28c8df}.palette span:nth-child(4){background:#3cf3df}.palette span:nth-child(5){background:#b8ffff}.advanced{background:#02090f80;border:1px solid #65eaff1a;border-radius:.9rem}.advanced summary{cursor:pointer;color:#bcd5de;padding:1rem 1.15rem;font-size:.82rem;font-weight:800}.advanced summary small{margin-left:1.25rem;font-weight:400}.advanced__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0 1.15rem 1.15rem;display:grid}.advanced__grid .field+.field{margin-top:0}.slider-control{grid-template-columns:minmax(5rem,1fr) auto;align-items:center;gap:.65rem;display:grid}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;border:0;width:100%;min-height:1.55rem;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--blue) 0, var(--teal) var(--range-progress,0%), #65eaff1a var(--range-progress,0%), #65eaff1a 100%);border:1px solid #65eaff24;border-radius:.1rem;height:.35rem}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--blue) 0, var(--teal) var(--range-progress,0%), #65eaff1a var(--range-progress,0%), #65eaff1a 100%);border:1px solid #65eaff24;border-radius:.1rem;height:.35rem}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:1px solid #c8ffff;width:.9rem;height:.9rem;margin-top:-.34rem;box-shadow:0 0 .8rem #65eaffbf}input[type=range]::-moz-range-thumb{background:var(--cyan);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:1px solid #c8ffff;border-radius:0;width:.9rem;height:.9rem;box-shadow:0 0 .8rem #65eaffbf}input[type=range]:hover,input[type=range]:focus{box-shadow:none;border-color:#0000}.slider-value{background:#020b12;border:1px solid #65eaff2e;border-radius:.42rem;align-items:center;min-width:5.7rem;display:inline-flex;overflow:hidden}.slider-value input{width:4rem;min-height:2.25rem;color:var(--cyan);box-shadow:none;background:0 0;border:0;border-radius:0;padding:.48rem .2rem .48rem .55rem;font-family:ui-monospace,monospace;font-size:.7rem}.slider-value>span{color:#648a99;white-space:nowrap;padding-right:.45rem;font-family:ui-monospace,monospace;font-size:.56rem}.check-field{border-top:1px solid #65eaff14;align-items:center;gap:.65rem;margin:0 1.15rem 1.15rem;padding-top:1rem;display:flex}.check-field input{width:1rem;min-height:1rem;accent-color:var(--teal);margin:0}.output-card{border-radius:1.8rem 1.3rem 2rem 1.45rem;padding:1.4rem;position:sticky;top:1rem}.preview-card{background:#020b12ad;border:1px solid #65eaff21;border-radius:1.1rem .85rem 1.2rem .95rem;margin:-.25rem -.25rem 1.35rem;padding:.85rem}.preview-card__heading{justify-content:space-between;align-items:end;margin-bottom:.7rem;display:flex}.preview-card h2{letter-spacing:-.02em;margin-top:.18rem;font-size:1.2rem}.preview-stage{aspect-ratio:16/9;background:#020910;border:1px solid #65eaff2e;border-radius:.65rem;position:relative;overflow:hidden;box-shadow:inset 0 0 2.2rem #3198ff14}.preview-stage:after{pointer-events:none;content:"";border:1px solid #3cf3df0d;position:absolute;inset:0}.preview-stage iframe{background:0 0;border:0;width:100%;height:100%}.preview-controls{margin-top:.75rem}.preview-controls>label:first-child{justify-content:space-between;display:flex}.preview-controls>label:first-child span{color:var(--cyan);font-family:ui-monospace,monospace}.preview-toggle{cursor:pointer;align-items:center;gap:.55rem;margin:0;display:flex}.preview-actions{justify-content:space-between;align-items:center;gap:.7rem;margin-top:.65rem;display:flex}.preview-react{min-height:2.2rem;padding:.45rem .7rem;font-size:.66rem}.preview-toggle input{width:1rem;min-height:1rem;accent-color:var(--teal);margin:0}.preview-toggle span{color:#9ac0cc;font-size:.68rem}.output-card__topline{justify-content:space-between;align-items:center;display:flex}.live-indicator{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.45rem;font-family:ui-monospace,monospace;font-size:.62rem;display:inline-flex}.output-card__intro,.credential-note,.lan-note p{color:var(--muted);font-size:.8rem;line-height:1.5}textarea{resize:vertical;color:#9cecff;min-height:11rem;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;line-height:1.55}.credential-note{border-left:2px solid #227fc8;padding-left:.7rem}.credential-note strong{color:#c8f8ff}code{color:var(--cyan);font-family:ui-monospace,monospace}.output-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem;display:grid}button,.secondary-action{border-radius:.55rem;justify-content:center;align-items:center;min-height:2.8rem;font-size:.76rem;font-weight:850;text-decoration:none;display:inline-flex}button{border:1px solid var(--cyan);background:var(--cyan);color:#021018;cursor:pointer;box-shadow:0 0 1.4rem #65eaff1f}button:hover{background:#b8ffff}button:disabled{cursor:not-allowed;opacity:.4}.secondary-action{color:#bceef5;border:1px solid #65eaff3d}.secondary-action:hover{border-color:var(--cyan);color:var(--cyan)}.secondary-action[aria-disabled=true]{pointer-events:none;opacity:.4}.status{min-height:1.1rem;color:var(--teal);margin:.65rem 0 0;font-family:ui-monospace,monospace;font-size:.65rem}.status[data-state=error]{color:#9cc9ff}.lan-note{border-top:1px solid #65eaff1a;margin-top:1.3rem;padding-top:1.1rem}.lan-note p:last-child{margin-bottom:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=64rem){.workspace{grid-template-columns:1fr}.output-card{position:static}.advanced__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=46rem){main{width:min(100% - 1rem,78rem)}.hero{border-radius:1.4rem;grid-template-columns:1fr;min-height:auto}.signal-preview{min-height:17rem}.connection-grid,.field-row--four,.field-row--two{grid-template-columns:1fr}.field-row .field+.field{margin-top:.8rem}.advanced__grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.section-heading>p{text-align:left}}@media (width<=28rem){.advanced__grid,.output-actions{grid-template-columns:1fr}.signal-strip{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}