@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#070908;--surface:#0c0f0d;--surface-2:#111512;--line:#2a302b;--line-bright:#424a42;--text:#d8ded7;--muted:#747c74;--lime:#c9ff3d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{letter-spacing:.02em;font-family:SFMono-Regular,Roboto Mono,IBM Plex Mono,ui-monospace,monospace}button,input,select{font:inherit}button{color:inherit}.forge-shell{background:radial-gradient(circle at 52% 38%, #c9ff3d06, transparent 28%), var(--bg);min-height:100vh}.landing-hero{border-bottom:1px solid var(--line);background:#070908;min-height:100vh;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#55625717 1px,#0000 1px),linear-gradient(90deg,#55625717 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 80%,#0000);mask-image:linear-gradient(#000 0 80%,#0000)}.landing-nav{z-index:4;border-bottom:1px solid var(--line);letter-spacing:.17em;color:#687169;justify-content:space-between;align-items:center;height:72px;padding:0 4.2vw;font-size:7px;display:flex;position:relative}.landing-brand{color:#9ca49d;align-items:center;gap:14px;display:flex}.landing-brand span{color:#e2e7e1;letter-spacing:-.04em;font:800 18px Arial Narrow,Helvetica Neue,sans-serif}.landing-brand i{background:#454d46;width:1px;height:20px}.landing-nav>div:last-child{align-items:center;gap:30px;display:flex}.landing-online{color:var(--lime)}.landing-online:before{content:"";background:var(--lime);width:5px;height:5px;box-shadow:0 0 9px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.landing-grid{z-index:2;grid-template-columns:minmax(400px,42%) 1fr;min-height:calc(100vh - 170px);padding:7vh 4.2vw 4vh;display:grid;position:relative}.landing-copy{z-index:4;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.landing-kicker{color:var(--lime);letter-spacing:.23em;margin-bottom:3vh;font-size:8px}.landing-kicker:before{content:"";background:var(--lime);width:28px;height:1px;margin:0 10px 3px 0;display:inline-block}.landing-copy h1{letter-spacing:-.075em;color:#e4e8e3;margin:0;font:800 clamp(54px,6.5vw,108px)/.77 Arial Narrow,Helvetica Neue,sans-serif}.landing-copy h1 em{color:#0000;-webkit-text-stroke:1px var(--lime);text-shadow:0 0 24px #c9ff3d14;font-style:normal}.landing-copy p{color:#7d867e;letter-spacing:.08em;border-left:1px solid #465047;max-width:440px;margin:4vh 0 3vh;padding-left:16px;font:9px/1.75 monospace}.landing-actions{align-items:center;gap:22px;display:flex}.landing-actions button{border:1px solid var(--lime);background:var(--lime);color:#090b0a;letter-spacing:.13em;cursor:pointer;height:46px;padding:0 18px;font-size:8px;font-weight:800}.landing-actions button span{margin-left:28px;font-size:14px}.landing-actions a{color:#818981;letter-spacing:.13em;border-bottom:1px solid #3c443d;padding:8px 0;font-size:7px;text-decoration:none}.landing-visual{background:radial-gradient(circle at 64% 47%,#c9ff3d0e,#0000 33%),#080a09;border:1px solid #242b26;min-width:0;margin-left:3vw;position:relative;overflow:hidden}.landing-visual:before,.landing-visual:after{content:"";background:#343c35;position:absolute}.landing-visual:before{width:1px;top:0;bottom:0;left:50%}.landing-visual:after{height:1px;top:50%;left:0;right:0}.landing-scan-label{z-index:5;color:#566057;letter-spacing:.15em;justify-content:space-between;font-size:6px;display:flex;position:absolute;top:12px;left:14px;right:14px}.landing-scan-label b{color:var(--lime);font-weight:500}.landing-effects{position:absolute;inset:0}.landing-effect{transform-origin:50%;width:440px;height:250px;position:absolute;top:50%;left:50%}.landing-effect .generated{pointer-events:none}.landing-effect.effect-0{z-index:3;filter:drop-shadow(0 15px 24px #000);transform:translate(-43%,-48%)scale(.84)}.landing-effect.effect-1{z-index:2;opacity:.58;transform:translate(-77%,-88%)scale(.43)}.landing-effect.effect-2{z-index:1;opacity:.48;transform:translateY(-12%)scale(.46)}.landing-crosshair{z-index:1;border:1px dashed #c9ff3d33;border-radius:50%;width:180px;height:180px;animation:18s linear infinite spin;position:absolute;top:48%;left:63%;translate:-50% -50%}.landing-crosshair:before,.landing-crosshair:after,.landing-crosshair i{content:"";border:1px solid #c9ff3d30;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.landing-crosshair:before{width:110px;height:110px}.landing-crosshair:after{background:#c9ff3d0a;width:36px;height:36px}.landing-crosshair i:first-child{background:#c9ff3d24;border:0;width:1px;height:250px}.landing-crosshair i:last-child{background:#c9ff3d24;border:0;width:250px;height:1px}.landing-coordinate{z-index:5;color:#485149;letter-spacing:.12em;font-size:6px;position:absolute}.coord-a{top:45%;right:12px}.coord-b{bottom:12px;left:12px}.landing-stats{z-index:3;border-top:1px solid var(--line);background:#080a09;grid-template-columns:repeat(4,150px) 1fr;align-items:stretch;min-height:98px;padding:0 4.2vw;display:grid;position:relative}.landing-stats>div{border-right:1px solid var(--line);align-items:center;gap:12px;display:flex}.landing-stats>div:first-child{border-left:1px solid var(--line);padding-left:16px}.landing-stats strong{color:var(--lime);letter-spacing:-.05em;font:300 29px Arial Narrow,sans-serif}.landing-stats span{color:#626a63;letter-spacing:.12em;font-size:6px;line-height:1.5}.landing-stats p{color:#444c45;letter-spacing:.12em;place-self:center end;margin:0;font-size:6px}.topbar{border-bottom:1px solid var(--line);background:#090b0a;grid-template-columns:330px 1fr auto;height:74px;display:grid}.brand{border-right:1px solid var(--line);align-items:center;gap:14px;padding:0 20px;display:flex}.brand-mark{letter-spacing:-.08em;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:24px;font-weight:800}.brand-mark span{color:var(--lime)}.brand>i{background:var(--line-bright);width:1px;height:28px}.brand strong{letter-spacing:.22em;color:#9ba29b;font-size:9px;line-height:1.25}.top-status{color:var(--muted);justify-content:center;align-items:center;gap:34px;font-size:9px;display:flex}.online-dot,.statusbar i{background:var(--lime);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #c9ff3db3}.top-actions{align-items:stretch;display:flex}.top-actions button{border:0;border-left:1px solid var(--line);letter-spacing:.1em;cursor:pointer;background:0 0;min-width:145px;font-size:9px}.top-actions .primary-action{background:var(--lime);color:#080a08;min-width:170px;font-weight:800}.workspace{grid-template-columns:300px minmax(520px,1fr) 310px;min-height:calc(100vh - 99px);display:grid}.control-rail,.lineage-rail{scrollbar-width:thin;scrollbar-color:#343b35 #090b0a;background:#090b0a;max-height:calc(100vh - 99px);overflow:auto}.control-rail{border-right:1px solid var(--line)}.lineage-rail{border-left:1px solid var(--line)}.control-rail section,.lineage-rail section{border-bottom:1px solid var(--line);padding:17px 18px}.section-heading{align-items:center;gap:10px;height:23px;margin-bottom:14px;display:flex}.section-heading>span{color:var(--lime);font-size:8px}.section-heading h2{letter-spacing:.16em;margin:0;font-size:9px}.section-heading small{color:var(--muted);margin-left:auto;font-size:7px}.family-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.family-grid button{border:1px solid var(--line);background:var(--surface);text-transform:uppercase;cursor:pointer;color:#9ca49d;height:66px;font-size:7px;position:relative}.family-grid button.selected{border-color:var(--lime);color:var(--lime);background:#c9ff3d0b}.family-grid button small{color:#596059;margin-top:4px;font-size:6px;display:block}.catalogue-search{border:1px solid var(--line);width:100%;height:30px;color:var(--lime);letter-spacing:.1em;background:#070908;outline:none;margin-bottom:7px;padding:0 9px;font-size:7px}.catalogue-search:focus{border-color:#53602e}.catalogue-search::placeholder{color:#4f574f}.catalogue-filters{scrollbar-width:none;gap:3px;margin-bottom:8px;display:flex;overflow-x:auto}.catalogue-filters button{border:1px solid var(--line);color:#626a63;text-transform:uppercase;cursor:pointer;background:0 0;flex:none;height:21px;padding:0 7px;font-size:6px}.catalogue-filters button.active{color:var(--lime);background:#c9ff3d0a;border-color:#53602e}.catalogue-empty{text-align:center;color:#596159;padding:18px 0;font-size:7px}.family-icon{opacity:.8;border:1px solid;width:25px;height:16px;margin:0 auto 7px;display:block}.effect-icon{clip-path:polygon(0 30%,35% 30%,35% 0,42% 0,42% 70%,72% 70%,72% 40%,80% 40%,80% 100%,100% 100%,100% 50%,0 50%);background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 5px);border:0}.icon-button{height:10px;margin-top:4px}.icon-slider{height:2px;margin-top:9px;position:relative}.icon-slider:after{content:"";background:currentColor;width:4px;height:8px;position:absolute;top:-4px;left:14px}.icon-meter{background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px)}.icon-badge{border-radius:10px;height:10px;margin-top:4px}.icon-hud{border-radius:50%;width:17px}.icon-reticle{border-style:dashed;border-radius:50%;width:18px;height:18px}.icon-orbit{border-radius:50%;width:25px;height:12px}.icon-loader{border-style:dotted;border-width:2px;border-radius:50%;width:18px;height:18px}.icon-waveform{background:linear-gradient(135deg,#0000 42%,currentColor 43% 48%,#0000 49% 55%,currentColor 56% 61%,#0000 62%);border:0;height:12px}.icon-burst{background:repeating-conic-gradient(currentColor 0 5deg,transparent 5deg 25deg);border:0;border-radius:50%;width:20px;height:20px}.icon-pattern{background:radial-gradient(currentColor 1px,#0000 1px) 0 0/5px 5px;border:0}.icon-divider{height:1px;margin-top:10px;position:relative}.icon-divider:before,.icon-divider:after{content:"";background:currentColor;width:4px;height:4px;position:absolute;top:-2px}.icon-divider:before{left:2px}.icon-divider:after{right:2px}.icon-liquid{border:0;border-bottom:2px solid;border-radius:50%;transform:skew(-25deg)rotate(-5deg)}.select-row{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.select-row label,.seed-input{color:var(--muted);letter-spacing:.13em;flex:1;font-size:7px;display:block}.select-row select,.seed-input input{color:#d1d7d1;background:var(--surface);border:1px solid var(--line);text-transform:uppercase;border-radius:0;outline:none;width:100%;height:31px;margin-top:5px;padding:0 9px;font-size:9px}.select-row.compact{margin:13px 0 0}.lock{border:1px solid var(--line);background:var(--surface);color:#667067;cursor:pointer;width:31px;height:31px;padding:0}.lock.locked{color:var(--lime);border-color:#596e29}.trait-block{margin:9px 0}.trait-title{justify-content:space-between;align-items:center;display:flex}.trait-title label,.chip-block>label{color:var(--muted);letter-spacing:.13em;font-size:7px}.trait-title .lock{background:0 0;border:0;width:20px;height:18px;font-size:10px}.range-line{align-items:center;gap:10px;display:flex}input[type=range]{appearance:none;height:1px;accent-color:var(--lime);background:#313731;flex:1}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--lime);border:0;width:5px;height:11px}.range-line output{color:#aab1aa;width:21px;font-size:8px}.chip-block{margin-top:14px}.chip-block>div{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.chip-block button{border:1px solid var(--line);color:#727a73;text-transform:uppercase;cursor:pointer;background:0 0;height:22px;font-size:6px}.chip-block button.active{color:#d6ddd6;background:#171b18;border-color:#7d897c}.accent-block button{background:var(--chip);opacity:.25;border:0;width:26px}.accent-block button.active{opacity:1;outline:1px solid var(--chip);outline-offset:2px}.variant-block button{min-width:28px}.preview-zone{background:#080a09;min-width:0;padding:22px 24px 18px;overflow:hidden}.preview-toolbar{justify-content:space-between;align-items:flex-start;height:45px;display:flex}.eyebrow{color:var(--lime);letter-spacing:.17em;margin-bottom:7px;font-size:7px;display:block}.preview-toolbar h1{letter-spacing:.12em;margin:0;font-size:11px;font-weight:500}.preview-toolbar h1 small{color:#596159;margin-left:12px;font-size:7px}.view-controls{display:flex}.view-controls button{border:1px solid var(--line);min-width:38px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border-right:0;font-size:7px}.view-controls button:last-child{border-right:1px solid var(--line)}.view-controls button.active{color:var(--lime);background:#c9ff3d0f}.stage{border:1px solid var(--line);background-color:#090c0a;place-items:center;height:min(43vh,435px);min-height:310px;display:grid;position:relative;overflow:hidden}.stage.grid-on{background-image:linear-gradient(#47524921 1px,#0000 1px),linear-gradient(90deg,#47524921 1px,#0000 1px),linear-gradient(#4752490e 1px,#0000 1px),linear-gradient(90deg,#4752490e 1px,#0000 1px);background-size:64px 64px,64px 64px,8px 8px,8px 8px}.stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9ff3d09,#0000 48%);position:absolute;inset:0}.stage-index{color:#485048;font-size:6px;line-height:1.7;position:absolute;top:11px;left:13px}.stage-corner{border-color:#505850;width:13px;height:13px;position:absolute}.stage-corner.tl{border-top:1px solid;border-left:1px solid;top:7px;left:7px}.stage-corner.tr{border-top:1px solid;border-right:1px solid;top:7px;right:7px}.stage-corner.bl{border-bottom:1px solid;border-left:1px solid;bottom:7px;left:7px}.stage-corner.br{border-bottom:1px solid;border-right:1px solid;bottom:7px;right:7px}.context-chrome{color:#596159;pointer-events:none;border:0 solid #252c26;font-size:7px;position:absolute;inset:24px 28px}.context-echo .context-chrome,.context-zogg .context-chrome,.context-studio .context-chrome{border-width:1px;padding:10px}.context-chrome i{background:repeating-linear-gradient(90deg,#263026 0 2px,#0000 2px 6px);width:90px;height:36px;position:absolute;bottom:15px;right:15px}.component-mount{z-index:2;position:relative;transform:scale(.96)}.generated{--accent:var(--lime);color:#cbd2cb;border:var(--bw) solid #4a524b;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));background:#0d110e;position:relative}.state-hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.state-hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}}.state-active{border-color:var(--accent)}.state-disabled{opacity:.34;filter:saturate(.2)}.state-error{border-color:var(--accent)}.anim-pulse.state-active{animation:1.8s infinite signalPulse}.anim-flicker.state-active{animation:3s step-end infinite flicker}.anim-lock-on .hud-target{animation:1.4s ease-out infinite lockon}.anim-scan:after{content:"";background:var(--accent);opacity:.4;height:1px;animation:2.5s linear infinite scan;position:absolute;top:20%;left:0;right:0}@keyframes signalPulse{50%{box-shadow:0 0 15px color-mix(in srgb,var(--accent) 14%,transparent)}}@keyframes flicker{48%{opacity:1}49%{opacity:.6}50%{opacity:1}}@keyframes scan{to{top:90%}}@keyframes lockon{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.generated-panel{width:360px;min-height:192px;padding:13px 14px}.generated-panel header,.generated-panel footer,.component-label,.meter-footer{letter-spacing:.12em;color:#747d75;justify-content:space-between;font-size:7px;display:flex}.generated-panel header b,.component-label b{color:var(--accent);font-weight:500}.panel-readout{align-items:flex-end;gap:18px;margin:24px 0 16px;display:flex}.panel-readout strong{color:var(--accent);letter-spacing:-.06em;font:300 47px/1 Arial Narrow,Helvetica Neue,sans-serif}.panel-readout span{color:#6c746d;font-size:7px;line-height:1.6}.panel-lines{border-bottom:1px solid #2e352f;align-items:flex-end;gap:5px;height:32px;margin-bottom:13px;display:flex}.panel-lines i{height:calc(18px + var(--density) * 16px);background:repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 5px);opacity:.55;flex:1;display:block}.generated-button{letter-spacing:.16em;align-items:center;gap:18px;width:260px;height:62px;padding:0 18px;font-size:11px;display:flex}.generated-button .button-index{color:var(--accent);font-size:8px}.generated-button i{background:var(--accent);width:7px;height:7px;margin-left:auto}.generated-slider{width:360px;padding:17px 16px 14px}.slider-track{border-top:1px solid #3b443d;height:18px;margin-top:17px;position:relative}.slider-track span{border-top:2px solid var(--accent);width:63%;display:block;position:absolute;top:-1px}.slider-track i{background:var(--accent);width:6px;height:13px;position:absolute;top:-6px;left:62%}.slider-scale{color:#525a53;justify-content:space-between;font-size:6px;display:flex}.generated-meter{width:360px;padding:15px}.meter-bars{align-items:flex-end;gap:3px;height:55px;margin:16px 0 9px;display:flex}.meter-bars i{background:#202621;flex:1;height:100%}.meter-bars i.lit{background:var(--accent);opacity:.82}.meter-footer{font-size:6px}.generated-badge{letter-spacing:.12em;align-items:center;gap:10px;min-width:225px;height:42px;padding:0 12px;font-size:9px;display:flex}.generated-badge b{color:var(--accent);margin-left:auto;font-size:7px}.badge-dot{background:var(--accent);width:6px;height:6px}.generated-hud{clip-path:none;background:0 0;border:0;width:220px;height:220px}.hud-ring{border:1px solid var(--accent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-a{border-style:dashed;width:124px;height:124px}.ring-b{opacity:.5;width:84px;height:84px}.hud-cross{background:var(--accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-cross.h{width:170px;height:1px}.hud-cross.v{width:1px;height:170px}.hud-target{border:2px solid var(--accent);width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generated-hud b{color:var(--accent);font-size:8px;position:absolute;top:17px;left:12px}.generated-hud small{color:#929a92;font-size:7px;position:absolute;bottom:19px;right:8px}.generated-reticle,.generated-orbit,.generated-loader,.generated-burst{clip-path:none;background:0 0;border:0;width:230px;height:230px}.primitive-core{border:2px solid var(--accent);z-index:3;background:#0a0d0b;width:14px;height:14px;position:absolute;top:50%;left:50%;translate:-50% -50%}.generated-reticle>i{--angle:calc(var(--i) * 90deg);border-top:2px solid var(--accent);border-left:2px solid var(--accent);width:72px;height:72px;transform:translate(-50%,-50%) rotate(var(--angle)) translate(35px,35px);position:absolute;top:50%;left:50%}.generated-reticle b,.generated-orbit b,.generated-burst b{color:var(--accent);font-size:7px;position:absolute;top:12px;left:10px}.generated-reticle small{color:#6f786f;font-size:6px;position:absolute;bottom:12px;right:8px}.generated-reticle.variant-2>i{border-left-style:dashed;border-radius:50%}.generated-reticle.variant-3>i{width:45px;height:90px}.generated-reticle.variant-4>i{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 45deg)) translate(27px,27px)}.generated-reticle.variant-5>i{border-color:#0000;border-top-color:var(--accent)}.generated-reticle.variant-6>i{width:90px;height:35px}.orbit-ring{border:1px solid var(--accent);position:absolute;top:50%;left:50%;translate:-50% -50%}@supports (color:color-mix(in lab, red, red)){.orbit-ring{border:1px solid color-mix(in srgb,var(--accent) 70%,transparent)}}.orbit-ring{transform:rotate(calc(var(--variant) * 11deg));border-radius:50%}.orbit-ring i{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:50%}.orbit-0{width:70px;height:70px}.orbit-1{width:132px;height:62px;transform:rotate(calc(var(--variant) * 21deg))}.orbit-2{width:190px;height:105px;transform:rotate(calc(var(--variant) * -14deg))}.generated-orbit.variant-2 .orbit-ring{border-style:dashed}.generated-orbit.variant-3 .orbit-1{width:55px;height:165px}.generated-orbit.variant-4 .orbit-2{border-width:2px}.generated-orbit.variant-5 .orbit-ring{border-radius:0}.generated-orbit.variant-6 .orbit-0{width:28px;height:28px}.radial-elements{position:absolute;inset:0}.radial-elements i{background:var(--accent);transform-origin:50% 94px;width:3px;height:28px;transform:translate(-50%,-94px) rotate(calc(var(--i) * 360deg / var(--count)));opacity:calc(.18 + var(--i) / var(--count));position:absolute;top:50%;left:50%}.generated-loader strong{color:var(--accent);font:300 26px Arial Narrow,sans-serif;position:absolute;top:50%;left:50%;translate:-50% -55%}.generated-loader small{color:#717a72;white-space:nowrap;font-size:6px;position:absolute;bottom:27px;left:50%;translate:-50%}.generated-loader.variant-2 .radial-elements i{transform-origin:50% 72px;height:9px;transform:translate(-50%,-72px) rotate(calc(var(--i) * 360deg / var(--count)))}.generated-loader.variant-3 .radial-elements{border:1px dashed var(--accent);border-radius:50%;inset:31px}.generated-loader.variant-4 .radial-elements i{transform-origin:50% 80px;width:10px;height:2px}.generated-loader.variant-5 .radial-elements i:nth-child(2n){opacity:0}.generated-loader.variant-6 .radial-elements{transform:scaleX(.55)}.generated-burst .radial-elements i{height:calc(16px + var(--i) * 2px);transform-origin:50% 88px;transform:translate(-50%,-88px) rotate(calc(var(--i) * 360deg / var(--count)))}.generated-burst.variant-2 .radial-elements i:nth-child(3n){background:0 0}.generated-burst.variant-3 .radial-elements i{width:1px}.generated-burst.variant-4 .radial-elements{transform:scaleX(.6)}.generated-burst.variant-5 .radial-elements i{height:4px}.generated-burst.variant-6 .radial-elements{transform:rotate(22deg)}.generated-waveform{background:0 0;border-color:#353d36;width:390px;height:145px;padding:16px}.wave-bars{border-bottom:1px solid #2b322c;align-items:center;gap:4px;height:95px;display:flex}.wave-bars i{height:calc(8px + mod(var(--i), 7) * 8px);background:var(--accent);opacity:calc(.35 + mod(var(--i), 5) * .11);flex:1}.generated-waveform>span{color:#747d75;font-size:6px;position:absolute;bottom:9px;left:16px}.generated-waveform.variant-2 .wave-bars i{border-radius:50%;flex:none;width:5px}.generated-waveform.variant-3 .wave-bars{align-items:flex-end}.generated-waveform.variant-4 .wave-bars i:nth-child(odd){opacity:.12}.generated-waveform.variant-5 .wave-bars{transform:skew(-18deg)}.generated-waveform.variant-6 .wave-bars i{border:1px solid var(--accent);background:0 0}.generated-pattern{background:0 0;grid-template-columns:repeat(12,1fr);gap:9px;width:360px;height:190px;padding:24px;display:grid}.generated-pattern i{background:var(--accent);width:4px;height:4px;opacity:calc(.2 + mod(var(--i), 5) * .15)}.generated-pattern b{color:var(--accent);font-size:6px;position:absolute;bottom:10px;right:12px}.generated-pattern.variant-2 i{border-radius:50%}.generated-pattern.variant-3 i{width:7px;height:1px;transform:rotate(45deg)}.generated-pattern.variant-4 i:nth-child(3n){opacity:0}.generated-pattern.variant-5{transform:skew(-12deg)}.generated-pattern.variant-6 i{border:1px solid var(--accent);background:0 0;width:6px;height:6px}.generated-divider{background:0 0;align-items:center;gap:7px;width:420px;height:58px;padding:0 13px;display:flex}.generated-divider b,.generated-divider small{color:var(--accent);white-space:nowrap;font-size:6px}.divider-line{background:#404941;flex:1;height:1px}.generated-divider i{background:var(--accent);width:7px;height:7px}.generated-divider.variant-2 i{border-radius:50%}.generated-divider.variant-3 i{border:1px solid var(--accent);background:0 0;transform:rotate(45deg)}.generated-divider.variant-4 i:nth-of-type(2n){opacity:.2}.generated-divider.variant-5 i{width:14px;height:2px;transform:skew(-30deg)}.generated-divider.variant-6 .divider-line{background:repeating-linear-gradient(90deg,var(--accent) 0 4px,transparent 4px 8px);height:3px}.generated-liquid{clip-path:none;background:0 0;border:0;width:390px;height:180px}.generated-liquid i{--offset:calc(var(--i) * 18px);left:35px;right:35px;top:calc(35px + var(--offset));border-top:4px solid var(--accent);height:24px;transform:skewX(calc((var(--i) - 2) * 5deg)) rotate(calc((var(--i) - 2) * 3deg));opacity:calc(.25 + var(--i) * .14);border-radius:50%;position:absolute}.generated-liquid b{color:#747d75;font-size:6px;position:absolute;bottom:12px;left:35px}.generated-liquid.variant-2 i{border-radius:10% 90% 20% 80%}.generated-liquid.variant-3 i{border-top-width:9px}.generated-liquid.variant-4 i:nth-child(2n){left:110px}.generated-liquid.variant-5 i{transform:skewX(-30deg) rotate(calc((var(--i) - 2) * 7deg))}.generated-liquid.variant-6 i{border-top-style:dashed}.neko-effect{background:#080b09;border-color:#313932;width:440px;height:250px;padding:0;overflow:hidden}.neko-effect:before{content:"";pointer-events:none;z-index:4;background:linear-gradient(#0000 49%,#c9ff3d06 50%) 0 0/100% 4px;position:absolute;inset:0}.fx-meta{color:#626b63;letter-spacing:.15em;border-bottom:1px solid #293029;justify-content:space-between;align-items:center;height:28px;padding:0 10px;font-size:6px;display:flex}.fx-meta b{color:var(--accent);font-weight:500}.fx-canvas{background:radial-gradient(circle at 50% 50%,var(--accent),transparent 58%);position:absolute;inset:29px 0 34px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.fx-canvas{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 58%)}}.fx-caption{z-index:5;background:#0a0d0b;border-top:1px solid #293029;align-items:center;height:34px;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.fx-caption strong{color:var(--accent);letter-spacing:.14em;font-size:7px}.fx-caption span{text-overflow:ellipsis;white-space:nowrap;color:#59615a;max-width:58%;margin-left:auto;font-size:5px;overflow:hidden}.fx-led{letter-spacing:.08em;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent));justify-content:center;align-items:center;gap:14px;font:700 36px/1 Arial Narrow,sans-serif;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.fx-led{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 24%,transparent))}}.fx-led span,.fx-led i{color:#0000;background:radial-gradient(circle,currentColor 0 2px,#0000 2.5px) 0 0/8px 8px;-webkit-background-clip:text;background-clip:text;font-style:normal}.fx-type{text-align:center;letter-spacing:.1em;width:94%;color:var(--accent);font:800 29px/1 Arial Narrow,sans-serif;position:absolute;top:50%;left:50%;translate:-50% -50%}.fx-type:before,.fx-type:after{content:attr(data-text);opacity:.35;position:absolute;inset:0}.fx-type:before{color:#ff3c91;clip-path:inset(0 0 55%);translate:-3px}.fx-type:after{color:#5ce8ff;clip-path:inset(55% 0 0);translate:3px}.fx-ascii{position:absolute;inset:0}.fx-ascii i{left:var(--x);top:var(--y);color:var(--accent);opacity:calc(.25 + var(--density) * .65);animation:asciiHeat 2.8s steps(5) infinite var(--delay);font:400 10px monospace;position:absolute}.fx-orbit-type{border:1px dashed var(--accent);border-radius:50%;width:150px;height:150px;animation:13s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.fx-orbit-type span{color:var(--accent);letter-spacing:.2em;word-spacing:8px;text-align:center;font-size:6px;position:absolute;inset:-18px;transform:rotate(-28deg)}.fx-orbit-type i{border:1px solid var(--accent);width:34px;height:34px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.fx-type-wave{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fx-type-wave i{color:var(--accent);animation:1.5s ease-in-out infinite typeWave;animation-delay:calc(var(--i) * -.07s);font:800 21px Arial Narrow,sans-serif}.fx-lines{flex-direction:column;justify-content:center;gap:7px;display:flex;position:absolute;inset:0}.fx-lines i{background:linear-gradient(90deg,transparent,var(--accent),transparent);width:115%;height:1px;transform:translateX(calc((var(--i) - 7) * 2px)) skewY(calc((var(--i) - 7) * .18deg));opacity:calc(.12 + var(--i) * .045);animation:2.6s ease-in-out infinite lineBreathe;animation-delay:calc(var(--i) * -.09s);margin-left:-7%;display:block}.fx-lines span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 20px var(--accent);position:absolute;top:50%;left:50%;translate:-50% -50%}.mode-waves .fx-lines i:nth-child(3n){background:linear-gradient(90deg,#0000,#ff4f9d,#0000)}.mode-waves .fx-lines i:nth-child(3n+1){background:linear-gradient(90deg,#0000,#62d9e8,#0000)}.mode-pulse .fx-lines i{transform:scaleX(calc(.2 + var(--i) * .055))}.fx-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:1fr;gap:5px;display:grid;position:absolute;inset:14px}.fx-grid i{border:1px solid var(--accent);width:100%;height:100%;min-height:5px}@supports (color:color-mix(in lab, red, red)){.fx-grid i{border:1px solid color-mix(in srgb,var(--accent) 18%,#242b25)}}.fx-grid i{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.fx-grid i{background:color-mix(in srgb,var(--accent) 13%,transparent)}}.fx-grid i{animation:gridSignal 2.4s steps(4) infinite var(--delay)}.mode-dots .fx-grid i,.mode-field .fx-grid i{background:var(--accent);width:5px;height:5px;min-height:0;opacity:calc(.14 + var(--density) * .65);border:0;border-radius:50%;place-self:center}.mode-field .fx-grid i{width:8px;height:1px;transform:rotate(calc(var(--i) * 17deg));border-radius:0}.fx-grid>span{border:1px solid var(--accent);width:34px;height:34px;box-shadow:0 0 24px var(--accent);position:absolute;top:44%;left:53%}@supports (color:color-mix(in lab, red, red)){.fx-grid>span{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 18%,transparent)}}.fx-locator{position:absolute;inset:0}.fx-locator .axis-x,.fx-locator .axis-y{background:var(--accent);position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.fx-locator .axis-x,.fx-locator .axis-y{background:color-mix(in srgb,var(--accent) 65%,transparent)}}.fx-locator .axis-x{width:100%;height:1px;left:0;right:0}.fx-locator .axis-y{width:1px;height:100%;top:0;bottom:0}.fx-locator span{border:1px solid var(--accent);width:42px;height:42px;box-shadow:0 0 0 8px var(--accent);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}@supports (color:color-mix(in lab, red, red)){.fx-locator span{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 7%,transparent)}}.fx-locator b{color:var(--accent);background:#080b09;padding:4px;font-size:6px;font-weight:500;position:absolute;top:calc(50% + 12px);left:calc(50% + 12px)}.mode-spotlight .fx-locator{background:radial-gradient(circle at 50% 50%,var(--accent) 0 7%,transparent 35%)}@supports (color:color-mix(in lab, red, red)){.mode-spotlight .fx-locator{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 25%,transparent) 0 7%,transparent 35%)}}.fx-radial{position:absolute;inset:0}.fx-radial>i{border:1px solid var(--accent);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.radial-a{width:54px;height:54px}.radial-b{width:108px;height:108px;animation:8s linear infinite spin;border-style:dashed!important}.radial-c{width:166px;height:88px;transform:rotate(calc(var(--variant) * 12deg));opacity:.5}.fx-radial span{background:var(--accent);width:12px;height:12px;box-shadow:0 0 30px var(--accent);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.mode-orb .fx-radial span{background:radial-gradient(circle at 35% 30%,#fff,var(--accent) 8%,#32183d 42%,#090b0a 72%);width:70px;height:70px;box-shadow:0 0 45px var(--accent)}@supports (color:color-mix(in lab, red, red)){.mode-orb .fx-radial span{box-shadow:0 0 45px color-mix(in srgb,var(--accent) 34%,transparent)}}.mode-arcs .radial-a,.mode-arcs .radial-b,.mode-arcs .radial-c{border-left-color:#0000;border-right-color:#0000}.mode-ripple .fx-radial>i{animation:2.6s ease-out infinite ripple}.fx-route{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fx-route i{width:25px;height:25px;transform:translateY(calc((var(--i) - 6) * (var(--i) - 6) * 1px));border-top:1px solid #394039;border-right:1px solid #394039}.fx-route i:nth-child(-n+8){border-color:var(--accent)}.fx-route span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);animation:3s linear infinite routePacket;position:absolute;top:56%;left:65%}.fx-tunnel{perspective:300px;position:absolute;inset:0}.fx-tunnel i{width:calc(20px + var(--i) * 17px);height:calc(12px + var(--i) * 10px);border:1px solid var(--accent);position:absolute;top:50%;left:50%;translate:-50% -50%}@supports (color:color-mix(in lab, red, red)){.fx-tunnel i{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}}.fx-tunnel i{transform:translateZ(calc(var(--i) * -18px));animation:2.5s linear infinite tunnelMove;animation-delay:calc(var(--i) * -.14s)}.fx-tunnel span{width:16px;height:16px;box-shadow:0 0 25px var(--accent);background:#030403;position:absolute;top:50%;left:50%;translate:-50% -50%}.mode-void .fx-tunnel i{transform:rotate(calc(var(--i) * 13deg));width:calc(25px + var(--i) * 14px);border-radius:50%}.fx-border{border:1px solid var(--accent);box-shadow:0 0 9px var(--accent),inset 0 0 9px var(--accent);position:absolute;inset:22px}@supports (color:color-mix(in lab, red, red)){.fx-border{box-shadow:0 0 9px color-mix(in srgb,var(--accent) 35%,transparent),inset 0 0 9px color-mix(in srgb,var(--accent) 20%,transparent)}}.fx-border{animation:1.8s steps(4,end) infinite borderFault}.fx-border:before,.fx-border:after,.fx-border i:before,.fx-border i:after{content:"";width:18px;height:2px;box-shadow:0 0 8px var(--accent);background:#fff;position:absolute}.fx-border:before{top:-1px;left:12%}.fx-border:after{bottom:-1px;right:18%}.fx-border i:before{top:34%;left:-9px;transform:rotate(90deg)}.fx-border i:after{bottom:27%;right:-9px;transform:rotate(90deg)}.fx-border span{color:var(--accent);letter-spacing:.13em;font-size:7px;position:absolute;top:10px;left:12px}.fx-trails{position:absolute;inset:0}.fx-trails i{left:8%;right:8%;top:calc(18px + var(--i) * 20px);border-top:3px solid var(--accent);height:31px;transform:skewX(calc((var(--i) - 4) * 5deg)) rotate(calc((var(--i) - 4) * 2deg));opacity:calc(.15 + var(--i) * .09);animation:2.8s ease-in-out infinite trailShift;animation-delay:calc(var(--i) * -.13s);border-radius:50%;position:absolute}.mode-liquid .fx-trails i{border-top-width:7px;border-radius:20% 80% 30% 70%}.fx-particles{position:absolute;inset:0}.fx-particles i{left:var(--x);top:var(--y);background:var(--accent);width:3px;height:3px;opacity:calc(.2 + var(--density) * .7);animation:particleDrift 3.3s linear infinite var(--delay);position:absolute}.fx-particles span{border:1px solid var(--accent);color:var(--accent);padding:7px 12px;font-size:7px;position:absolute;top:46%;left:20%}.fx-tiles{grid-template-columns:repeat(8,1fr);gap:3px;display:grid;position:absolute;inset:14px}.fx-tiles i{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.fx-tiles i{background:color-mix(in srgb,var(--accent) 38%,#111)}}.fx-tiles i{animation:tileReveal 3s steps(6) infinite var(--delay);transform-origin:50%}.fx-tiles span{color:var(--accent);border:1px solid var(--accent);white-space:nowrap;background:#080b09;padding:7px 10px;font-size:7px;position:absolute;top:50%;left:50%;translate:-50% -50%}.mode-pixel .fx-tiles i{filter:contrast(2);opacity:calc(.25 + var(--damage))}.fx-transit-spine .fx-lines i:nth-child(4n),.fx-spectral-fabric .fx-lines i:nth-child(3n){height:2px}.fx-district-grid .fx-grid i:nth-child(7n),.fx-window-telemetry .fx-grid i:nth-child(5n){background:var(--accent)}.fx-signal-density .fx-grid{transform:perspective(260px)rotateX(54deg)}.fx-broadcast-field .fx-lines{transform:rotate(-7deg)scale(1.1)}.fx-night-rail .fx-tunnel{transform:scaleX(1.5)}.fx-packet-decay .fx-particles i:nth-child(4n){background:#ff4f9d}.fx-corrupted-hologram .fx-trails{filter:drop-shadow(8px 0 #ff3c91)drop-shadow(-8px 0 #62d9e8)}.fx-damaged-signage .fx-type{transform:skew(-8deg)}.fx-terminal-decode .fx-type{font-family:monospace;font-weight:500}.fx-intercepted-message .fx-type{letter-spacing:.28em}.fx-neon-failure .fx-type{text-shadow:0 0 9px var(--accent);animation:2.2s step-end infinite flicker}.fx-ascii-overload .fx-ascii i{color:#ffb84c}.fx-identity-mask .fx-tiles{filter:grayscale()}.fx-memory-assembly .fx-tiles i{transform:rotate(calc((var(--i) - 12) * .5deg))}.fx-archive-materialize .fx-tiles i:nth-child(3n){border-radius:50%}.fx-frequency-bleed{border-color:#ff3c91}.hf-patrol,.hf-broadcast,.hf-assembly,.hf-fault{position:absolute;inset:0;overflow:hidden}.hf-patrol{justify-content:center;align-items:center;display:flex}.hf-scope{border:1px solid var(--accent);border-radius:50%;width:132px;height:132px;animation:9s linear infinite spin;position:absolute;top:48%;left:50%;translate:-50% -50%}.hf-scope:before,.hf-scope:after{content:"";border:1px dashed var(--accent);border-radius:50%;position:absolute;inset:18px}.hf-scope:after{background:var(--accent);border-style:solid;inset:48px}@supports (color:color-mix(in lab, red, red)){.hf-scope:after{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.hf-scope i{border-color:var(--accent);border-style:solid;width:24px;height:24px;position:absolute}.hf-scope i:first-child{border-width:1px 0 0 1px;top:-6px;left:-6px}.hf-scope i:nth-child(2){border-width:1px 1px 0 0;top:-6px;right:-6px}.hf-scope i:nth-child(3){border-width:0 1px 1px 0;bottom:-6px;right:-6px}.hf-scope i:nth-child(4){border-width:0 0 1px 1px;bottom:-6px;left:-6px}.hf-scope b{background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:11px;height:11px;position:absolute;top:50%;left:50%;translate:-50% -50%}.hf-patrol>strong,.hf-patrol>small{white-space:nowrap;letter-spacing:.12em;position:absolute;left:50%;translate:-50%}.hf-patrol>strong{font-size:7px;bottom:18px}.hf-patrol>small{color:#6d766e;font-size:5px;bottom:7px}.hf-broadcast{border:1px solid var(--accent);grid-template-rows:28px 1fr 34px;display:grid}@supports (color:color-mix(in lab, red, red)){.hf-broadcast{border:1px solid color-mix(in srgb,var(--accent) 70%,#222)}}.hf-broadcast{background:#070a08}.hf-broadcast header,.hf-broadcast footer{letter-spacing:.12em;border-bottom:1px solid #303832;align-items:center;padding:0 9px;font-size:5px;display:flex}.hf-broadcast header b{background:var(--accent);color:#070908;margin-left:auto;padding:4px 6px}.hf-broadcast main{flex-direction:column;justify-content:center;padding:12px;display:flex}.hf-broadcast main small{color:#7d877e;letter-spacing:.18em;font-size:6px}.hf-broadcast main strong{color:var(--accent);letter-spacing:-.035em;font:800 32px/.9 Arial Narrow,sans-serif;animation:3s ease-in-out infinite broadcastShift}.hf-broadcast footer{border:0;border-top:1px solid #303832;gap:12px;overflow:hidden}.hf-broadcast footer span{white-space:nowrap;color:var(--accent)}.hf-broadcast footer i{background:repeating-linear-gradient(90deg,var(--accent) 0 7px,transparent 7px 11px);width:120px;height:2px;animation:2s linear infinite tickerMove}.hf-packet-particles i{left:var(--x);top:var(--y);background:var(--accent);width:3px;height:3px;animation:packetConverge 3.2s ease-in-out infinite var(--delay);position:absolute}.hf-packet{border:1px solid var(--accent);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#080b09;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;animation:3.2s ease-in-out infinite packetLock;display:flex;position:absolute;top:48%;left:50%;translate:-50% -50%}.hf-packet span{font:800 38px/.8 Arial Narrow,sans-serif}.hf-packet strong{text-align:center;letter-spacing:.12em;font-size:7px}.hf-assembly>small{color:#69726a;letter-spacing:.14em;font-size:5px;position:absolute;bottom:10px;left:50%;translate:-50%}.hf-fault{background:repeating-linear-gradient(0deg,transparent 0 6px,var(--accent) 7px 8px)}@supports (color:color-mix(in lab, red, red)){.hf-fault{background:repeating-linear-gradient(0deg,transparent 0 6px,color-mix(in srgb,var(--accent) 7%,transparent) 7px 8px)}}.hf-fault>div{background:linear-gradient(110deg,transparent 42%,var(--accent) 43% 45%,transparent 46%);position:absolute;inset:-30%}@supports (color:color-mix(in lab, red, red)){.hf-fault>div{background:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--accent) 12%,transparent) 43% 45%,transparent 46%)}}.hf-fault>div{animation:2.8s linear infinite faultSweep}.hf-fault strong{white-space:nowrap;letter-spacing:-.04em;font:900 28px/.8 Arial Narrow,sans-serif;position:absolute;top:46%;left:50%;translate:-50% -50%}.hf-fault strong:before,.hf-fault strong:after{content:attr(data-label);opacity:.55;position:absolute;inset:0}.hf-fault strong:before{color:#ff397f;clip-path:inset(0 0 54%);translate:-4px}.hf-fault strong:after{color:#35dcff;clip-path:inset(54% 0 0);translate:4px}.hf-fault span{white-space:nowrap;color:#7d877e;letter-spacing:.16em;font-size:5px;position:absolute;top:59%;left:50%;translate:-50%}.hf-fault>i{background:var(--accent);height:2px;animation:1.4s steps(5,end) infinite tearShift;position:absolute;left:0;right:0}.hf-fault>i:first-of-type{top:34%}.hf-fault>i:nth-of-type(2){animation-direction:reverse;top:67%}.video-stage .hf-scope{transform:rotate(calc(var(--loop-p) * 360deg));animation:none}.video-stage .hf-broadcast main strong{translate:calc(var(--loop-wave) * 10px) 0;animation:none}.video-stage .hf-broadcast footer i{translate:calc(var(--loop-wave) * -22px) 0;animation:none}.video-stage .hf-packet-particles i{left:calc(var(--x) + (50% - var(--x)) * var(--loop-cycle));top:calc(var(--y) + (48% - var(--y)) * var(--loop-cycle));opacity:calc(.2 + var(--loop-cycle) * .8);animation:none}.video-stage .hf-packet{transform:scale(calc(.62 + var(--loop-cycle) * .38));animation:none}.video-stage .hf-fault>div{translate:calc(var(--loop-wave) * 30px) 0;animation:none}.video-stage .hf-fault strong{translate:calc(-50% + var(--loop-wave) * 10px) -50%}.video-stage .hf-fault>i{translate:calc(var(--loop-wave) * 26%) 0;animation:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes asciiHeat{50%{opacity:1;translate:0 -8px}}@keyframes typeWave{50%{color:#fff;translate:0 -13px}}@keyframes lineBreathe{50%{opacity:.9;translate:3%}}@keyframes gridSignal{50%{opacity:.22;transform:scale(.75)}}@keyframes ripple{0%{opacity:0;scale:.3}45%{opacity:1}to{opacity:0;scale:1.25}}@keyframes routePacket{0%{top:62%;left:22%}50%{top:42%;left:52%}to{top:62%;left:78%}}@keyframes tunnelMove{to{opacity:0;scale:1.35}}@keyframes borderFault{50%{filter:brightness(1.7)}}@keyframes trailShift{50%{translate:5% 4px}}@keyframes particleDrift{to{opacity:0;translate:45px -24px}}@keyframes tileReveal{50%{opacity:.12;transform:scale(.65)}}@keyframes broadcastShift{50%{translate:6px}}@keyframes tickerMove{to{translate:-28px}}@keyframes packetConverge{0%,to{opacity:.2;translate:0}50%{opacity:1;top:48%;left:50%}}@keyframes packetLock{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes faultSweep{to{translate:45%}}@keyframes tearShift{50%{translate:18%}}.state-strip,.context-strip{margin-top:17px}.state-strip>div{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.state-strip button{border:1px solid var(--line);cursor:pointer;background:#0a0d0b;height:72px;padding:0;position:relative;overflow:hidden}.state-strip button.active{border-color:#66705f}.state-strip button .generated{transform-origin:50%;position:absolute;top:44%;left:50%;transform:scale(.42)translate(-50%,-50%)}.state-strip button>span{color:#687068;text-transform:uppercase;font-size:6px;position:absolute;bottom:5px;left:7px}.context-strip>div{gap:4px;display:flex}.context-strip button{border:1px solid var(--line);color:#657066;cursor:pointer;background:0 0;flex:1;height:28px;font-size:6px}.context-strip button.active{color:var(--lime);background:#c9ff3d0a;border-color:#53602e}.seed-input input{color:var(--lime);letter-spacing:.11em}.lineage-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.lineage-actions button{border:1px solid var(--line);background:var(--surface);cursor:pointer;height:52px;font-size:8px}.lineage-actions button span{color:var(--lime);margin-right:5px;font-size:14px}.lineage-actions button small{color:#596159;margin-top:5px;font-size:5px;display:block}.lineage-actions .reroll{border-color:#657b2e}.precision-actions{grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;display:grid}.precision-actions button{border:1px solid var(--line);color:#7d857e;cursor:pointer;background:0 0;height:26px;font-size:6px}.precision-actions .more-pix{color:var(--lime);background:#c9ff3d09;border-color:#4c5b2b;grid-column:1/-1}.variant-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;margin-top:4px;display:grid}.variant-actions button{border:1px solid var(--line);color:#7d857e;cursor:pointer;background:0 0;height:26px;font-size:6px}.variant-actions span{color:var(--lime);padding:0 4px;font-size:6px}.recipe-section pre{color:#7f8980;white-space:pre-wrap;background:#070908;border:1px solid #1f2420;max-height:188px;margin:0;padding:12px;font-size:6px;line-height:1.55;overflow:auto}.export-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.export-grid button{border:1px solid var(--line);background:var(--surface);cursor:pointer;height:46px;font-size:8px}.export-grid button:hover{border-color:var(--lime);color:var(--lime)}.export-grid small{color:#555d56;margin-top:4px;font-size:5px;display:block}.export-grid .video-export-button{color:var(--lime);background:#c9ff3d09;border-color:#596d2c;grid-column:1/-1}.export-section p{color:#555d56;margin:10px 0 0;font-size:6px;line-height:1.6}.video-loop-console{background:#080b09;border:1px solid #344034;margin-top:12px}.loop-console-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 13px;display:flex}.loop-console-head>div{flex-direction:column;gap:5px;display:flex}.loop-console-head strong{letter-spacing:.12em;color:#c9d0ca;font-size:12px}.hf-ready{color:#788179;letter-spacing:.14em;align-items:center;gap:7px;font-size:6px;display:flex}.hf-ready i{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #c9ff3d8c}.loop-collections{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.loop-collections button{border:0;border-right:1px solid var(--line);color:#788079;letter-spacing:.08em;cursor:pointer;background:#0b0e0c;height:48px;font-size:6px}.loop-collections button:last-child{border:0}.loop-collections button span{color:#4f5851;margin-bottom:5px;display:block}.loop-collections button.active{color:var(--lime);box-shadow:inset 0 -2px var(--lime);background:#c9ff3d0e}.loop-transport{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;height:50px;display:grid}.transport-play{border:0;border-right:1px solid var(--line);color:var(--lime);cursor:pointer;background:0 0}.loop-transport label{color:#697269;grid-template-columns:38px 1fr 38px;align-items:center;gap:9px;padding:0 12px;font-size:6px;display:grid}.loop-transport input{width:100%;accent-color:var(--lime)}.loop-transport output{text-align:right}.loop-settings{background:var(--line);grid-template-columns:1fr 1fr 1fr 1.4fr;gap:1px;display:grid}.loop-settings>label,.render-package{color:#69726a;background:#0a0d0b;border:0;min-height:62px;padding:9px 11px;font-size:6px}.loop-settings label{flex-direction:column;gap:7px;display:flex}.loop-settings select,.alpha-toggle button{color:#c9d0ca;background:#070908;border:1px solid #303a32;height:28px;padding:0 8px;font-size:7px}.alpha-toggle button.active{color:var(--lime);border-color:#5d712d}.render-package{color:var(--lime);text-align:left;cursor:pointer;border-left:1px solid #4f612a;font-size:8px}.render-package span{float:right}.render-package small{color:#626b63;letter-spacing:.1em;margin-top:8px;font-size:5px;display:block}.statusbar{border-top:1px solid var(--line);color:#59615a;letter-spacing:.1em;background:#090b0a;justify-content:space-between;align-items:center;height:25px;padding:0 16px;font-size:6px;display:flex}@media (max-width:1100px){.landing-grid{grid-template-columns:48% 1fr}.landing-stats{grid-template-columns:repeat(4,1fr)}.landing-stats p{display:none}.workspace{grid-template-columns:260px minmax(460px,1fr)}.lineage-rail{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);max-height:none;display:grid}.top-status{display:none}.topbar{grid-template-columns:300px 1fr}.top-actions{justify-self:end}}@media (max-width:760px){.landing-nav{height:60px;padding:0 18px}.landing-nav>div:last-child span:not(.landing-online){display:none}.landing-grid{min-height:auto;padding:58px 18px 36px;display:block}.landing-copy h1{font-size:58px}.landing-copy p{margin:30px 0 24px}.landing-actions{flex-wrap:wrap}.landing-visual{height:390px;margin:54px 0 0}.landing-effect.effect-0{transform:translate(-50%,-50%)scale(.68)}.landing-effect.effect-1{transform:translate(-82%,-95%)scale(.32)}.landing-effect.effect-2{transform:translate(-8%,2%)scale(.34)}.landing-stats{grid-template-columns:repeat(2,1fr);padding:0 18px}.landing-stats>div{border-bottom:1px solid var(--line);min-height:74px}.landing-stats>div:first-child{border-left:0;padding-left:0}.topbar{grid-template-columns:1fr;height:auto}.brand{border-right:0;height:62px}.top-actions button{flex:1;height:42px}.top-actions{width:100%}.workspace{display:block}.control-rail,.lineage-rail{border:0;max-height:none}.control-rail{grid-template-columns:1fr 1fr;display:grid}.preview-zone{padding:18px 12px}.lineage-rail{display:block}.stage{min-height:300px}.generated-panel,.generated-slider,.generated-meter{width:310px}.loop-collections,.loop-settings{grid-template-columns:1fr 1fr}.render-package{grid-column:1/-1}.video-loop-console{margin-bottom:18px}.statusbar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}