/*! * Cycnum Lab - foundations. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. *//*! * Cycnum Lab - design tokens. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. * * The LAB_RULES token contract, verbatim. Nothing in this project may use a * colour that is not defined here: a hex value written into a component * stylesheet is how a design system stops being one. * * The upstream file pulls Noto Sans from Google Fonts. This tool runs against a * keyboard on a customer's desk and has to open with no network at all, so the * two faces are bundled and declared below instead. Same family names, same * weights - only the delivery changes. */@font-face{font-family:Noto Sans;src:url(./NotoSans-Variable-CYoOFcCZ.ttf) format("truetype-variations");font-weight:100 900;font-display:block}@font-face{font-family:Noto Sans Hebrew;src:url(./NotoSansHebrew-Variable-C6thlnQf.ttf) format("truetype-variations");font-weight:100 900;font-display:block}:root{--lab-canvas: #0D0D0D;--lab-sidebar: #141414;--lab-surface: #171717;--lab-raised: #1F1F1F;--lab-overlay: #232323;--lab-black: #000000;--lab-text-1: #FFFFFF;--lab-text-2: #A3A3A3;--lab-text-3: #6E6E6E;--lab-ink: #141414;--lab-border-subtle: #232323;--lab-border-default: #2E2E2E;--lab-border-strong: #454545;--lab-hairline: rgba(255, 255, 255, .09);--lab-hairline-strong: rgba(255, 255, 255, .16);--lab-orange: #EA7300;--lab-orange-hover: #FF8A1F;--lab-orange-pressed: #C96300;--lab-orange-tint: rgba(234, 115, 0, .14);--lab-cta: linear-gradient(180deg, #FFA13F 0%, #F07C00 48%, #D96500 100%);--lab-cta-hover: linear-gradient(180deg, #FFB25C 0%, #FF8A14 48%, #E86D00 100%);--lab-cta-pressed: linear-gradient(180deg, #E06C00 0%, #C96300 55%, #D06800 100%);--lab-silver: linear-gradient(180deg, #F4F4F4 0%, #CDCDCD 55%, #E0E0E0 100%);--lab-positive: #3DD68C;--lab-danger: #E5484D;--lab-info: #5B9CFF;--lab-glass-fill: rgba(20, 20, 20, .58);--lab-glass-fill-chrome: rgba(13, 13, 13, .72);--lab-glass-blur: 24px;--lab-glass-blur-chrome: 16px;--lab-glass-rim: inset 0 1px 0 rgba(255, 255, 255, .12);--lab-glass-drop: 0 24px 64px rgba(0, 0, 0, .55);--lab-scrim: rgba(0, 0, 0, .6);--lab-r-pill: 999px;--lab-r-modal: 24px;--lab-r-card: 14px;--lab-r-input: 12px;--lab-r-key: 8px;--lab-r-thumb: 6px;--lab-s1: 4px;--lab-s2: 8px;--lab-s3: 12px;--lab-s4: 16px;--lab-s6: 24px;--lab-s8: 32px;--lab-s12: 48px;--lab-s16: 64px;--lab-ease: cubic-bezier(.4, 0, .2, 1);--lab-fast: .12s;--lab-base: .18s;--lab-overlay-in: .22s;--lab-font: "Noto Sans", "Noto Sans Hebrew", sans-serif;--lab-rail: 232px;--lab-topbar: 64px;--lab-content-max: 1120px;--lab-gutter: 28px;--lab-side: 216px;--lab-board-span: 1010px;--lab-drag-actuation: #5B9CFF;--lab-drag-rt-press: #3DD68C;--lab-drag-rt-release: #B14DFF;--lab-drag-dead-press: #FF2E88;--lab-drag-dead-release: #FFC400;--lab-chip-press: #FF84E6;--lab-chip-release: #2BFF99;--lab-chip-actuation: #A3FFFA;--lab-chip-dead-press: #CBA3FF;--lab-chip-dead-release: #FFE97A;--lab-reco: #24B36B;--lab-cap-dks: #5B9CFF;--lab-cap-mpt: #00C8FF;--lab-cap-mt: #FFC400;--lab-cap-tgl: #B14DFF;--lab-cap-end: #FF2E88;--lab-cap-socd: #3DD68C;--lab-cap-macro: #EA7300;--lab-cap-spam: #FF4D00}*{box-sizing:border-box}html,body,#root{block-size:100%;margin:0}body{background:var(--lab-canvas);color:var(--lab-text-1);font-family:var(--lab-font);font-size:14px;line-height:1.6;text-align:start;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:32px;font-weight:700;letter-spacing:-.015em}h2{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.005em}h3{font-size:14px;line-height:22px;font-weight:600}i,em{font-style:normal}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--lab-orange);color:var(--lab-ink)}:focus-visible{outline:2px solid rgba(234,115,0,.4);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--lab-border-strong) transparent}*::-webkit-scrollbar{inline-size:10px;block-size:10px}*::-webkit-scrollbar-thumb{background:var(--lab-border-strong);border-radius:var(--lab-r-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.ltr{direction:ltr;unicode-bidi:isolate}.lab-num,.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.lab-secondary{font-size:13px;line-height:20px;color:var(--lab-text-2)}.lab-caption{font-size:12px;line-height:16px;color:var(--lab-text-3)}.lab-micro{font-size:11px;line-height:14px;font-weight:600;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}/*! * CYC Velocity Configurator - application shell. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.shell{display:grid;grid-template-columns:var(--lab-side) 1fr;grid-template-areas:"side main";block-size:100%;background:var(--lab-canvas)}@font-face{font-family:TelAvivBrutalist;src:url(./TelAviv-BrutalistBold-C1-3B0Ms.ttf) format("truetype");font-weight:700;font-display:block}.side{grid-area:side;display:flex;flex-direction:column;background:var(--lab-sidebar);border-inline-end:1px solid var(--lab-border-subtle);padding:var(--lab-s6) var(--lab-s4);overflow-y:auto;position:relative;z-index:20}.side__brand{display:flex;align-items:baseline;font-family:"TelAvivBrutalist",var(--lab-font);font-weight:700;letter-spacing:.04em;direction:ltr;justify-content:space-between;padding:var(--lab-s1) 0 var(--lab-s3);user-select:none;-webkit-user-select:none}.side__brandCyc{font-size:22px;color:var(--lab-text-1)}.side__brandLab{font-size:22px;color:var(--lab-orange)}.side__device{display:flex;flex-direction:column;gap:2px;padding:0 var(--lab-s2) var(--lab-s2)}.side__deviceName{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.side__deviceState{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;color:var(--lab-text-2)}.side__dot{inline-size:7px;block-size:7px;border-radius:50%;flex:none;background:var(--lab-positive)}.side__dot--off{background:var(--lab-text-3)}.side__model{position:relative;display:block;inline-size:100%;aspect-ratio:40 / 17;margin-block-end:var(--lab-s3);padding:0;border:1px solid transparent;border-radius:var(--lab-r-card);background:transparent;cursor:pointer;transition:border-color var(--lab-fast) var(--lab-ease),transform var(--lab-base) var(--lab-ease);overflow:hidden}.side__model:hover{border-color:var(--lab-hairline-strong);transform:scale(1.03)}.side__model img{inline-size:100%;block-size:100%;object-fit:contain;display:block}.side__modelSkeleton{position:absolute;inset:12% 18%;border-radius:var(--lab-r-card);background:radial-gradient(60% 55% at 50% 45%,rgba(255,255,255,.05),transparent 72%)}.side__modelZoom{position:absolute;inset-block-end:var(--lab-s2);inset-inline-end:var(--lab-s2);display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;background:var(--lab-glass-fill);border:1px solid var(--lab-hairline);backdrop-filter:blur(var(--lab-glass-blur));-webkit-backdrop-filter:blur(var(--lab-glass-blur));color:var(--lab-text-1);opacity:0;transition:opacity var(--lab-fast) var(--lab-ease)}.side__model:hover .side__modelZoom{opacity:1}.side__nav{display:flex;flex-direction:column;gap:6px}.dock{position:fixed;inset-block-start:var(--lab-s4);inset-inline-end:var(--lab-s6);display:flex;align-items:center;gap:var(--lab-s2);z-index:40}.dock__pill{display:inline-flex;align-items:center;gap:var(--lab-s2);block-size:44px;padding:0 14px 0 8px;border-radius:var(--lab-r-pill);background:transparent;border:1px solid transparent;color:var(--lab-text-1);cursor:pointer;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:background var(--lab-fast) var(--lab-ease),border-color var(--lab-fast) var(--lab-ease)}.dock__pill:hover{background:#ffffff0f;border-color:var(--lab-hairline)}.dock__avatar{inline-size:30px;block-size:30px;border-radius:50%;flex:none;box-shadow:inset 0 1px #ffffff4d}.dock__avatar--s{inline-size:24px;block-size:24px}.dock__name{max-inline-size:160px;overflow:hidden;text-overflow:ellipsis}.dock__pill svg{color:var(--lab-text-2)}.profilemenu{inset-block-start:calc(100% + 8px);inset-inline-end:0;min-inline-size:320px;padding:var(--lab-s2)}.profilemenu__head{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--lab-text-3);padding:var(--lab-s1) var(--lab-s3) var(--lab-s2)}.profilemenu__note{padding:var(--lab-s2) var(--lab-s3) var(--lab-s1)}.profilerow{border-radius:var(--lab-r-thumb)}.profilerow--live{background:#ffffff0a}.profilerow__pick{display:flex;align-items:center;gap:var(--lab-s3);inline-size:100%;padding:9px 12px;border:0;background:transparent;color:var(--lab-text-1);border-radius:var(--lab-r-thumb);cursor:pointer;text-align:start;font-size:14px}.profilerow__pick:hover:not(:disabled){background:#ffffff12}.profilerow__pick:disabled{opacity:.5;cursor:not-allowed}.profilerow__mark{inline-size:24px;block-size:24px;border-radius:50%;flex:none;box-shadow:inset 0 1px #ffffff59}.profilerow__name{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.profilerow__pick svg{color:var(--lab-orange);flex:none}.profilerow__edit{display:flex;flex-direction:column;gap:var(--lab-s2);padding:0 12px var(--lab-s3)}.profilerow__marks{display:grid;grid-template-columns:repeat(6,22px);gap:6px;justify-content:center}.markdot{inline-size:22px;block-size:22px;border-radius:50%;cursor:pointer;padding:0;border:0;box-shadow:0 0 0 1px var(--lab-hairline);transition:box-shadow var(--lab-fast) var(--lab-ease)}.markdot[aria-checked=true]{box-shadow:0 0 0 2px var(--lab-text-1)}.rail__item{position:relative;display:flex;align-items:center;gap:var(--lab-s3);padding:11px var(--lab-s4);border-radius:var(--lab-r-pill);color:var(--lab-text-2);cursor:pointer;border:0;background:transparent;font-size:13px;font-weight:500;text-align:start;inline-size:100%;white-space:nowrap;transition:color var(--lab-fast) var(--lab-ease)}.rail__item:hover:not(:disabled){color:var(--lab-text-1)}.rail__item[aria-current=true]{background:linear-gradient(180deg,#ffffff16,#ffffff08 62%,#ffffff0b);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff24,inset 0 -2px 6px #00000047,0 6px 16px #00000073;color:var(--lab-text-1);font-weight:600}.rail__item[aria-current=true]:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(180deg,#ffffff47,#ffffff1a 42%,#ffffff05 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}@supports not (backdrop-filter: blur(1px)){.rail__item[aria-current=true]{background:#ffffff14}}.rail__item:disabled{opacity:.4;cursor:default}html[data-still="1"] .side__model:hover{transform:none}@media(prefers-reduced-motion:reduce){.side__model:hover{transform:none}}.rail__icon{flex:none;display:flex}.rail__foot{margin-block-start:auto;padding:var(--lab-s4) var(--lab-s3) 0}.main{grid-area:main;min-inline-size:0;overflow-y:auto;scrollbar-gutter:stable;padding:calc(var(--lab-s12) + 4px) var(--lab-gutter) var(--lab-s6)}.main__inner{max-inline-size:var(--lab-content-max);margin-inline:auto}.main--waiting{display:grid;place-items:center;padding-block-start:var(--lab-s6)}.loading{display:flex;flex-direction:column;align-items:center;gap:var(--lab-s4);inline-size:100%}.loading__stage{position:relative;inline-size:min(760px,82%);aspect-ratio:16 / 10}.loading__poster{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;pointer-events:none;transition:opacity .3s var(--lab-ease) .3s}.loading__poster--off{opacity:0}.loading__stage--postered .board3d__skeleton{display:none}.loading__text{text-align:center}.loading__text h2{font-size:17px}.loading__text p{margin-block-start:var(--lab-s2)}.teardown{position:fixed;inset:0;z-index:80;background:var(--lab-canvas)}.teardown__stage{position:absolute;inset:0}.teardown__slider{position:absolute;inset-block-end:var(--lab-s8);inset-inline:0;margin-inline:auto;inline-size:min(460px,56vw);display:flex;flex-direction:column;align-items:center;gap:var(--lab-s2)}.teardown__slider .lab-slider{inline-size:100%;flex:none}.teardown__sliderLabel{font-size:12px;font-weight:600;color:var(--lab-text-2);white-space:nowrap}.teardown__exit{position:absolute;inset-block-end:var(--lab-s6);inset-inline-start:var(--lab-s6)}.stack,.block{display:flex;flex-direction:column;gap:var(--lab-s4)}.block__head{display:flex;align-items:baseline;gap:var(--lab-s3);flex-wrap:wrap}.block__head h2{flex:none}.block__note{color:var(--lab-text-2);font-size:13px;line-height:20px}.block__sel{font-size:12px;font-weight:500;color:var(--lab-text-3)}.row{display:flex;align-items:center;gap:var(--lab-s4);flex-wrap:wrap}.row--tight{gap:var(--lab-s2)}.row--spread{justify-content:space-between}.notice{display:flex;align-items:flex-start;gap:var(--lab-s3);padding:var(--lab-s3) var(--lab-s4);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);background:var(--lab-surface);font-size:13px;line-height:20px;color:var(--lab-text-2)}.notice>svg{flex:none;margin-block-start:2px;color:var(--lab-text-3)}.notice strong{color:var(--lab-text-1);font-weight:600}.notice--danger{background:#e5484d12;border-color:#e5484d57;color:var(--lab-text-1)}.notice--danger>svg{color:var(--lab-danger)}.notice--live{background:var(--lab-orange-tint);border-color:#ea730073;color:var(--lab-text-1);align-items:center}.notice--live>svg{color:var(--lab-orange-hover);margin-block-start:0}.notice--live .lab-btn,.notice__act{margin-inline-start:auto;flex:none}.gate{display:grid;place-items:center;block-size:100%;padding:var(--lab-s6);text-align:center}.gate__card{inline-size:460px;max-inline-size:100%}.gate__body{color:var(--lab-text-2);font-size:14px;line-height:22px;margin-block-start:var(--lab-s3)}.gate__cta{margin-block-start:var(--lab-s6)}.seed{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:var(--lab-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@supports not (backdrop-filter: blur(1px)){.seed{background:#000000eb}}.seed__card{inline-size:420px;max-inline-size:92vw;text-align:center}.seed__bar{block-size:6px;border-radius:var(--lab-r-pill);overflow:hidden;background:var(--lab-raised);margin-block:var(--lab-s6) var(--lab-s2)}.seed__bar i{display:block;block-size:100%;background:var(--lab-orange);transition:inline-size .2s linear}.seedoffer{display:flex;align-items:center;gap:var(--lab-s4);flex-wrap:wrap;margin-block-end:var(--lab-s6);padding:var(--lab-s3) var(--lab-s4);background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);font-size:13px;line-height:20px;color:var(--lab-text-2)}.seedoffer .lab-btn{margin-inline-start:auto}.shell--resuming .side__nav,.shell--resuming .dock{pointer-events:none;opacity:.55}.main__inner>.stack>*:not(.board-stage--3d){animation:shell-screen-in var(--lab-overlay-in) var(--lab-ease)}@keyframes shell-screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html[data-still="1"] .main__inner>.stack>*{animation:none}@media(prefers-reduced-motion:reduce){.main__inner>.stack>*{animation:none}}/*! * Cycnum Lab - base components. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. * * Written rather than imported from a component library on purpose. Most of * the text bugs logged against the vendor's tool are the library's, not the * vendor's: a slider that ignores direction, a dialog that aligns left, a * select whose label collides with its arrow. A foreign kit is also what makes * one screen feel unlike the rest. * * Every value here comes from tokens.css. There is no hex in this file that is * not a token, and no size that is not on the scale in LAB_RULES §1 and §9. */.lab-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--lab-s2);block-size:40px;padding:0 22px;min-inline-size:88px;border-radius:var(--lab-r-pill);border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;flex:none;cursor:pointer;transition:background var(--lab-fast) var(--lab-ease),box-shadow var(--lab-fast) var(--lab-ease),border-color var(--lab-fast) var(--lab-ease),color var(--lab-fast) var(--lab-ease),transform var(--lab-fast) var(--lab-ease)}.lab-btn--s{block-size:32px;padding:0 16px;min-inline-size:72px;font-size:13px}.lab-btn--l{block-size:48px;padding:0 28px;min-inline-size:104px;font-size:15px}.lab-btn--hero{block-size:56px;padding:0 36px;min-inline-size:128px;font-size:16px;font-weight:700}.lab-btn--icon{inline-size:40px;block-size:40px;min-inline-size:0;padding:0;border-radius:50%}.lab-btn--icon.lab-btn--s{inline-size:32px;block-size:32px}.lab-btn:active:not(:disabled){transform:scale(.97)}.lab-btn--primary{background:var(--lab-cta);color:var(--lab-ink);border-color:#00000061;box-shadow:inset 0 1px #ffffff8c,inset 0 10px 14px -8px #ffffff6b,inset 0 -4px 10px #54240073,0 1px 2px #0009,0 10px 28px #ea730047}.lab-btn--primary:hover:not(:disabled){background:var(--lab-cta-hover);box-shadow:inset 0 1px #fff9,inset 0 10px 14px -8px #ffffff80,inset 0 -4px 10px #54240066,0 1px 2px #0009,0 12px 34px #ea73006b}.lab-btn--primary:active:not(:disabled){background:var(--lab-cta-pressed);box-shadow:inset 0 2px 6px #3c190080,0 1px 2px #00000080}.lab-btn--silver{background:var(--lab-silver);color:var(--lab-ink);border-color:#00000073;box-shadow:inset 0 1px #fffffff2,inset 0 -3px 8px #00000038,0 6px 18px #00000073}.lab-btn--silver:hover:not(:disabled){background:linear-gradient(180deg,#fff,#dbdbdb 55%,#ececec)}.lab-btn--glass{background:#ffffff0f;color:var(--lab-text-1);border-color:var(--lab-hairline-strong);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff24,inset 0 -2px 6px #00000059}.lab-btn--glass:hover:not(:disabled){background:#ffffff1a}.lab-btn--ghost{background:transparent;color:var(--lab-text-2)}.lab-btn--ghost:hover:not(:disabled){background:#ffffff0d;color:var(--lab-text-1)}.lab-btn--danger{background:transparent;color:var(--lab-danger);border-color:#e5484d80}.lab-btn--danger:hover:not(:disabled){background:#e5484d14}.lab-btn--dangerFill{background:var(--lab-danger);color:var(--lab-text-1);border-color:#00000059;box-shadow:inset 0 1px #ffffff47,0 1px 2px #0009}.lab-btn--glow{position:relative;overflow:hidden;padding-inline:30px 66px}.lab-btn--glow .lab-btn__label{position:relative;z-index:2}.lab-btn__bloom{position:absolute;inset:3px;border-radius:var(--lab-r-pill);background:radial-gradient(circle at 50% 50%,#ffffffe6,#ffd8aa00 68%);opacity:0;z-index:1;pointer-events:none;transition:opacity var(--lab-overlay-in) var(--lab-ease)}.lab-btn--glow:hover:not(:disabled) .lab-btn__bloom{opacity:.85}.lab-btn__disc{position:absolute;inset-inline-end:5px;inset-block:5px;inline-size:46px;border-radius:var(--lab-r-pill);display:grid;place-items:center;z-index:2;background:linear-gradient(180deg,#ffb25c,#d96500);color:var(--lab-ink);box-shadow:inset 0 1px #fff9,0 2px 8px #00000073;transition:inset-inline-end var(--lab-overlay-in) var(--lab-ease)}.lab-btn--glow:hover:not(:disabled) .lab-btn__disc{inset-inline-end:calc(100% - 51px)}.lab-btn--glow:hover:not(:disabled){box-shadow:inset 0 1px #fff9,inset 0 10px 14px -8px #ffffff80,inset 0 -4px 10px #54240059,0 1px 2px #0009,0 14px 46px #ea730099}.lab-btn:disabled{background:#262626;color:#6d6d6d;border-color:var(--lab-hairline);box-shadow:none;cursor:not-allowed}.lab-glass{background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);border-radius:var(--lab-r-modal);box-shadow:var(--lab-glass-rim),var(--lab-glass-drop)}.lab-glass--chrome{background:var(--lab-glass-fill-chrome);backdrop-filter:blur(var(--lab-glass-blur-chrome));-webkit-backdrop-filter:blur(var(--lab-glass-blur-chrome));border:0;border-block-end:1px solid var(--lab-hairline);border-radius:0;box-shadow:none}.lab-scrim{position:fixed;inset:0;background:var(--lab-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@supports not (backdrop-filter: blur(1px)){.lab-glass{background:#141414eb}.lab-glass--chrome{background:#0d0d0df5}}.lab-card{background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);padding:var(--lab-s4);transition:border-color var(--lab-fast) var(--lab-ease)}.lab-card--pad{padding:var(--lab-s6)}.lab-card--hover:hover{border-color:var(--lab-border-strong)}.lab-card--active{border-color:var(--lab-orange)}.lab-rows{display:flex;flex-direction:column}.lab-row{display:flex;align-items:center;gap:var(--lab-s3);padding:var(--lab-s3) var(--lab-s4);border-block-end:1px solid var(--lab-border-subtle);transition:background var(--lab-fast) var(--lab-ease)}.lab-row:last-child{border-block-end:0}.lab-row--pick{cursor:pointer;text-align:start;inline-size:100%;border-inline:0;background:transparent}.lab-row--pick:hover,.lab-row[aria-current=true]{background:var(--lab-raised)}.lab-chip{display:inline-flex;align-items:center;gap:6px;block-size:30px;padding:0 14px;min-inline-size:0;border-radius:var(--lab-r-pill);background:#ffffff0d;border:1px solid var(--lab-border-default);color:var(--lab-text-2);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;flex:none;transition:background var(--lab-fast) var(--lab-ease),border-color var(--lab-fast) var(--lab-ease),color var(--lab-fast) var(--lab-ease)}.lab-chip:hover:not(:disabled):not([aria-pressed=true]):not([aria-current=true]){border-color:var(--lab-border-strong);color:var(--lab-text-1)}.lab-chip[aria-pressed=true],.lab-chip[aria-current=true],.lab-chip--selected{background:var(--lab-text-1);border-color:var(--lab-text-1);color:var(--lab-ink);font-weight:600}.lab-chip--status{background:var(--lab-orange-tint);border-color:#ea730073;color:var(--lab-orange-hover);cursor:default}.lab-chip:disabled{opacity:.4;cursor:not-allowed}.lab-seg{display:inline-flex;gap:2px;padding:4px;background:var(--lab-black);border-radius:var(--lab-r-pill);border:1px solid var(--lab-border-subtle)}.lab-seg__item{block-size:32px;padding:0 16px;min-inline-size:72px;border:0;background:transparent;color:var(--lab-text-2);border-radius:var(--lab-r-pill);cursor:pointer;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:background var(--lab-fast) var(--lab-ease),color var(--lab-fast) var(--lab-ease)}.lab-seg__item:hover{color:var(--lab-text-1)}.lab-seg__item[aria-selected=true]{background:var(--lab-text-1);color:var(--lab-ink)}.lab-tabs{display:flex;flex-wrap:wrap;gap:var(--lab-s2);border-block-end:1px solid var(--lab-border-subtle);inline-size:100%;min-inline-size:0}.lab-tabs__tab{position:relative;padding:10px var(--lab-s4) 12px;border:0;background:transparent;color:var(--lab-text-2);cursor:pointer;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;transition:color var(--lab-fast) var(--lab-ease)}.lab-tabs__tab:hover{color:var(--lab-text-1)}.lab-tabs__tab[aria-selected=true]{color:var(--lab-text-1);font-weight:600}.lab-tabs__tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:var(--lab-s2);inset-block-end:-1px;block-size:2px;border-radius:2px;background:var(--lab-orange)}.lab-input{block-size:48px;padding:0 15px;inline-size:100%;background:#111;border:1px solid var(--lab-border-default);border-radius:var(--lab-r-input);color:var(--lab-text-1);font-family:inherit;font-size:14px;transition:border-color var(--lab-fast) var(--lab-ease),box-shadow var(--lab-fast) var(--lab-ease)}.lab-input::placeholder{color:var(--lab-text-3)}.lab-input:hover:not(:disabled){border-color:var(--lab-border-strong)}.lab-input:focus{border-color:var(--lab-orange);box-shadow:0 0 0 3px var(--lab-orange-tint);outline:none}.lab-input:disabled{opacity:.4}.lab-input--s{block-size:40px;font-size:13px}.lab-search{position:relative;display:flex;align-items:center;flex:1;min-inline-size:180px}.lab-search>svg{position:absolute;inset-inline-start:14px;color:var(--lab-text-3);pointer-events:none}.lab-search .lab-input{border-radius:var(--lab-r-pill);padding-inline-start:40px}.lab-toggle{inline-size:44px;block-size:26px;border-radius:var(--lab-r-pill);background:#333;border:1px solid var(--lab-hairline);position:relative;flex:none;cursor:pointer;padding:0;transition:background var(--lab-base) var(--lab-ease),border-color var(--lab-base) var(--lab-ease)}.lab-toggle:after{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:20px;block-size:20px;border-radius:50%;background:#cfcfcf;transition:transform var(--lab-base) var(--lab-ease),background var(--lab-base) var(--lab-ease)}.lab-toggle[aria-checked=true]{background:var(--lab-orange);border-color:#ffffff26}.lab-toggle[aria-checked=true]:after{transform:translate(18px);background:var(--lab-ink)}[dir=rtl] .lab-toggle[aria-checked=true]:after{transform:translate(-18px)}.lab-toggle:disabled{opacity:.4;cursor:not-allowed}.lab-switch{display:inline-flex;align-items:center;gap:var(--lab-s3);cursor:pointer;user-select:none;font-size:14px}.lab-switch--off{cursor:not-allowed;opacity:.5}.lab-slider{display:flex;align-items:center;gap:var(--lab-s4);flex:1 1 200px;min-inline-size:160px;user-select:none;-webkit-user-select:none}.lab-vslider{user-select:none;-webkit-user-select:none}.lab-slider__rail{touch-action:none}.lab-slider__rail{position:relative;flex:1;block-size:6px;background:var(--lab-raised);border-radius:var(--lab-r-pill);cursor:pointer}.lab-slider__fill{position:absolute;inset-block:0;inset-inline-start:0;background:var(--lab-orange);border-radius:var(--lab-r-pill);pointer-events:none}.lab-slider__ticks{position:absolute;inset-inline:0;inset-block-start:11px;block-size:4px;pointer-events:none}.lab-slider__tick{position:absolute;inset-block-start:0;inline-size:2px;block-size:4px;border-radius:1px;background:var(--lab-border-strong);transform:translate(-50%)}[dir=rtl] .lab-slider__tick{transform:translate(50%)}.lab-slider__tick--on{background:var(--lab-orange)}.lab-slider__knob{position:absolute;inset-block-start:50%;inline-size:20px;block-size:20px;border-radius:var(--lab-r-pill);background:var(--lab-text-1);box-shadow:0 1px 2px #0009,0 4px 10px #00000073;transform:translate(50%,-50%);pointer-events:none;transition:inline-size var(--lab-fast) var(--lab-ease);display:flex;align-items:center;justify-content:center}[dir=ltr] .lab-slider__knob{transform:translate(-50%,-50%)}.lab-slider__rail:active .lab-slider__knob{inline-size:28px}.lab-slider__bubble{position:absolute;inset-block-end:calc(100% + 8px);padding:5px 11px;border-radius:var(--lab-r-pill);background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);box-shadow:var(--lab-glass-rim),0 8px 20px #00000080;color:var(--lab-text-1);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--lab-fast) var(--lab-ease)}.lab-slider__rail:hover .lab-slider__bubble,.lab-slider__rail:active .lab-slider__bubble,.lab-vslider__rail:hover .lab-slider__bubble,.lab-vslider__rail:active .lab-slider__bubble{opacity:1}.lab-slider__hitzone{position:absolute;inset:-20px -16px -26px;touch-action:none}.lab-slider__hitzone--v{inset:-16px -2px}.lab-slider input[type=range]{position:absolute;inset-block-start:-20px;inset-inline:0;inline-size:100%;block-size:46px;opacity:0;pointer-events:none;margin:0}.lab-slider__knob{z-index:1}.lab-slider--off{opacity:.4}.lab-slider--off .lab-slider__fill,.lab-slider--off .lab-vslider__fill{background:var(--lab-border-strong)}.lab-slider--off .lab-slider__knob,.lab-slider--off .lab-vslider__knob{background:var(--lab-text-3)}.lab-slider--off .lab-slider__tick--on{background:var(--lab-border-strong)}.lab-slider--off .lab-pill{background:var(--lab-raised);color:var(--lab-text-2)}.lab-pill{display:inline-flex;direction:ltr;align-items:baseline;gap:4px;padding:3px 10px;border:0;cursor:text;background:var(--lab-orange);color:var(--lab-ink);border-radius:var(--lab-r-pill);font-size:12px;font-weight:700;line-height:16px;font-family:inherit;white-space:nowrap;box-shadow:0 1px 3px #00000080;transition:background var(--lab-fast) var(--lab-ease),color var(--lab-fast) var(--lab-ease)}.lab-pill:not(:disabled):hover,.lab-pill--edit{background:var(--lab-black);color:var(--lab-orange-hover)}.lab-pill:disabled{cursor:default}.lab-pill__unit{font-size:10px;font-weight:600}.lab-pill--edit input{inline-size:46px;border:0;background:transparent;color:inherit;font:inherit;text-align:center;padding:0;outline:none;font-variant-numeric:tabular-nums}.lab-pill--edit input::selection{background:var(--lab-orange);color:var(--lab-ink)}.lab-slider--pill{padding-block-end:30px}.lab-slider__knob .lab-pill{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);pointer-events:auto}.lab-slider--off .lab-slider__rail,.lab-slider--off input{cursor:not-allowed}.lab-vslider{display:flex;align-items:center;gap:var(--lab-s4);block-size:210px;flex:none}.lab-vslider__rail{position:relative;inline-size:8px;block-size:100%;background:var(--lab-black);border:1px solid var(--lab-border-default);border-radius:var(--lab-r-pill);cursor:pointer}.lab-vslider__fill{position:absolute;inset-inline:0;inset-block-start:0;background:var(--lab-orange);border-radius:var(--lab-r-pill);pointer-events:none}.lab-vslider__knob{position:absolute;left:50%;inline-size:20px;block-size:20px;border-radius:var(--lab-r-pill);background:var(--lab-text-1);box-shadow:0 1px 2px #0009,0 4px 10px #00000073;transform:translate(-50%,-50%);pointer-events:none;transition:block-size var(--lab-fast) var(--lab-ease);display:flex;align-items:center;justify-content:center}.lab-vslider__hit:active .lab-vslider__knob{block-size:28px}.lab-vslider__knob .lab-slider__bubble{inset-block-end:auto;inset-inline-start:calc(100% + 10px)}.lab-vslider__ticks{position:absolute;inset-block:0;inset-inline-start:13px;inline-size:7px;pointer-events:none}.lab-vslider__tick{position:absolute;inset-inline-start:0;block-size:2px;inline-size:7px;border-radius:1px;background:var(--lab-border-strong);transform:translateY(-50%)}.lab-vslider__scale{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;font-size:11px;line-height:1;color:var(--lab-text-2);padding-inline-start:var(--lab-s2)}.lab-vslider__hit{position:relative;block-size:100%;inline-size:68px;display:flex;justify-content:center;cursor:pointer;touch-action:none;outline:none}.lab-vslider__hit:focus-visible .lab-vslider__rail{border-color:var(--lab-orange)}.lab-slider--off .lab-vslider__hit{cursor:default}.lab-vslider__knob .lab-pill{position:absolute;right:calc(100% + 10px);pointer-events:auto}.lab-num-field{display:inline-flex;align-items:center;direction:ltr;flex:none;background:#111;border:1px solid var(--lab-border-default);border-radius:var(--lab-r-pill);overflow:hidden;block-size:40px;transition:border-color var(--lab-fast) var(--lab-ease)}.lab-num-field:has(input:focus){border-color:var(--lab-orange)}.lab-num-field input{inline-size:72px;padding:0 4px;background:transparent;border:0;text-align:center;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.lab-num-field input:focus{outline:none}.lab-num-field__unit{padding-inline:10px;font-size:12px;color:var(--lab-text-3);align-self:stretch;display:flex;align-items:center;border-inline-start:1px solid var(--lab-border-subtle)}.lab-num-field__step{inline-size:34px;align-self:stretch;background:transparent;border:0;color:var(--lab-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--lab-fast) var(--lab-ease),color var(--lab-fast) var(--lab-ease)}.lab-num-field__step:hover:not(:disabled){background:var(--lab-raised);color:var(--lab-text-1)}.lab-num-field__step:disabled{opacity:.35;cursor:not-allowed}.lab-select{position:relative;display:inline-block}.lab-select__button{display:flex;align-items:center;justify-content:space-between;gap:var(--lab-s3);inline-size:100%;min-inline-size:150px;block-size:40px;padding:0 14px;background:#111;border:1px solid var(--lab-border-default);border-radius:var(--lab-r-pill);cursor:pointer;text-align:start;font-size:14px;white-space:nowrap;transition:border-color var(--lab-fast) var(--lab-ease)}.lab-select__button:hover:not(:disabled){border-color:var(--lab-border-strong)}.lab-select[data-open=true] .lab-select__button{border-color:var(--lab-orange)}.lab-select__button:disabled{opacity:.4;cursor:not-allowed}.lab-select__caret{color:var(--lab-text-3);flex:none}.lab-select__menu{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + 6px);min-inline-size:100%;z-index:40;padding:var(--lab-s1);max-block-size:288px;overflow-y:auto;background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);border-radius:var(--lab-r-card);box-shadow:var(--lab-glass-rim),var(--lab-glass-drop);animation:lab-rise var(--lab-overlay-in) var(--lab-ease) both}.lab-modal .lab-select__menu,.lab-modal .lab-menu{background:var(--lab-overlay);backdrop-filter:none;-webkit-backdrop-filter:none}.lab-select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--lab-s3);padding:9px 12px;border-radius:var(--lab-r-thumb);cursor:pointer;font-size:14px}.lab-select__option:hover{background:#ffffff12}.lab-select__option[aria-selected=true]{color:var(--lab-text-1);font-weight:600}.lab-select__option[aria-selected=true] svg{color:var(--lab-orange)}.lab-menu{position:absolute;z-index:60;min-inline-size:220px;padding:var(--lab-s1);background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);border-radius:var(--lab-r-card);box-shadow:var(--lab-glass-rim),var(--lab-glass-drop);animation:lab-rise var(--lab-overlay-in) var(--lab-ease) both}.lab-menu__item{display:flex;align-items:center;gap:var(--lab-s3);inline-size:100%;padding:9px 12px;border:0;background:transparent;color:var(--lab-text-1);border-radius:var(--lab-r-thumb);cursor:pointer;text-align:start;font-size:14px}.lab-menu__item:hover{background:#ffffff12}.lab-menu__sep{block-size:1px;background:var(--lab-hairline);margin:var(--lab-s1) 0}.lab-field{display:flex;flex-direction:column;gap:var(--lab-s2);min-inline-size:0}.lab-field__label{font-size:14px;font-weight:600;line-height:1.4;color:var(--lab-text-1)}.lab-field__help{font-size:13px;line-height:20px;color:var(--lab-text-2)}.lab-hint{font-size:12px;line-height:16px;color:var(--lab-text-3)}.lab-modal__scrim{position:fixed;inset:0;z-index:100;background:var(--lab-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:var(--lab-s6);animation:lab-fade var(--lab-fast) var(--lab-ease) both}.lab-modal{inline-size:460px;max-inline-size:100%;max-block-size:88vh;overflow-y:auto;background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);border-radius:var(--lab-r-modal);box-shadow:var(--lab-glass-rim),var(--lab-glass-drop);padding:var(--lab-s8) var(--lab-s6) var(--lab-s6);animation:lab-rise var(--lab-overlay-in) var(--lab-ease) both}.lab-modal--wide{inline-size:640px}.lab-modal__icon{inline-size:52px;block-size:52px;border-radius:50%;display:grid;place-items:center;margin-block-end:var(--lab-s4);background:var(--lab-orange-tint);border:1px solid rgba(234,115,0,.32);color:var(--lab-orange-hover)}.lab-modal__icon--danger{background:#e5484d1f;border-color:#e5484d66;color:var(--lab-danger)}.lab-modal__body{color:var(--lab-text-2);font-size:14px;line-height:22px;margin-block:var(--lab-s3) var(--lab-s6)}.lab-modal--warn{text-align:center}.lab-modal--warn .lab-modal__icon{margin-inline:auto;inline-size:56px;block-size:56px;border-radius:var(--lab-r-card)}.lab-modal--warn{inline-size:max-content;min-inline-size:460px;max-inline-size:min(92vw,860px)}.lab-modal--warn h2{white-space:nowrap}.lab-modal--warn .lab-modal__body{color:var(--lab-danger);white-space:nowrap}.lab-modal__actions{display:flex;gap:var(--lab-s3)}.lab-modal__actions>.lab-btn{flex:1}.lab-toaster{position:fixed;z-index:120;inset-block-start:calc(var(--lab-s4) + 52px);inset-inline-end:var(--lab-s6);display:flex;flex-direction:column;gap:var(--lab-s2);pointer-events:none;align-items:flex-end}.lab-toast{display:flex;align-items:center;gap:var(--lab-s3);padding:11px 18px;border-radius:var(--lab-r-pill);max-inline-size:460px;background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);box-shadow:var(--lab-glass-rim),var(--lab-glass-drop);font-size:13px;line-height:18px;animation:lab-rise var(--lab-base) var(--lab-ease) both}.lab-update{position:fixed;z-index:120;inset-block-end:var(--lab-s6);inset-inline-end:var(--lab-s6);display:flex;align-items:center;gap:var(--lab-s3);padding:9px 12px 9px 18px;border-radius:var(--lab-r-pill);background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);box-shadow:var(--lab-glass-rim),var(--lab-glass-drop);font-size:13px;line-height:18px;animation:lab-rise var(--lab-base) var(--lab-ease) both}.lab-update svg{color:var(--lab-text-3);flex:none}.lab-toast__dot{inline-size:7px;block-size:7px;border-radius:50%;flex:none}.lab-toast--ok .lab-toast__dot{background:var(--lab-positive)}.lab-toast--warn .lab-toast__dot{background:var(--lab-orange)}.lab-toast--error .lab-toast__dot{background:var(--lab-danger)}.lab-toast__title{font-weight:600}.lab-tooltip{position:fixed;z-index:140;pointer-events:none;padding:7px 11px;border-radius:var(--lab-r-thumb);max-inline-size:260px;background:var(--lab-glass-fill);backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(140%);border:1px solid var(--lab-hairline);box-shadow:var(--lab-glass-rim),var(--lab-glass-drop);font-size:12px;line-height:16px;animation:lab-fade var(--lab-fast) var(--lab-ease) both}.lab-key{display:inline-flex;align-items:center;justify-content:center;min-inline-size:46px;block-size:46px;padding:0 12px;border-radius:var(--lab-r-key);background:linear-gradient(180deg,#242424,#1b1b1b);border:1px solid #333;border-block-end:3px solid #0A0A0A;box-shadow:inset 0 1px #ffffff1a;color:#e8e8e8;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color var(--lab-fast) var(--lab-ease)}.lab-key--bound{background:var(--lab-cta);color:var(--lab-ink);border-color:#0006;border-block-end-color:#8a4400;box-shadow:inset 0 1px #ffffff73,0 0 18px #ea730073}.lab-key--recording{background:transparent;border:1px dashed rgba(234,115,0,.8);color:var(--lab-orange-hover);box-shadow:none;animation:lab-pulse 1.1s infinite}.lab-key--mini{min-inline-size:26px;block-size:26px;padding:0 8px;font-size:11.5px;border-block-end-width:2px}.lab-key:active:not(:disabled){transform:translateY(2px);border-block-end-width:1px}.lab-key:disabled{opacity:.35;cursor:not-allowed}.lab-signal{display:flex;align-items:flex-end;gap:2px;block-size:34px}.lab-signal__bar{inline-size:2px;border-radius:1px;background:#3a3a3a;flex:none;transition:background var(--lab-fast) var(--lab-ease)}.lab-signal__bar--live{background:var(--lab-orange)}@keyframes lab-fade{0%{opacity:0}to{opacity:1}}@keyframes lab-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lab-pulse{0%,to{box-shadow:0 0 #ea730059}50%{box-shadow:0 0 0 6px #ea730000}}.lab-toaster .lab-toast{animation-name:lab-fade}.lab-slider--drag .lab-slider__fill,.lab-slider--drag .lab-vslider__fill,.lab-slider--drag .lab-slider__tick--on,.lab-slider--drag .lab-slider__knob,.lab-slider--drag .lab-vslider__knob{background:var(--lab-drag, var(--lab-orange))}.lab-slider--drag .lab-slider__bubble{border-color:var(--lab-drag, var(--lab-orange))}.board3d{position:relative;inline-size:100%;block-size:100%;min-block-size:220px}.board3d__canvas{position:relative;z-index:0;display:block;inline-size:100%;block-size:100%;transition:opacity .28s var(--lab-ease);opacity:0}.board3d--dressed .board3d__canvas{opacity:1}.board3d__poster{position:absolute;inset:0;z-index:0;display:block;inline-size:100%;block-size:100%;object-fit:fill;opacity:1;pointer-events:none;transition:opacity .28s var(--lab-ease)}.board3d--dressed .board3d__poster{opacity:0}.board3d__skeleton{position:absolute;inset:0;border-radius:var(--lab-r-card);background:radial-gradient(60% 50% at 50% 45%,rgba(255,255,255,.045),transparent 70%);animation:board3d-breathe 1.6s var(--lab-ease) infinite alternate}@keyframes board3d-breathe{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.board3d__skeleton{animation:none}.board3d__canvas,.board3d__poster,.board3d__chips{transition:none!important}}.board3d__failed{position:absolute;inset:0}.board3d__chips{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:0;visibility:hidden;transition:opacity .18s var(--lab-ease),visibility 0s linear .18s}.board3d--dressed .board3d__chips{opacity:1;visibility:visible;transition-delay:.08s,0s}.board3d__chip{position:absolute;left:0;top:0;transform-origin:0 0;display:flex;flex-direction:column;align-items:center;gap:1px;opacity:0;transition:opacity var(--lab-fast) var(--lab-ease)}.board3d__chiprow{display:flex;align-items:baseline;direction:ltr;gap:3px;padding:1px 3px;border-radius:var(--lab-r-pill);background:#080808d1;border:1px solid rgba(255,255,255,.14)}.board3d__chipline{font-size:10px;font-weight:700;line-height:1.15;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.85)}.board3d__chipline>svg{display:block}.board-stage--3d{position:relative;display:flex;justify-content:center;align-items:stretch;background:transparent;border:0;padding:0;overflow:visible;block-size:430px;flex:none}.board-stage--3d>.board3d{inline-size:100%}.stage-top{position:absolute;inset-block-start:-10px;inset-inline:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:var(--lab-s3);pointer-events:none}.stage-top>*{pointer-events:auto}.stage-island.lab-glass{padding:var(--lab-s2) var(--lab-s3);border-radius:var(--lab-r-pill)}.stage-under{position:absolute;inset-block-end:12px;inset-inline:0;z-index:2;margin:0;text-align:center;font-size:19.5px;letter-spacing:.04em;color:var(--lab-orange-hover);pointer-events:none}.stage-under--done{visibility:hidden}/*! * CYC Velocity Configurator - application settings. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.settings{padding:var(--lab-s6)}.settings__head{display:flex;align-items:center;justify-content:space-between;gap:var(--lab-s4);margin-block-end:var(--lab-s4)}.settings__section{padding-block:var(--lab-s6);border-block-start:1px solid var(--lab-hairline);display:flex;flex-direction:column;gap:var(--lab-s3)}.settings__section:first-of-type{border-block-start:0;padding-block-start:0}.settings__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--lab-s4) var(--lab-s6)}.settings__row{display:flex;align-items:center;gap:var(--lab-s4);flex-wrap:wrap}.settings__ok{display:flex;align-items:flex-start;gap:var(--lab-s3)}.settings__ok>span:last-child{display:flex;flex-direction:column;gap:2px}.settings__okMark{inline-size:32px;block-size:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:#3dd68c1f;border:1px solid rgba(61,214,140,.35);color:var(--lab-positive)}.settings__warn{display:flex;align-items:flex-start;gap:var(--lab-s3);padding:var(--lab-s3) var(--lab-s4);background:#e5484d12;border:1px solid rgba(229,72,77,.34);border-radius:var(--lab-r-card);font-size:13px;line-height:20px}.settings__warn>svg{flex:none;margin-block-start:2px;color:var(--lab-danger)}.settings__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.settings__step{display:flex;gap:var(--lab-s4);align-items:flex-start;padding-block:var(--lab-s4);border-block-end:1px solid var(--lab-border-subtle)}.settings__step:last-child{border-block-end:0;padding-block-end:0}.settings__stepN{inline-size:26px;block-size:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--lab-raised);border:1px solid var(--lab-border-default);color:var(--lab-text-1);font-size:12px;font-weight:600;line-height:1}.settings__stepText{display:flex;flex-direction:column;gap:var(--lab-s2);min-inline-size:0}.settings__stepText strong{font-size:14px;font-weight:600}.settings__dl{align-self:flex-start;text-decoration:none;margin-block-start:var(--lab-s1)}.settings__soon{display:flex;align-items:center;gap:var(--lab-s3);flex-wrap:wrap}.settings__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--lab-s4);padding-block-start:var(--lab-s6);border-block-start:1px solid var(--lab-hairline)}/*! * CYC Velocity Configurator - entrance scene. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.ent{position:fixed;inset:0;z-index:40;overflow:hidden;background:#050504;isolation:isolate}.ent__backdrop{position:absolute;inset:-3%;z-index:0;inline-size:106%;block-size:106%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:blur(18px) brightness(.52) saturate(1.18);transform:scale(1.035)}.ent__frame{position:absolute;left:50%;top:0;inline-size:max(100vw,235.714vh);aspect-ratio:33 / 14;transform:translate(-50%);transform-origin:50% 36.8%;z-index:1}.ent--intro .ent__frame{animation:entArrival .96s cubic-bezier(.16,.84,.28,1) both}.ent--intro .ent__backdrop{animation:entArrivalBackdrop .96s cubic-bezier(.16,.84,.28,1) both}.ent--intro .ent__scr{animation-delay:.15s}@keyframes entArrival{0%{opacity:.58;transform:translate(-50%) scale(1.14);filter:blur(1.2px) brightness(.74)}to{opacity:1;transform:translate(-50%) scale(1);filter:none}}@keyframes entArrivalBackdrop{0%{opacity:.2;transform:scale(1.11)}to{opacity:1;transform:scale(1.035)}}.ent__bg,.ent__monitorFront{position:absolute;user-select:none;-webkit-user-drag:none;pointer-events:none}.ent__bg{inset:0;z-index:0;inline-size:100%;block-size:100%;object-fit:cover}.ent__lampPulse{position:absolute;z-index:2;inline-size:17%;block-size:30%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(255,202,117,.62) 0 1.5%,rgba(255,118,25,.26) 8%,transparent 39%),radial-gradient(ellipse at 50% 58%,rgba(255,79,8,.16),transparent 63%);mix-blend-mode:screen;filter:blur(4px);animation:entLampFlicker 4.6s steps(1,end) infinite}.ent__lampPulse--left{left:8.7%;top:5%}.ent__lampPulse--right{right:3.2%;top:1.8%;transform:scale(.72);animation-delay:-2.1s}.ent__smoke{position:absolute;inline-size:32%;block-size:64%;z-index:1;pointer-events:none;mix-blend-mode:screen;filter:blur(15px);opacity:.68;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 18%,#000 76%,transparent 100%);mask-image:linear-gradient(to top,transparent 0%,#000 18%,#000 76%,transparent 100%)}.ent__smoke--a{left:4%;top:5%;background:radial-gradient(ellipse at 42% 72%,rgba(225,224,213,.2),transparent 25%),radial-gradient(ellipse at 58% 52%,rgba(214,218,211,.16),transparent 22%),radial-gradient(ellipse at 38% 32%,rgba(255,169,102,.13),transparent 19%),radial-gradient(ellipse at 62% 16%,rgba(223,226,219,.12),transparent 16%);animation:entSmokeA 12s ease-in-out infinite alternate}.ent__smoke--b{right:4%;top:2%;background:radial-gradient(ellipse at 55% 76%,rgba(231,224,213,.14),transparent 25%),radial-gradient(ellipse at 37% 55%,rgba(210,215,212,.14),transparent 20%),radial-gradient(ellipse at 62% 34%,rgba(255,151,79,.11),transparent 19%),radial-gradient(ellipse at 42% 15%,rgba(220,225,219,.1),transparent 15%);animation:entSmokeB 16s ease-in-out infinite alternate}.ent__smoke--screen{left:19%;top:-5%;inline-size:62%;block-size:48%;opacity:.82;filter:blur(12px);background:radial-gradient(ellipse at 12% 45%,rgba(255,151,82,.3),transparent 17%),radial-gradient(ellipse at 88% 48%,rgba(221,220,212,.28),transparent 17%),radial-gradient(ellipse at 20% 20%,rgba(228,225,216,.22),transparent 15%),radial-gradient(ellipse at 80% 17%,rgba(255,165,93,.19),transparent 14%);-webkit-mask-image:radial-gradient(ellipse at 50% 47%,#000 0 38%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 47%,#000 0 38%,transparent 78%);animation:entSmokeScreen 10.5s ease-in-out infinite alternate}.ent__smoke--low{left:27%;top:28%;inline-size:48%;block-size:47%;opacity:.5;filter:blur(12px);background:radial-gradient(ellipse at 17% 58%,rgba(255,156,86,.24),transparent 19%),radial-gradient(ellipse at 34% 45%,rgba(222,221,213,.21),transparent 17%),radial-gradient(ellipse at 67% 50%,rgba(230,224,215,.19),transparent 18%),radial-gradient(ellipse at 84% 61%,rgba(255,135,65,.19),transparent 17%);animation:entSmokeLow 8.4s ease-in-out infinite alternate}.ent__smoke--screen:before,.ent__smoke--screen:after{content:"";position:absolute;top:11%;inline-size:17%;block-size:74%;border-radius:50%;background:radial-gradient(ellipse at 48% 82%,rgba(255,151,82,.48),transparent 22%),radial-gradient(ellipse at 58% 54%,rgba(226,227,220,.4),transparent 21%),radial-gradient(ellipse at 42% 26%,rgba(220,223,218,.3),transparent 19%);filter:blur(8px);opacity:.72}.ent__smoke--screen:before{left:4%;animation:entWispLeft 7.5s ease-in-out infinite alternate}.ent__smoke--screen:after{right:4%;animation:entWispRight 9s ease-in-out infinite alternate}.ent__breath{position:absolute;left:25%;top:1%;z-index:3;inline-size:51%;block-size:67%;pointer-events:none;background:radial-gradient(36% 34% at 50% 41%,rgba(255,160,78,.3),transparent 70%),radial-gradient(52% 46% at 50% 52%,rgba(255,91,15,.15),transparent 74%);mix-blend-mode:screen;filter:blur(8px);animation:entBreath 5.2s ease-in-out infinite}.ent__lightspill{position:absolute;left:27%;top:29%;z-index:4;inline-size:47%;block-size:61%;pointer-events:none;clip-path:polygon(39% 0,61% 0,100% 100%,0 100%);background:radial-gradient(ellipse at 50% 8%,rgba(255,218,174,.36),transparent 39%),linear-gradient(to bottom,rgba(255,123,35,.24),rgba(255,72,6,.07) 76%,transparent);mix-blend-mode:screen;filter:blur(15px);animation:entSpill 5.2s ease-in-out infinite}.ent__screenRays{position:absolute;left:29%;top:34%;z-index:2;inline-size:43%;block-size:48%;pointer-events:none;clip-path:polygon(37% 0,63% 0,96% 100%,4% 100%);background:linear-gradient(98deg,transparent 20%,rgba(255,133,48,.12) 43%,transparent 58%),linear-gradient(82deg,transparent 34%,rgba(255,210,151,.12) 50%,transparent 65%),radial-gradient(ellipse at 50% 3%,rgba(255,126,35,.26),transparent 67%);mix-blend-mode:screen;filter:blur(10px);transform-origin:50% 0;animation:entRays 7.6s ease-in-out infinite alternate}.ent__dust{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}.ent__dust i{position:absolute;inline-size:.18%;min-inline-size:2px;aspect-ratio:1;border-radius:50%;background:#ffc68bd1;box-shadow:0 0 7px #ff6e20c7,0 0 18px #ff5f1352;animation:entDust 8s ease-in-out infinite}.ent__dust i:nth-child(1){left:23%;top:56%;animation-delay:-1.2s}.ent__dust i:nth-child(2){left:34%;top:42%;animation-delay:-5.4s;animation-duration:10.5s}.ent__dust i:nth-child(3){left:43%;top:61%;animation-delay:-3.7s;animation-duration:7.2s}.ent__dust i:nth-child(4){left:58%;top:48%;animation-delay:-6.1s;animation-duration:9.3s}.ent__dust i:nth-child(5){left:69%;top:57%;animation-delay:-2.8s;animation-duration:11s}.ent__dust i:nth-child(6){left:79%;top:39%;animation-delay:-.7s;animation-duration:8.8s}.ent__dust i:nth-child(7){left:16%;top:35%;animation-delay:-4.3s;animation-duration:12s}.ent__dust i:nth-child(8){left:86%;top:67%;animation-delay:-7.2s;animation-duration:10s}@keyframes entSmokeA{0%{transform:translate(-2%,5%) scale(.96) rotate(-2deg);opacity:.38}to{transform:translate(5%,-7%) scale(1.12) rotate(3deg);opacity:.7}}@keyframes entSmokeB{0%{transform:translate(4%,7%) scale(.94) rotate(2deg);opacity:.3}to{transform:translate(-5%,-6%) scale(1.08) rotate(-3deg);opacity:.62}}@keyframes entSmokeScreen{0%{transform:translate(-4%,10%) scale(.93) rotate(-3deg);opacity:.42}to{transform:translate(5%,-8%) scale(1.12) rotate(3deg);opacity:.82}}@keyframes entSmokeLow{0%{transform:translate(-5%,7%) scale(.92) skew(-2deg);opacity:.26}to{transform:translate(6%,-8%) scale(1.13) skew(3deg);opacity:.62}}@keyframes entWispLeft{0%{transform:translateY(8%) rotate(-7deg) scaleX(.86);opacity:.42}to{transform:translate(18%,-10%) rotate(8deg) scaleX(1.12);opacity:.86}}@keyframes entWispRight{0%{transform:translateY(10%) rotate(8deg) scaleX(.9);opacity:.38}to{transform:translate(-16%,-12%) rotate(-7deg) scaleX(1.08);opacity:.8}}@keyframes entBreath{0%,to{opacity:.43;transform:scale(.97)}50%{opacity:.95;transform:scale(1.04)}}@keyframes entSpill{0%,to{opacity:.46;transform:scaleX(.96)}50%{opacity:.92;transform:scaleX(1.04)}}@keyframes entLampFlicker{0%,8%,19%,44%,72%,to{opacity:.46;filter:blur(4px) brightness(.9)}9%,18%,45%,70%{opacity:.92;filter:blur(3px) brightness(1.2)}46%,48%{opacity:.22;filter:blur(5px) brightness(.72)}}@keyframes entRays{0%{opacity:.2;transform:translate(-3%) scaleX(.9) rotate(-1deg)}to{opacity:.72;transform:translate(3%) scaleX(1.08) rotate(1deg)}}@keyframes entDust{0%,to{opacity:0;transform:translateY(18px) scale(.65)}18%{opacity:.88}55%{opacity:.42;transform:translate(16px,-22px) scale(1)}82%{opacity:.72}96%{opacity:0;transform:translate(-9px,-54px) scale(.72)}}.ent__monitorFront{inset:0;z-index:3;inline-size:100%;block-size:100%;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 20% 40% at 50% 47.5%,#000 70%,transparent 78%);mask-image:radial-gradient(ellipse 20% 40% at 50% 47.5%,#000 70%,transparent 78%)}.ent__screen{position:absolute;left:37.75%;top:24.2%;z-index:6;inline-size:24.3%;block-size:46.2%;container-type:inline-size;display:grid;overflow:hidden;border-radius:8%/11%;background:radial-gradient(120% 105% at 50% 45%,#090502eb 52%,#090502b3 82%,#14080270);box-shadow:inset 0 0 34px #000000d9,inset 0 0 6px #ff82283d;animation:entTubePulse 5.2s ease-in-out infinite}@keyframes entTubePulse{0%,to{box-shadow:inset 0 0 34px #000000d9,inset 0 0 7px #ff82283d,0 0 15px #ff641421}50%{box-shadow:inset 0 0 28px #000000c2,inset 0 0 15px #ff99415c,0 0 38px #ff5c0d54}}.ent__scr{grid-area:1 / 1;z-index:1;min-block-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.2cqi;padding:8% 9%;text-align:center;animation:entScrIn .36s ease-out}@keyframes entScrIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.ent__title{margin:0;font-family:"TelAvivBrutalist",var(--lab-font);font-size:clamp(24px,9.8cqi,92px);font-weight:700;line-height:1.14;color:#ffdcc0;text-wrap:balance;text-shadow:0 0 16px rgba(255,122,26,.72),0 0 40px rgba(255,100,10,.34),1px 0 0 rgba(255,50,40,.3),-1px 0 0 rgba(80,200,255,.2)}.ent__title--small{font-size:clamp(18px,6.92cqi,62px);line-height:1.16}.ent__sub{max-inline-size:34ch;margin:0;font-size:clamp(11px,4.23cqi,30px);font-weight:540;line-height:1.48;color:#f2d8c4;text-wrap:balance}.ent__actions{inline-size:min(100%,34ch);display:flex;align-items:center;justify-content:center;gap:2.2cqi;flex-wrap:wrap}.ent__scr--missing{justify-content:center;gap:3.2cqi;padding:7% 8%}.ent__scr--missing .ent__title--small{font-size:clamp(19px,7.31cqi,62px);line-height:1.12}.ent__scr--missing .ent__sub{max-inline-size:32ch;font-size:clamp(11px,4.23cqi,30px);line-height:1.4}.ent__scr--missing .ent__actions{inline-size:78%;flex-direction:column;flex-wrap:nowrap;gap:2.1cqi}.ent__scr--missing .ent__button{inline-size:100%;min-block-size:10.2cqi;min-inline-size:0;padding:1.7cqi 4cqi;border-radius:3.1cqi;font-size:clamp(11px,4.23cqi,30px)}.ent__scr--choosing{gap:5.4cqi;padding-inline:10%}.ent__scr--choosing .ent__title--small{max-inline-size:29ch;font-size:clamp(18px,6.92cqi,56px);line-height:1.22}.ent__scr--choosing .ent__spinner{inline-size:7.5cqi;block-size:7.5cqi;border-width:1.2cqi}.ent__scr--choosing .ent__title{white-space:pre-line;line-height:1.45;font-size:clamp(14px,5.38cqi,42px);text-wrap:balance}.ent__downloadNote{margin:0;color:#ffddc5ab;font-size:clamp(8px,3.08cqi,21px)}.ent__button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.ent__button{min-block-size:10.8cqi;min-inline-size:18ch;padding:2.2cqi 5cqi;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,186,132,.65);border-radius:3.6cqi;background:#ed6319;box-shadow:0 0 22px #ef5b1052;color:#1b0b05;font-family:var(--lab-font);font-size:clamp(11px,4.23cqi,32px);font-weight:720;line-height:1.15;text-align:center;text-decoration:none;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.ent__button:hover{transform:translateY(-1px);background:#ff7629;box-shadow:0 0 28px #ef5b1075}.ent__button--secondary{border-color:#e7dbd34d;background:#625b57f0;box-shadow:0 0 17px #00000038;color:#fff0e5}.ent__button--secondary:hover{background:#7a706afa;box-shadow:0 0 22px #0000004d}.ent__button:focus-visible{outline:2px solid #fff0e4;outline-offset:2px}.ent__button--hero{min-inline-size:70%;min-block-size:13cqi;font-size:clamp(12px,4.62cqi,36px)}.ent__spinner{inline-size:9cqi;block-size:9cqi;border:1.5cqi solid rgba(255,220,192,.2);border-block-start-color:#ed6319;border-radius:50%;animation:entSpin .85s linear infinite;filter:drop-shadow(0 0 8px rgba(237,99,25,.55))}@keyframes entSpin{to{transform:rotate(1turn)}}@keyframes entSpinCalm{0%,to{opacity:.35}50%{opacity:1}}.ent__successMark{inline-size:12cqi;block-size:12cqi;display:grid;place-items:center;border-radius:50%;background:#ed6319;color:#1b0b05;font-size:7cqi;font-weight:900;box-shadow:0 0 26px #ed63198f}.ent__progress{inline-size:68%;block-size:2cqi;overflow:hidden;border-radius:999px;background:#ffdec629}.ent__progress i{display:block;block-size:100%;border-radius:inherit;background:#ed6319;box-shadow:0 0 12px #ed6319a6;transition:inline-size .2s ease}.ent__scan,.ent__glare{grid-area:1 / 1;pointer-events:none}.ent__scan{z-index:2;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(to right,rgba(255,60,0,.022) 0,rgba(255,60,0,.022) 1px,rgba(0,255,180,.015) 2px,transparent 3px);animation:entFlicker 4.2s steps(1) infinite}.ent__glare{z-index:3;background:linear-gradient(112deg,transparent 30%,rgba(255,235,210,.07) 42%,rgba(255,235,210,.025) 50%,transparent 60%),radial-gradient(130% 90% at 50% 118%,transparent 62%,rgba(0,0,0,.38) 100%)}@keyframes entFlicker{0%,92%,94%,98%,to{opacity:1}93%{opacity:.82}97%{opacity:.9}}.ent__grain,.ent__vignette{position:absolute;inset:0;z-index:9;pointer-events:none}.ent__grain{inset:-18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.08;animation:entGrain .42s steps(3) infinite}.ent__vignette{background:radial-gradient(118% 96% at 50% 44%,transparent 60%,rgba(0,0,0,.48) 100%)}@keyframes entGrain{0%,to{transform:translate(0)}33%{transform:translate(-9px,6px)}66%{transform:translate(7px,-8px)}}.ent--zoom{animation:entFade .9s ease-in forwards;pointer-events:none}.ent--zoom .ent__frame{animation:entDive .9s cubic-bezier(.55,0,.85,.36) forwards}.ent--zoom .ent__screen{animation:entTubeResolve .9s ease-in forwards}.ent--zoom .ent__scr{animation:entSuccessAway .46s ease-out forwards}@keyframes entDive{to{transform:translate(-50%) scale(4)}}@keyframes entFade{0%,55%{opacity:1}to{opacity:0}}@keyframes entTubeResolve{0%{background:radial-gradient(120% 105% at 50% 45%,#090502eb 52%,#090502b3 82%,#14080270);filter:brightness(1)}48%,to{background:radial-gradient(120% 105% at 50% 45%,#8e8b84fa 46%,#5e5c58f5 82%,#34312eeb);filter:brightness(1.18)}}@keyframes entSuccessAway{0%,18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.965)}}html[data-still="1"] .ent__smoke,html[data-still="1"] .ent__breath,html[data-still="1"] .ent__lightspill,html[data-still="1"] .ent__lampPulse,html[data-still="1"] .ent__screenRays,html[data-still="1"] .ent__dust i,html[data-still="1"] .ent__screen,html[data-still="1"] .ent__grain,html[data-still="1"] .ent__scan,html[data-still="1"] .ent__spinner{animation:none}html[data-still="1"] .ent__smoke--screen:before,html[data-still="1"] .ent__smoke--screen:after{animation:none}@media(prefers-reduced-motion:reduce){.ent__smoke,.ent__breath,.ent__lightspill,.ent__lampPulse,.ent__screenRays,.ent__dust i,.ent__screen,.ent__grain,.ent__scan,.ent__scr{animation:none}.ent__spinner{animation:entSpinCalm 1.8s ease-in-out infinite}.ent__smoke--screen:before,.ent__smoke--screen:after{animation:none}.ent--intro .ent__frame,.ent--intro .ent__backdrop{animation:none}.ent--zoom{animation-duration:.2s}.ent--zoom .ent__frame{animation:none}}/*! * CYC Velocity Configurator - colour picker. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.cp{inline-size:300px;flex:none;display:flex;flex-direction:column;gap:var(--lab-s3)}.cp[aria-disabled=true]{opacity:.45;pointer-events:none}.cp__area{position:relative;block-size:220px;border-radius:var(--lab-r-thumb);border:1px solid var(--lab-hairline);cursor:crosshair;touch-action:none;direction:ltr}.cp__row{display:flex;align-items:center;gap:var(--lab-s3)}.cp__swatch{inline-size:34px;block-size:34px;flex:none;border-radius:var(--lab-r-thumb);border:1px solid var(--lab-hairline-strong);box-shadow:inset 0 1px #ffffff2e}.cp__hue{position:relative;flex:1;block-size:14px;border-radius:var(--lab-r-pill);border:1px solid var(--lab-hairline);cursor:pointer;touch-action:none;direction:ltr}.cp__dot{position:absolute;inline-size:13px;block-size:13px;border-radius:50%;border:2px solid var(--lab-text-1);box-shadow:0 1px 3px #000000b3,inset 0 0 0 1px #00000059;transform:translate(-50%,-50%);pointer-events:none}.cp__fields{display:flex;gap:var(--lab-s2)}.cp__ch{display:flex;flex-direction:column;gap:3px;flex:1;min-inline-size:0}.cp__ch input{inline-size:100%;min-inline-size:0;block-size:32px;padding:0 6px;background:#111;border:1px solid var(--lab-border-default);border-radius:var(--lab-r-thumb);color:var(--lab-text-1);text-align:center;font-size:12px;font-variant-numeric:tabular-nums;transition:border-color var(--lab-fast) var(--lab-ease)}.cp__ch input:focus{border-color:var(--lab-orange);outline:none}.cp__ch span{font-size:11px;line-height:14px;font-weight:600;color:var(--lab-text-3);text-align:center}.cp__ch--hex{flex:1.7}/*! * CYC Velocity Configurator - lighting. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.lit{display:flex;flex-direction:column;gap:var(--lab-s6)}.lit__main{display:flex;flex-direction:column;gap:var(--lab-s6);min-inline-size:0}.lit__block{display:flex;flex-direction:column;gap:var(--lab-s3)}.lit__dials{display:flex;align-items:center;gap:var(--lab-s8)}.lit__dialCol{display:flex;flex-direction:column;gap:var(--lab-s4);flex:1;min-inline-size:0}.lit__dial{display:flex;align-items:center;gap:var(--lab-s4)}.lit__dial>.lab-slider{flex:1;min-inline-size:0}.lit__dialLabel{font-size:14px;font-weight:600;color:var(--lab-text-2);flex:none;min-inline-size:52px;white-space:nowrap}.lit__presets{display:grid;grid-template-columns:repeat(3,46px);gap:var(--lab-s4);align-content:start;flex:none}.swatch{inline-size:46px;block-size:46px;flex:none;padding:0;border-radius:var(--lab-r-pill);border:0;background:radial-gradient(115% 85% at 32% 16%,#ffffff7a,#ffffff24 40%,#fff0 62%),linear-gradient(180deg,#ffffff1f,#00000042),currentColor;cursor:pointer;box-shadow:inset 0 1px #ffffff80,inset 0 -5px 9px #00000061,inset 0 0 0 1px #ffffff29,0 4px 10px #00000073;transition:box-shadow var(--lab-fast) var(--lab-ease),transform var(--lab-fast) var(--lab-ease)}.swatch:hover{transform:scale(1.05)}.lit__effects{display:flex;gap:var(--lab-s3);flex-wrap:wrap}.effect{block-size:36px;padding:0 16px;flex:none;border-radius:var(--lab-r-pill);background:#ffffff0d;border:1px solid var(--lab-border-default);color:var(--lab-text-2);cursor:pointer;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:background var(--lab-fast) var(--lab-ease),border-color var(--lab-fast) var(--lab-ease),color var(--lab-fast) var(--lab-ease)}.effect:hover{border-color:var(--lab-border-strong);color:var(--lab-text-1)}.effect[aria-pressed=true]{background:var(--lab-text-1);border-color:var(--lab-text-1);color:var(--lab-ink);font-weight:600}.lit__paint{display:flex;gap:var(--lab-s6);flex-wrap:wrap;align-items:flex-start}.lit__body{inline-size:min(100%,var(--lab-board-span));margin-inline:auto}.lit__grid{display:grid;gap:var(--lab-s8);grid-template-columns:minmax(500px,5fr) minmax(360px,6fr);align-items:start}.lit__paint .lit__presets{margin-block-start:var(--lab-s6)}@media(max-width:1100px){.lit__grid{grid-template-columns:1fr}}.lit__colours{display:flex;flex-direction:column;gap:var(--lab-s4);min-inline-size:0}.lit__controls{display:flex;flex-direction:column;gap:var(--lab-s6);min-inline-size:0}.lit__effectsWrap{display:flex;flex-direction:column;gap:var(--lab-s3);min-inline-size:0}.lit__effectsHead{font-size:14px;font-weight:600;color:var(--lab-text-2)}.swatch--active{box-shadow:inset 0 1px #ffffff80,inset 0 -5px 9px #00000061,inset 0 0 0 1px #ffffff29,0 0 0 3px var(--lab-canvas),0 0 0 5px var(--lab-text-1),0 4px 10px #00000073}.effect--rgb{position:relative;isolation:isolate}.effect__ring{position:absolute;inset:-1px;border-radius:var(--lab-r-pill);padding:1px;overflow:hidden;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.28;z-index:-1;pointer-events:none;transition:opacity var(--lab-fast) var(--lab-ease)}.effect__ring>span{position:absolute;left:50%;top:50%;inline-size:120%;aspect-ratio:1;background:conic-gradient(from 0deg,red,#ffea00,#00ff2f,#00fff2,#0047ff,#c400ff,red);transform:translate(-50%,-50%) rotate(0);animation:lit-rgb-turn 6s linear infinite;will-change:transform}.effect--rgb:hover .effect__ring{opacity:.55}.effect--rgb[aria-pressed=true] .effect__ring{opacity:1}@keyframes lit-rgb-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}html[data-still="1"] .effect__ring>span{animation:none}@media(prefers-reduced-motion:reduce){.effect__ring>span{animation:none}}/*! * CYC Velocity Configurator - the switch, for real. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.swm{flex:none;direction:ltr;display:grid;place-items:center}.swm canvas{display:block}/*! * CYC Velocity Configurator - performance. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.perf{display:flex;flex-direction:column;gap:var(--lab-s6)}.perf__main{display:flex;flex-direction:column;gap:var(--lab-s8);min-inline-size:0}.perf__travel{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--lab-s6);flex:1;padding:0}.perf__card--travel{margin-inline-start:-24px}.perf__card--rate{margin-inline-end:-25px}.perf__travel .swm{margin-block-start:25px}[dir=rtl] .perf__travel .swm{margin-right:-28px}[dir=ltr] .perf__travel .swm{margin-left:-28px}.perf__travel .lab-vslider{block-size:206px;margin-block-start:10px;margin-inline-start:-44px}.perf__card--rate .perf__head h2,.perf__card--rate .lab-select,.perf__cards .perf__card--rate>.lab-field__help{margin-inline-start:62px}.perf__card--rate .lab-select{margin-block-start:-10px}.perf__cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--lab-s6);align-items:stretch;min-inline-size:0;min-block-size:380px;inline-size:min(100%,var(--lab-board-span));margin-inline:auto}.perf__card{display:flex;flex-direction:column;gap:var(--lab-s4);padding:var(--lab-s2) 0;min-block-size:380px}.perf__head{display:flex;align-items:center;gap:var(--lab-s3);min-block-size:28px}.perf__head h2{margin:0}.perf__card>.lab-field__help{min-block-size:40px;margin:0;font-size:12px}.perf__dual{display:flex;align-items:center;gap:var(--lab-s3);transition:opacity var(--lab-base) var(--lab-ease),filter var(--lab-base) var(--lab-ease)}.perf__cards .perf__dual{padding-inline-end:34px}.perf__dualLabel{flex:none;inline-size:52px;padding-block-end:30px;font-size:13px;font-weight:600;color:var(--lab-text-2)}.perf__dual .lab-slider{flex:1;min-inline-size:0}.perf__dual--asleep{opacity:.45;filter:blur(.6px)}.perf__split{display:flex;align-items:center;gap:var(--lab-s3);align-self:flex-start;padding:var(--lab-s2) 0;font-size:13px;color:var(--lab-text-2)}.perf__hz{display:inline-flex;direction:ltr;align-items:center;gap:6px}.perf__hzUnit{color:inherit}.perf__hz .num{font-variant-numeric:tabular-nums}.perf__hzBest{padding:2px 8px;border-radius:var(--lab-r-pill);background:var(--lab-reco);color:var(--lab-text-1);font-size:10px;font-weight:700;line-height:15px;white-space:nowrap}.lab-select__button .perf__hzBest{display:none}.perf__card .lab-select__button{font-size:13px}.perf__card .lab-select__menu{max-block-size:none}.perf__card .lab-select__option{font-size:13px;padding-block:5px}.perf__card--rate .lab-select{display:block}.perf__oneLine{white-space:nowrap}.perf__cards--advanced{grid-auto-flow:row;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.perf__cards--advanced>.perf__card:first-child{margin-inline-start:-24px}.perf__cards--advanced>.perf__card:last-child{margin-inline-end:-25px}.perf__cards--advanced .perf__dual .lab-slider{flex:0 0 auto;inline-size:223px;min-inline-size:0}.perf__calStatus{min-block-size:44px;display:flex;align-items:center}.perf__calStatus>*{margin:0;inline-size:100%}.perf__calCount{font-size:15px;font-weight:600;color:var(--lab-text-1);font-variant-numeric:tabular-nums}.trace__wrap{inline-size:100%;min-inline-size:0}.trace{inline-size:100%;display:block;direction:ltr;background:var(--lab-black);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-thumb)}.trace__grid{stroke:var(--lab-border-subtle);stroke-width:1}.trace__label{fill:var(--lab-text-2);font-size:14px;font-family:var(--lab-font);text-anchor:end;font-variant-numeric:tabular-nums}.trace__line{fill:none;stroke:var(--lab-orange);stroke-width:2;stroke-linejoin:round}/*! * CYC Velocity Configurator - rapid trigger. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.rt__key{display:flex;align-items:center;gap:var(--lab-s4);flex-wrap:wrap;padding:var(--lab-s4);background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);min-block-size:80px}.rt__key--empty{color:var(--lab-text-2);font-size:14px}.rt__key--empty svg{color:var(--lab-text-3);flex:none}.rt__keyCap{cursor:default}.rt__keyMeta{display:flex;flex-direction:column;gap:2px;flex:1;min-inline-size:0}.rt__keyMeta strong{font-size:14px;font-weight:600}.rt__keyActions{display:flex;gap:var(--lab-s2);flex-wrap:wrap}.rt__stageWarn{display:flex;align-items:center;justify-content:center;gap:var(--lab-s2);color:var(--lab-danger);font-size:12.5px;line-height:18px;letter-spacing:0;white-space:nowrap}.rt__stageWarn svg{flex:none}.rt__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lab-s3)}@media(max-width:1180px){.rt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.rt__grid{grid-template-columns:minmax(0,1fr)}}.rt__card:disabled{cursor:not-allowed}.rt__grid--locked{opacity:.5}.rt__grid--locked .rt__card:hover{border-color:var(--lab-border-subtle);background:var(--lab-surface)}.rt__card{display:flex;align-items:flex-start;gap:var(--lab-s3);padding:var(--lab-s4);background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);cursor:pointer;text-align:start;color:inherit;transition:border-color var(--lab-fast) var(--lab-ease),background var(--lab-fast) var(--lab-ease)}.rt__card:hover{border-color:var(--lab-border-strong);background:var(--lab-raised)}.rt__card[aria-current=true]{border-color:var(--lab-orange)}.rt__cardIcon{inline-size:40px;block-size:40px;border-radius:var(--lab-r-thumb);flex:none;display:grid;place-items:center;background:var(--lab-raised);border:1px solid var(--lab-border-default);color:var(--lab-text-3);transition:color var(--lab-fast) var(--lab-ease)}.rt__grid:not(.rt__grid--locked) .rt__cardIcon{color:var(--cap-c, var(--lab-orange-hover))}.rt__card:not(:disabled):hover .rt__cardIcon svg{animation:rt-icon-alive .5s var(--lab-ease)}@keyframes rt-icon-alive{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.16) rotate(-6deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.rt__card:not(:disabled):hover .rt__cardIcon svg{animation:none}}.rt__cardText{display:flex;flex-direction:column;gap:3px;min-inline-size:0}.rt__cardText strong{font-size:14px;font-weight:600;line-height:1.35}.rt__cardText span{font-size:13px;line-height:19px;color:var(--lab-text-2)}.rt__example{display:flex;align-items:flex-start;gap:var(--lab-s2);color:var(--lab-text-2)}.rt__example svg{flex:none;margin-block-start:3px;color:var(--lab-text-3)}.rtpanel{display:flex;flex-direction:column;gap:var(--lab-s6)}.rtpanel__warn{font-size:13px;line-height:20px;color:var(--lab-danger)}.rt__actions{display:flex;gap:var(--lab-s3);justify-content:flex-end;padding-block-start:var(--lab-s4);border-block-start:1px solid var(--lab-border-subtle)}.rtrow{display:flex;align-items:flex-end;gap:var(--lab-s6);flex-wrap:wrap}.rtrow--fields{align-items:flex-start;gap:var(--lab-s6)}.rtfield{display:flex;flex-direction:column;gap:var(--lab-s2)}.rtfield>span:first-child{font-size:14px;font-weight:600}.rtfield--wide .lab-select{display:block}.rtfield__head{display:flex;align-items:center;gap:var(--lab-s3);flex-wrap:wrap;justify-content:space-between}.rtdelay{display:flex;flex-direction:column;align-items:center;gap:var(--lab-s2)}.rtdelay__label{font-size:13px;line-height:18px;font-weight:600;color:var(--lab-text-1);text-align:center}.kslot{display:flex;flex-direction:column;gap:5px;align-items:center;background:none;border:0;padding:0;cursor:pointer;color:inherit}.kslot--static{cursor:default}.kslot__label{font-size:12px;line-height:16px;color:var(--lab-text-3)}.kslot__cap{min-inline-size:54px;block-size:54px;padding:0 14px;font-size:15px}.dks__row .kslot__cap{min-inline-size:44px;block-size:38px;padding:0 10px;font-size:13px}.kslot--on .lab-key{border-color:var(--lab-orange)}.kp{display:flex;flex-direction:column;gap:var(--lab-s3);padding:var(--lab-s4);background:var(--lab-black);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);inline-size:100%}.kp__groups{display:flex;gap:var(--lab-s2);flex-wrap:wrap;justify-content:center}.kp__groups .lab-chip{block-size:38px;padding:0 20px;font-size:14.5px}.kp__grid{display:flex;gap:var(--lab-s2);flex-wrap:wrap;justify-content:center}.kp__key{min-inline-size:54px;block-size:54px;padding:0 14px;font-size:15px;max-inline-size:240px;overflow:hidden;text-overflow:ellipsis}.kp__key--nothing{min-inline-size:96px}.kp__key--nothing:not(.lab-key--bound){color:var(--lab-orange-hover);border-color:#ea730080;border-block-end-color:#8a4400;background:linear-gradient(180deg,var(--lab-orange-tint),rgba(234,115,0,.05));font-weight:700}.kp__key--nothing:hover:not(:disabled){border-color:var(--lab-orange)}.kp--compact .kp__physical{max-block-size:384px;overflow-y:auto}.dks{display:flex;flex-direction:column;gap:var(--lab-s4)}.dks__grid{display:flex;flex-direction:column;gap:var(--lab-s3);padding:var(--lab-s4);background:var(--lab-black);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);overflow-x:auto}.dks__halves{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:var(--lab-s2);margin-inline-start:132px;font-size:11px;font-weight:600;line-height:14px;letter-spacing:.02em}.dks__half{display:flex;align-items:center;justify-content:center;gap:5px}.dks__half:before{content:"";inline-size:8px;block-size:8px;border-radius:2px}.dks__half--press{grid-column:1 / 5;color:var(--lab-orange-hover)}.dks__half--press:before{background:var(--lab-orange)}.dks__half--release{grid-column:5 / 8;color:var(--lab-positive)}.dks__half--release:before{background:var(--lab-positive)}.dks__head{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:var(--lab-s2);margin-inline-start:132px}.dks__moment{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:var(--lab-r-thumb);background:transparent;border:1px solid transparent;cursor:pointer;color:var(--lab-text-2);font-size:11px;line-height:1;transition:background var(--lab-fast) var(--lab-ease),border-color var(--lab-fast) var(--lab-ease)}.dks__moment:hover{background:#ffffff0d}.dks__moment--on{border-color:var(--lab-orange);background:var(--lab-orange-tint)}.dks__arrow{font-size:13px;line-height:1}.dks__moment--press .dks__arrow{color:var(--lab-orange-hover)}.dks__moment--release .dks__arrow{color:var(--lab-positive)}.dks__value{font-size:13px;font-weight:600;color:var(--lab-text-1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lab-border-strong)}.dks__moment small{color:var(--lab-text-3);font-size:10px}.dks__depthedit{display:flex;align-items:center;gap:var(--lab-s4);flex-wrap:wrap;padding:var(--lab-s3) var(--lab-s4);background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card)}.dks__depthedit>span:first-child{font-size:13px;font-weight:600;flex:none}.dks__warn{font-size:13px;line-height:20px;color:var(--lab-danger)}.dks__action{display:flex;flex-direction:column;gap:var(--lab-s2)}.dks__row{display:flex;align-items:center;gap:var(--lab-s4)}.dks__row .kslot{inline-size:116px;flex:none}.dks__track{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:var(--lab-s2);flex:1;justify-items:center}.dks__mark{inline-size:34px;block-size:34px;display:grid;place-items:center;background:var(--lab-raised);border:1px solid var(--lab-border-default);cursor:pointer;padding:0;color:var(--lab-text-3);font-size:11px;font-weight:600;transition:background var(--lab-fast) var(--lab-ease),border-color var(--lab-fast) var(--lab-ease),color var(--lab-fast) var(--lab-ease)}.dks__mark--point{border-radius:50%}.dks__mark--band{border-radius:var(--lab-r-thumb)}.dks__mark:hover{border-color:var(--lab-border-strong);color:var(--lab-text-1)}.dks__mark[aria-pressed=true]{color:var(--lab-ink)}.dks__mark--press[aria-pressed=true]{background:var(--lab-orange);border-color:var(--lab-orange)}.dks__mark--release[aria-pressed=true]{background:var(--lab-positive);border-color:var(--lab-positive)}.dks__num{line-height:1}.dks__legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lab-s2) var(--lab-s4);font-size:13px;line-height:20px;color:var(--lab-text-2)}@media(max-width:1180px){.dks__legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dks__legend{grid-template-columns:minmax(0,1fr)}}.dks__legend li{display:flex;align-items:center;gap:var(--lab-s2)}.dks__legend .dks__mark{inline-size:24px;block-size:24px;flex:none;cursor:default;font-size:10px}@media(max-width:900px){.dks__halves,.dks__head{margin-inline-start:0}.dks__row{flex-direction:column;align-items:stretch}.dks__row .kslot{inline-size:auto}}.kp__physical{display:flex;flex-direction:column;align-items:center;gap:var(--lab-s2);direction:ltr}.rt__ban{inline-size:700px}.rt__ban h2,.rt__ban .lab-modal__body{white-space:nowrap}/*! * CYC Velocity Configurator - key assignments. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.keys__current{display:flex;align-items:center;gap:var(--lab-s4);flex-wrap:wrap;padding:var(--lab-s4);background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);min-block-size:80px}.keys__current--empty{color:var(--lab-text-2);font-size:14px}.keys__current--empty svg{color:var(--lab-text-3);flex:none}.keys__currentCap,.keys__currentTo{cursor:default}.keys__arrow{color:var(--lab-text-3);flex:none}[dir=rtl] .keys__arrow{transform:scaleX(-1)}.keys__currentMeta{flex:1;min-inline-size:0}.keys__currentMeta strong{font-size:13px;font-weight:600;color:var(--lab-text-2)}.keys__empty{display:flex;align-items:center;gap:var(--lab-s3);padding:var(--lab-s6);background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);color:var(--lab-text-2);font-size:14px}.keys__empty svg{color:var(--lab-text-3);flex:none}.keys__catalogue .block__head h2{font-size:19px}.keys__filters{display:flex;align-items:center;gap:var(--lab-s3);flex-wrap:wrap;min-block-size:38px}.keys__search{flex:0 1 260px;margin-inline-start:auto}.keys__groups{display:flex;gap:var(--lab-s2);flex-wrap:wrap}.keys__groups .lab-chip{block-size:38px;padding:0 20px;font-size:14.5px}.keys__section{display:flex;flex-direction:column;gap:var(--lab-s3)}.keys__sectionTitle{color:var(--lab-text-2)}.keys__choice{position:relative;min-inline-size:54px;block-size:54px;padding:0 14px;font-size:15px;max-inline-size:240px;overflow:hidden;text-overflow:ellipsis}.keys__physical{display:flex;flex-direction:column;align-items:center;gap:var(--lab-s2);direction:ltr}.keys__choicesRow{display:flex;gap:var(--lab-s2);flex-wrap:wrap;justify-content:center}.keys__choice--nothing{min-inline-size:96px}.keys__choice--nothing:not(.lab-key--bound){color:var(--lab-orange-hover);border-color:#ea730080;border-block-end-color:#8a4400;background:linear-gradient(180deg,var(--lab-orange-tint),rgba(234,115,0,.05));font-weight:700}.keys__choice--nothing:hover:not(:disabled){border-color:var(--lab-orange)}/*! * CYC Velocity Configurator - macros. * Copyright (c) 2026 CYC Media Ltd. All rights reserved. */.macro__new{margin-inline-start:auto;margin-inline-end:calc((100% - var(--lab-s6)) * (1 / 2.35) + var(--lab-s6))}@media(max-width:1080px){.macro__new{margin-inline-end:0}}.main__inner:has(.block--macro){max-inline-size:1288px}.block--macro{gap:var(--lab-s6)}.macro__cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--lab-s6);align-items:start}@media(max-width:1080px){.macro__cols{grid-template-columns:minmax(0,1fr)}}.block--macro .keys__empty{inline-size:calc((100% - var(--lab-s6)) * (1.35 / 2.35));margin-inline-end:auto}@media(max-width:1080px){.block--macro .keys__empty{inline-size:100%}}.macro__list{background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);overflow:hidden}.macro__row{display:grid;grid-template-columns:minmax(0,1.6fr) 96px minmax(0,1fr) 100px;align-items:center;gap:var(--lab-s3);padding:var(--lab-s2) var(--lab-s3);border-block-end:1px solid var(--lab-border-subtle);cursor:pointer;transition:background var(--lab-fast) var(--lab-ease)}.macro__row:last-child{border-block-end:0}.macro__row:hover,.macro__row[aria-current=true]{background:var(--lab-raised)}.macro__row--head{cursor:default;background:transparent;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--lab-text-3);padding-block:var(--lab-s2)}.macro__row--head:hover{background:transparent}.macro__row--head span:nth-child(2),.macro__row--head span:nth-child(3){text-align:center}.macro__name{display:flex;align-items:center;gap:var(--lab-s2);min-inline-size:0}.macro__nameInput{flex:1;min-inline-size:0;block-size:32px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:var(--lab-r-thumb);color:var(--lab-text-1);font-size:14px;font-weight:500;font-family:inherit;text-align:start;transition:background var(--lab-fast) var(--lab-ease),border-color var(--lab-fast) var(--lab-ease)}.macro__row:hover .macro__nameInput{border-color:var(--lab-border-default)}.macro__nameInput:focus{background:#111;border-color:var(--lab-orange);box-shadow:0 0 0 3px var(--lab-orange-tint);outline:none}.macro__tag{block-size:22px;padding:0 9px;font-size:11px;flex:none}.macro__when,.macro__len{font-size:12px;color:var(--lab-text-3)}.macro__len{text-align:center}.macro__on{display:flex;gap:4px;flex-wrap:wrap;min-inline-size:0;justify-content:center}.macro__rowActions{display:flex;gap:2px;opacity:0;transition:opacity var(--lab-fast) var(--lab-ease)}.macro__row:hover .macro__rowActions,.macro__row:focus-within .macro__rowActions,.macro__row[aria-current=true] .macro__rowActions{opacity:1}@media(max-width:720px){.macro__row{grid-template-columns:minmax(0,1fr) auto}.macro__when,.macro__len,.macro__on{display:none}}.macro__detail{display:flex;flex-direction:column;gap:var(--lab-s3);padding:var(--lab-s4);background:var(--lab-surface);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card)}.macro__steps{display:flex;gap:6px;flex-wrap:wrap;max-block-size:260px;overflow-y:auto;padding:3px}.step{display:inline-flex;align-items:center;gap:5px;block-size:28px;padding:0 8px;border-radius:var(--lab-r-pill);background:var(--lab-raised);border:1px solid var(--lab-border-default);font-size:12px;line-height:1;white-space:nowrap;position:relative}.step__key{font-weight:600}.step svg{color:var(--lab-text-3);flex:none}.step__dir{display:inline-grid;place-items:center;flex:none}.step__dir svg{color:inherit}.step--up{background:transparent}.step__gap{font-size:10px;color:var(--lab-text-3);padding-inline-start:5px;border-inline-start:1px solid var(--lab-border-default)}.step__held{font-size:10px;color:var(--lab-danger);font-weight:600}.step--held,.step--tight{border-color:#e5484d80}.step--fresh{border-color:var(--lab-orange)}.step__x{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;inline-size:16px;block-size:16px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--lab-overlay);border:1px solid var(--lab-border-strong);cursor:pointer;color:var(--lab-text-2);padding:0;opacity:0;transition:opacity var(--lab-fast) var(--lab-ease)}.step:hover .step__x,.step:focus-within .step__x{opacity:1}.step__x:hover{background:#e5484d33;color:var(--lab-danger)}.rec{display:flex;flex-direction:column;gap:var(--lab-s4);padding:var(--lab-s8);background:var(--lab-surface);border:1px solid var(--lab-orange);border-radius:var(--lab-r-card)}.rec__head{display:flex;align-items:center;gap:var(--lab-s3);flex-wrap:wrap}.rec__head h2{flex:1;min-inline-size:0}.rec__dot{inline-size:12px;block-size:12px;border-radius:50%;flex:none;background:var(--lab-danger);animation:lab-pulse 1.1s infinite}.rec__lead{color:var(--lab-text-2);font-size:14px;line-height:22px}.rec__steps{display:flex;gap:6px;flex-wrap:wrap;min-block-size:96px;max-block-size:260px;overflow-y:auto;padding:var(--lab-s3);background:var(--lab-black);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);align-content:flex-start}.macro__bind{cursor:pointer}.macro__bind--empty{color:var(--lab-text-2);min-inline-size:40px}.macro__bind--empty:hover{border-color:var(--lab-border-strong)}.macro__bindPicker{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--lab-s3);padding:var(--lab-s3) var(--lab-s2) var(--lab-s2);border-block-start:1px solid var(--lab-border-subtle);align-items:flex-start}.step--editing{outline:2px solid var(--lab-text-1);outline-offset:1px}.macro__stepEdit{display:flex;align-items:center;gap:var(--lab-s4);flex-wrap:wrap;padding:var(--lab-s3) var(--lab-s4);border:1px solid var(--lab-border-subtle);border-radius:var(--lab-r-card);background:var(--lab-surface)}.macro__stepEditName{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14px}.macro__stepEditField{display:inline-flex;align-items:center;gap:var(--lab-s2);font-size:13px;color:var(--lab-text-2)}.macro__stepEditMove{display:inline-flex;gap:var(--lab-s1)}