@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}:root{color:#f7f7f8;--accent:#b7ff3c;font-synthesis:none;background:0 0;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body{background:0 0;min-height:100%;margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}[hidden]{display:none!important}.setup{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(at 50% 0,#202323 0%,#121315 45%,#0c0d0f 100%);min-height:100vh;padding:44px 24px 26px}.shell{text-align:center;max-width:560px;margin:auto}.brand{letter-spacing:-1.4px;justify-content:center;align-items:center;gap:12px;margin-bottom:38px;font-size:26px;font-weight:700;display:flex}.brand-dot{color:var(--accent)}.brand-mark{align-items:center;gap:3px;height:25px;display:flex}.brand-mark i{background:var(--accent);border-radius:2px;width:3px;height:10px;display:block}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:17px}.brand-mark i:nth-child(4){height:8px}.eyebrow,.card-top,.field-label,.hint,.start-note,.preview-caption,footer,.status{font-family:JetBrains Mono,monospace}.eyebrow{letter-spacing:2.6px;color:#81868a;font-size:10px}h1{letter-spacing:-4px;margin:22px 0 18px;font-size:clamp(52px,7vw,76px);font-weight:700;line-height:1.02}.accent{color:var(--accent);text-shadow:0 0 45px color-mix(in srgb,var(--accent) 20%,transparent)}.intro{color:#a2a6aa;margin:0 0 32px;font-size:15px}.settings-card{text-align:left;background:linear-gradient(145deg,#1c1e21,#16181a);border:1px solid #303337;border-radius:20px;padding:26px;box-shadow:0 20px 80px #0005}.card-top{letter-spacing:1.3px;color:#c8cbd0;border-bottom:1px solid #303237;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:24px;font-size:9px;display:flex}.status{color:#8b9297;letter-spacing:.5px;align-items:center;gap:6px;font-size:8px;display:flex}.status i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:100%}.field-label{letter-spacing:1.4px;color:#d7d9dc;font-size:10px;font-weight:500;display:block}input[type=text],select{color:#fff;background:#101214;border:1px solid #363a3e;border-radius:9px;width:100%;height:54px;padding:0 16px;transition:border-color .15s}input[type=text]{letter-spacing:.3px;margin-top:11px;font-size:17px;font-weight:500}input::placeholder{color:#686e74;font-size:13px;font-weight:400}input:hover,select:hover{border-color:#626970}.field-heading{justify-content:space-between;align-items:center;margin:24px 0 11px;display:flex}.hint{color:#888f96;font-size:9px}.select-wrap{position:relative}select{appearance:none;font-size:16px}.select-wrap>span{pointer-events:none;color:#b2b6bb;font-size:22px;position:absolute;top:13px;right:17px}.colours{align-items:center;gap:13px;padding:5px 2px;display:flex}.swatch{background:var(--swatch);border:5px solid #1b1d20;border-radius:100%;outline:1px solid #0000;flex-shrink:0;width:34px;height:34px;transition:transform .15s,outline-color .15s}.swatch:hover{transform:translateY(-2px)}.swatch[aria-pressed=true]{outline-color:var(--swatch);box-shadow:0 0 18px color-mix(in srgb,var(--swatch) 20%,transparent)}.custom-colour{color:#c3c8ce;cursor:pointer;border:1px dashed #727980;border-radius:100%;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;font-size:20px;display:flex;position:relative;overflow:hidden}.custom-colour input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.custom-colour:focus-within{outline:2px solid var(--accent);outline-offset:4px}.mini-preview{text-align:center;background:#101214;border:1px solid #292d30;border-radius:10px;margin:25px 0 23px;padding:22px 18px 18px;overflow:hidden}.mini-preview>span:first-child{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.7px;font-size:22px;font-weight:700;display:block;overflow:hidden}.preview-line{background:#666a6e;width:80%;height:1px;margin:20px auto 16px;display:block;position:relative}.preview-line:before,.preview-line:after{content:"";background:#73787c;width:1px;height:8px;position:absolute;top:0}.preview-line:before{left:0}.preview-line:after{right:0}.preview-line i{background:var(--accent);width:2px;height:20px;box-shadow:0 0 12px var(--accent);position:absolute;top:-10px;left:50%}.preview-caption{letter-spacing:1.2px;color:#878e95;font-size:7px;display:block}.start-button{background:var(--accent);color:#08090b;width:100%;height:56px;box-shadow:0 0 26px color-mix(in srgb,var(--accent) 9%,transparent);border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 20px;font-size:17px;font-weight:700;transition:filter .15s,transform .15s;display:flex}.start-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.start-button:disabled{opacity:.6;cursor:wait}.start-button span:last-child{font-size:24px}.start-note{text-align:center;color:#8e959b;margin:14px 0 0;font-size:8px;line-height:1.7}.error{border-left:2px solid var(--accent);color:#fff;padding:8px 12px;font-size:13px;line-height:1.5}.help{text-align:left;color:#a7adb3;margin:23px 8px;font-size:12px}.help summary{justify-content:space-between;padding:5px 0;list-style:none;display:flex}.help summary::-webkit-details-marker{display:none}.help-body{color:#aeb4ba;font-size:12px;line-height:1.7}.help-body strong{color:#ebedef}.help[open] summary{color:var(--accent)}footer{color:#707980;letter-spacing:.7px;border-top:1px solid #25292d;justify-content:space-between;gap:10px;margin-top:28px;padding-top:21px;font-size:7px;display:flex}.output{background:0 0;position:fixed;inset:0}#signal{background:0 0;width:100%;height:100%;display:block}.running{overflow:hidden}.menu-toggle{opacity:0;color:#fff;letter-spacing:3px;background:#131619e6;border:0;border-radius:0 0 0 9px;width:68px;height:56px;font-size:21px;position:fixed;top:0;right:0}.menu-toggle:hover,.menu-toggle:focus-visible,.menu-toggle[aria-expanded=true]{opacity:1}.run-menu{background:#171a1ef5;border:1px solid #41464d;border-radius:12px;width:320px;padding:18px;position:fixed;top:65px;right:14px;box-shadow:0 12px 40px #0006}.run-menu>span{color:var(--accent);margin-bottom:15px;font-family:JetBrains Mono,monospace;font-size:9px;display:block}.run-menu>button{background:var(--accent);color:#08090b;border:0;border-radius:7px;width:100%;padding:11px;font-weight:700}.run-menu details{margin-top:16px;font-size:12px}.run-menu output{white-space:pre-wrap;color:#bcc3cb;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7;display:block}.preview-dark.running{background:#101114}.preview-light.running{background:#c2c6cb}.preview-motion.running{background:repeating-linear-gradient(120deg,#143f4b 0 130px,#1d1f39 130px 260px,#5b3046 260px 390px) 0 0/160% 160%;animation:12s linear infinite alternate background-shift}@keyframes background-shift{to{background-position:100% 100%}}@media (width<=520px){.setup{padding:28px 16px}.brand{margin-bottom:28px}.settings-card{padding:22px 18px}.colours{gap:8px}.swatch{width:32px;height:32px}.status{font-size:6px}.hint{font-size:8px}.intro{font-size:13px}footer{letter-spacing:0;font-size:6px}.run-menu{max-width:calc(100vw - 28px)}}@media (prefers-reduced-motion:reduce){.start-button,.swatch{transition:none}.preview-motion.running{animation:none}}.help a{color:var(--accent)}@media (height<=900px){.setup{padding-top:22px;padding-bottom:18px}.brand{margin-bottom:16px;font-size:22px}.brand-mark{transform:scale(.85)}h1{letter-spacing:-2px;margin:14px 0 10px;font-size:46px}h1 br{display:none}h1 .accent:before{content:" "}.intro{margin-bottom:22px;font-size:13px}.settings-card{border-radius:16px;padding:20px 24px}.card-top{margin-bottom:18px;padding-bottom:17px}.field-heading{margin-top:18px}input[type=text],select{height:46px}.mini-preview{margin:19px 0;padding:16px 18px 13px}.mini-preview>span:first-child{font-size:20px}.preview-line{margin:16px auto 14px}.start-button{height:50px}.help{margin:16px 8px}footer{margin-top:16px;padding-top:14px}}@media (height<=720px){.setup{padding-top:18px}.brand{margin-bottom:12px}h1{margin:10px 0 8px;font-size:38px}.intro{margin-bottom:16px}.settings-card{padding:18px 22px}.mini-preview{display:none}.start-button{margin-top:22px}}@media (width<=420px){h1{letter-spacing:-2px;font-size:40px}.settings-card{padding:20px 17px}.colours{gap:6px}.custom-colour{width:30px;height:30px}}
