:root{--red:#5e6ad2;--red-dark:#4c57be;--red-soft:#5e6ad229;--red-tint:#5e6ad21f;--red-pink:#6e79e8;--green:#3fb950;--green-soft:#3fb95029;--amber:#d29922;--amber-soft:#d2992229;--blue:#4f8cff;--blue-soft:#4f8cff29;--purple:#8b7cf6;--purple-soft:#8b7cf629;--grey:#8b8b93;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-text:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:9999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--ease-spring:cubic-bezier(.34,1.4,.64,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur-fast:.12s;--dur:.2s;--dur-slow:.34s}:root,[data-theme=dark]{--bg:#0b0b0d;--surface:#111114;--surface-muted:#1a1a1f;--surface-2:#161619;--text:#e8e8ec;--text-2:#9a9aa4;--text-3:#62626c;--on-accent:#fff;--divider:#ffffff12;--outline:#ffffff1c;--glass-base:#0b0b0d;--blob-a:transparent;--blob-b:transparent;--blob-c:transparent;--blob-d:transparent;--glass-fill-top:#111114;--glass-fill-bottom:#111114;--glass-stroke:#ffffff14;--glass-blur:0px;--shadow-sm:0 1px 2px #00000080;--shadow:0 6px 20px #00000080;--shadow-lg:0 16px 44px #0009;--shadow-red:0 4px 14px #5e6ad266;--input-bg:#1a1a1f;--chip-bg:#1a1a1f;--scrim:#0009}[data-theme=light]{--bg:#f7f7f8;--surface:#fff;--surface-muted:#f0f0f2;--surface-2:#fbfbfc;--text:#18181b;--text-2:#6b6b73;--text-3:#a0a0a8;--on-accent:#fff;--divider:#ececef;--outline:#e2e2e6;--red-soft:#5e6ad21f;--red-tint:#5e6ad21a;--green-soft:#3fb95024;--amber-soft:#d2992224;--blue-soft:#4f8cff1f;--purple-soft:#8b7cf624;--glass-base:#f7f7f8;--blob-a:transparent;--blob-b:transparent;--blob-c:transparent;--blob-d:transparent;--glass-fill-top:#fff;--glass-fill-bottom:#fff;--glass-stroke:#ececef;--glass-blur:0px;--shadow-sm:0 1px 2px #0b12200d;--shadow:0 6px 20px #0b122014;--shadow-lg:0 16px 40px #0b122024;--shadow-red:0 4px 14px #5e6ad24d;--input-bg:#fff;--chip-bg:#fff;--scrim:#0b122066}.ic{vertical-align:middle;flex:none;width:20px;height:20px;display:inline-block}.ic use,svg use{transform-box:view-box}:where(.vx-card,.vx-glass,.vx-stat,.vx-offer,.vx-logo-tile,.vx-modal,.vx-sheet,.vx-menu,.vx-bubble,.vx-input,.vx-textarea,.vx-select,.vx-search,.vx-alert,.vx-toast,.vx-chatwidget,.vx-acc,.vx-hero-card,.vx-carousel,.vx-askai,.vx-seg,.vx-stepper,.vx-otp input,.vx-bottomnav,.vx-topbar,.vx-bubble-msg,.vx-iconbtn,.vx-btn,.vx-badge,.vx-chip,.vx-count,.vx-fab,.vx-composer,.vx-modal__actions,.vx-acc__item,.vx-story__inner,.vx-qa__item .vx-bubble,.specimen,.hero,.vx-pager button,.vx-steps__node .circle,.sw){corner-shape:squircle}.vx-glass{background:linear-gradient(180deg,var(--glass-fill-top),var(--glass-fill-bottom));border:1px solid var(--glass-stroke);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);box-shadow:var(--shadow)}.vx-card{border-radius:var(--r-lg);padding:var(--s-5);background:linear-gradient(180deg,var(--glass-fill-top),var(--glass-fill-bottom));border:1px solid var(--glass-stroke);box-shadow:var(--shadow)}.vx-card--tap{cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast)}.vx-card--tap:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vx-btn{font-family:var(--font-text);border-radius:var(--r-pill);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast), box-shadow var(--dur-fast), opacity var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.vx-btn:active{transform:scale(.96)}.vx-btn .ic{width:18px;height:18px}.vx-btn--primary{background:var(--red);color:#fff;box-shadow:0 6px 16px #e11d2a47}.vx-btn--primary:hover{background:var(--red-dark)}.vx-btn--gradient{background:linear-gradient(135deg,var(--red),var(--red-pink));color:#fff;box-shadow:var(--shadow-red)}.vx-btn--outline{color:var(--text);border-color:var(--outline);background:0 0}.vx-btn--outline:hover{border-color:var(--red);color:var(--red)}.vx-btn--tonal{background:var(--red-soft);color:var(--red)}.vx-btn--tonal:hover{background:var(--red-tint)}.vx-btn--ghost{color:var(--text);background:0 0}.vx-btn--ghost:hover{background:var(--surface-muted)}.vx-btn--text{color:var(--red);background:0 0;padding-left:8px;padding-right:8px}.vx-btn--text:hover{text-decoration:underline}.vx-btn--danger{color:var(--red);border-color:var(--red);background:#fff}.vx-btn--danger:hover{background:var(--red);color:#fff}.vx-btn--success{background:var(--green);color:#fff}.vx-btn--lg{padding:16px 28px;font-size:17px}.vx-btn--block{width:100%;display:flex}.vx-btn[disabled],.vx-btn.is-disabled{opacity:.45;pointer-events:none;box-shadow:none}.vx-btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.vx-btn.is-loading:after{content:"";border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite vx-spin;position:absolute}.vx-btn--outline.is-loading:after,.vx-btn--tonal.is-loading:after{border-color:#e11d2a59;border-top-color:var(--red)}.vx-iconbtn{border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--glass-stroke);background:linear-gradient(180deg,var(--glass-fill-top),var(--glass-fill-bottom));width:42px;height:42px;box-shadow:var(--shadow-sm);color:var(--text);transition:transform var(--dur-fast);justify-content:center;align-items:center;display:inline-flex}.vx-iconbtn:active{transform:scale(.92)}.vx-iconbtn--sm{width:34px;height:34px}.vx-iconbtn--lg{width:50px;height:50px}.vx-iconbtn--accent{background:var(--red);color:#fff;border-color:#0000}.vx-iconbtn .ic{width:20px;height:20px}.vx-fab{border-radius:var(--r-pill);cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--red),var(--red-pink));width:56px;height:56px;box-shadow:var(--shadow-red);transition:transform var(--dur-fast) var(--ease-spring);border:0;justify-content:center;align-items:center;display:inline-flex}.vx-fab:active{transform:scale(.9)}.vx-fab--extended{gap:8px;width:auto;padding:0 22px;font-size:15px;font-weight:600}.vx-fab .ic{width:26px;height:26px}.vx-btn-group{border-radius:var(--r-pill);border:1px solid var(--outline);display:inline-flex;overflow:hidden}.vx-btn-group .vx-btn{border:0;border-right:1px solid var(--outline);box-shadow:none;border-radius:0}.vx-btn-group .vx-btn:last-child{border-right:0}.vx-btn-group .vx-btn.is-active{background:var(--red);color:#fff}.vx-field{flex-direction:column;gap:6px;display:flex}.vx-label{color:var(--text-2);font-size:13px;font-weight:600}.vx-input,.vx-textarea,.vx-select{width:100%;font-family:var(--font-text);color:var(--text);background:var(--input-bg);border:1px solid var(--outline);border-radius:var(--r-md);transition:border var(--dur-fast), box-shadow var(--dur-fast);outline:0;padding:13px 16px;font-size:15px}.vx-input::placeholder,.vx-textarea::placeholder{color:var(--text-3)}.vx-input:focus,.vx-textarea:focus,.vx-select:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.vx-textarea{resize:vertical;min-height:96px}.vx-input--error{border-color:var(--red)}.vx-help{color:var(--text-3);font-size:12px}.vx-help--error{color:var(--red)}.vx-input[disabled]{opacity:.5;pointer-events:none}.vx-input-wrap{align-items:center;display:flex;position:relative}.vx-input-wrap .ic{width:18px;height:18px;color:var(--text-3);pointer-events:none;position:absolute;left:14px}.vx-input-wrap .vx-input{padding-left:42px}.vx-search{border-radius:var(--r-pill);background:var(--input-bg);border:1px solid var(--red);box-shadow:0 0 0 3px var(--red-tint);align-items:center;gap:10px;padding:12px 16px;display:flex}.vx-search .ic{width:18px;height:18px;color:var(--red)}.vx-search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:15px}.vx-seg{border-radius:var(--r-pill);background:var(--surface-muted);border:1px solid var(--divider);gap:2px;padding:4px;display:inline-flex}.vx-seg button{color:var(--text-2);border-radius:var(--r-pill);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:0;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600}.vx-seg button.is-active{background:var(--red);color:#fff;box-shadow:0 2px 8px #e11d2a4d}.vx-switch{cursor:pointer;width:50px;height:30px;display:inline-block;position:relative}.vx-switch--sm{width:40px;height:24px}.vx-switch--sm .knob{width:18px;height:18px}.vx-switch--sm input:checked+.track+.knob{transform:translate(16px)}.vx-check{cursor:pointer;color:var(--text);align-items:center;gap:10px;font-size:15px;display:inline-flex}.vx-check input{display:none}.vx-check .box{border:2px solid var(--outline);width:22px;height:22px;transition:all var(--dur-fast);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.vx-check .box svg{stroke:#fff;opacity:0;width:14px;height:14px;transition:all var(--dur-fast);transform:scale(.5)}.vx-check input:checked+.box{background:var(--red);border-color:var(--red)}.vx-check input:checked+.box svg{opacity:1;transform:scale(1)}.vx-radio{cursor:pointer;color:var(--text);align-items:center;gap:10px;font-size:15px;display:inline-flex}.vx-radio input{display:none}.vx-radio .dot{border:2px solid var(--outline);width:22px;height:22px;transition:all var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.vx-radio .dot:after{content:"";background:var(--red);width:10px;height:10px;transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%;transform:scale(0)}.vx-radio input:checked+.dot{border-color:var(--red)}.vx-radio input:checked+.dot:after{transform:scale(1)}.vx-slider{appearance:none;border-radius:var(--r-pill);background:var(--surface-muted);outline:0;width:100%;height:6px}.vx-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--red);width:22px;height:22px;box-shadow:var(--shadow-sm);cursor:pointer;border:3px solid #fff;border-radius:50%}.vx-slider::-moz-range-thumb{background:var(--red);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px}.vx-stepper{border:1px solid var(--outline);border-radius:var(--r-pill);background:var(--input-bg);align-items:center;gap:2px;padding:3px;display:inline-flex}.vx-stepper button{border-radius:var(--r-pill);width:34px;height:34px;color:var(--red);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:inline-flex}.vx-stepper button:hover{background:var(--red-soft)}.vx-stepper .val{text-align:center;min-width:36px;font-weight:600}.vx-otp{gap:10px;display:inline-flex}.vx-otp input{text-align:center;width:48px;height:56px;font-family:var(--font-display);border:1px solid var(--outline);border-radius:var(--r-md);background:var(--input-bg);color:var(--text);outline:0;font-size:22px;font-weight:700}.vx-otp input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.vx-chip{border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--outline);background:var(--chip-bg);color:var(--text-2);transition:all var(--dur-fast);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.vx-chip:hover{border-color:var(--red);color:var(--red)}.vx-chip.is-active{background:var(--red);color:#fff;border-color:#0000}.vx-chip--tonal{background:var(--red-soft);color:var(--red);border-color:#0000}.vx-chip .ic{width:14px;height:14px}.vx-chip .x{opacity:.6;font-size:14px}.vx-badge{border-radius:var(--r-pill);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.vx-badge--red{background:var(--red-soft);color:var(--red)}.vx-badge--green{background:var(--green-soft);color:var(--green)}.vx-badge--amber{background:var(--amber-soft);color:var(--amber)}.vx-badge--blue{background:var(--blue-soft);color:var(--blue)}.vx-badge--grey{background:var(--surface-muted);color:var(--text-2)}.vx-badge--solid{background:var(--red);color:#fff}.vx-badge--dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.vx-count{border-radius:var(--r-pill);background:var(--red);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.vx-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.vx-dot--online{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.vx-dot--idle{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.vx-dot--off{background:var(--grey)}.vx-avatar{border-radius:var(--r-pill);object-fit:cover;border:2px solid var(--surface);width:44px;height:44px;box-shadow:var(--shadow-sm)}.vx-avatar--sm{width:32px;height:32px}.vx-avatar--lg{width:64px;height:64px}.vx-avatar-wrap{display:inline-block;position:relative}.vx-avatar-wrap .vx-dot{border:2px solid var(--surface);width:13px;height:13px;position:absolute;bottom:0;right:0}.vx-avatar-stack{display:inline-flex}.vx-avatar-stack .vx-avatar{margin-left:-12px}.vx-avatar-stack .vx-avatar:first-child{margin-left:0}.vx-bubble{border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.vx-bubble .ic{width:20px;height:20px}.vx-bubble--red{background:var(--red-soft);color:var(--red)}.vx-bubble--green{background:var(--green-soft);color:var(--green)}.vx-bubble--amber{background:var(--amber-soft);color:var(--amber)}.vx-bubble--blue{background:var(--blue-soft);color:var(--blue)}.vx-bubble--purple{background:var(--purple-soft);color:var(--purple)}.vx-bubble--grey{background:var(--surface-muted);color:var(--text-2)}.vx-bubble--lg{border-radius:16px;width:52px;height:52px}.vx-tip{display:inline-flex;position:relative}.vx-tip__bubble{background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--dur-fast);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.vx-tip:hover .vx-tip__bubble{opacity:1;transform:translate(-50%)translateY(0)}.vx-rating{color:var(--amber);gap:3px;display:inline-flex}.vx-rating .ic{width:20px;height:20px}.vx-rating .empty{color:var(--outline)}@keyframes vx-spin{to{transform:rotate(360deg)}}.vx-spinner{border:3px solid var(--surface-muted);border-top-color:var(--red);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite vx-spin}.vx-spinner--sm{border-width:2px;width:18px;height:18px}.vx-progress{border-radius:var(--r-pill);background:var(--surface-muted);height:8px;overflow:hidden}.vx-progress>span{border-radius:var(--r-pill);background:linear-gradient(90deg,var(--red),var(--red-pink));height:100%;display:block}.vx-progress--thin{height:4px}.vx-ring{--p:72;--size:96px;width:var(--size);height:var(--size);place-items:center;display:inline-grid;position:relative}.vx-ring:before{content:"";background:conic-gradient(var(--red) calc(var(--p)*1%), var(--surface-muted) 0);border-radius:50%;position:absolute;inset:0}.vx-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:9px}.vx-ring__label{font-family:var(--font-display);font-size:20px;font-weight:700;position:relative}.vx-ring--grad:before{background:conic-gradient(from -90deg, var(--red), var(--red-pink) calc(var(--p)*1%), var(--surface-muted) 0)}@keyframes vx-shimmer{to{background-position:-200% 0}}.vx-skel{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-muted) 25%, var(--divider) 37%, var(--surface-muted) 63%);background-size:200% 100%;animation:1.3s infinite vx-shimmer}.vx-skel--text{height:12px;margin:6px 0}.vx-skel--circle{border-radius:50%}.vx-alert{border-radius:var(--r-md);align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.vx-alert .ic{flex-shrink:0;width:20px;height:20px;margin-top:1px}.vx-alert__title{margin-bottom:2px;font-weight:600}.vx-alert--info{background:var(--blue-soft);color:var(--blue)}.vx-alert--success{background:var(--green-soft);color:var(--green)}.vx-alert--warn{background:var(--amber-soft);color:var(--amber)}.vx-alert--error{background:var(--red-soft);color:var(--red)}.vx-alert__body{color:var(--text)}.vx-alert__body .vx-alert__title{color:inherit}.vx-toast{border-radius:var(--r-md);background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);align-items:center;gap:12px;max-width:360px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.vx-toast .vx-bubble{border-radius:9px;width:30px;height:30px}.vx-empty{text-align:center;padding:40px 20px}.vx-empty img{width:120px;margin:0 auto 16px}.vx-empty h4{margin-bottom:6px;font-size:18px}.vx-empty p{color:var(--text-2);font-size:14px}.vx-chartbox{width:100%}.vx-row{border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-fast);align-items:center;gap:14px;padding:14px 16px;display:flex}.vx-row:hover{background:var(--surface-muted)}.vx-row__text{flex:1;min-width:0}.vx-row__title{font-size:15px;font-weight:600}.vx-row__sub{color:var(--text-2);margin-top:2px;font-size:13px}.vx-row__trail{color:var(--text-3);align-items:center;gap:8px;display:flex}.vx-row__chevron{width:18px;height:18px;color:var(--text-3)}.vx-list{flex-direction:column;display:flex}.vx-list .vx-row+.vx-row{border-top:1px solid var(--divider);border-radius:0}.vx-stat{border-radius:var(--r-md);background:linear-gradient(180deg,var(--glass-fill-top),var(--glass-fill-bottom));border:1px solid var(--glass-stroke);box-shadow:var(--shadow-sm);padding:16px}.vx-stat__val{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:700}.vx-stat__label{color:var(--text-2);margin-top:2px;font-size:12px}.vx-stat__delta{align-items:center;gap:3px;margin-top:6px;font-size:12px;font-weight:600;display:inline-flex}.vx-stat__delta.up{color:var(--green)}.vx-stat__delta.down{color:var(--red)}.vx-hero-card{border-radius:var(--r-xl);color:#fff;background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:var(--shadow-red);padding:24px;position:relative;overflow:hidden}.vx-hero-card__tag{border-radius:var(--r-pill);background:#ffffff38;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.vx-hero-card h3{margin:12px 0 4px;font-size:26px;font-weight:700}.vx-hero-card p{opacity:.9;font-size:14px}.vx-hero-card .glow{background:#ffffff26;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-40px}.vx-qa{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.vx-qa__item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.vx-qa__item span{color:var(--text-2);text-align:center;font-size:12px;font-weight:500}.vx-qa__item:active .vx-bubble{transform:scale(.92)}.vx-qa__item .vx-bubble{transition:transform var(--dur-fast)}.vx-stories{gap:14px;padding:4px 2px;display:flex;overflow-x:auto}.vx-story{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:7px;display:flex}.vx-story__ring{background:conic-gradient(from -60deg, var(--red), var(--red-pink), var(--amber), var(--red));border-radius:50%;place-items:center;width:62px;height:62px;padding:3px;display:grid}.vx-story__inner{background:var(--surface);border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.vx-story span{color:var(--text-2);font-size:12px}.vx-logos{gap:12px;padding:2px;display:flex;overflow-x:auto}.vx-logo-tile{border-radius:var(--r-md);border:1px solid var(--outline);width:84px;height:56px;box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;place-items:center;padding:10px;display:grid}.vx-logo-tile img{object-fit:contain;max-width:100%;max-height:100%}.vx-rail{gap:14px;padding:4px 2px;display:flex;overflow-x:auto}.vx-offer{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--glass-stroke);width:240px;box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.vx-offer img{object-fit:cover;width:100%;height:120px}.vx-offer__body{padding:14px}.vx-offer__body h4{font-size:15px}.vx-offer__body p{color:var(--text-2);margin-top:3px;font-size:13px}.vx-carousel{border-radius:var(--r-lg);box-shadow:var(--shadow);position:relative;overflow:hidden}.vx-carousel__track{transition:transform var(--dur-slow) var(--ease-out);display:flex}.vx-carousel__slide{min-width:100%;position:relative}.vx-carousel__slide img{object-fit:cover;width:100%;height:200px}.vx-carousel__overlay{color:#fff;background:linear-gradient(#0000 30%,#000000b8);flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:absolute;inset:0}.vx-carousel__overlay .tag{border-radius:var(--r-pill);background:var(--red);align-self:flex-start;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700}.vx-carousel__overlay h3{font-size:22px}.vx-carousel__overlay p{opacity:.9;margin-top:2px;font-size:14px}.vx-carousel__dots{gap:6px;display:flex;position:absolute;bottom:14px;right:18px}.vx-carousel__dots i{border-radius:var(--r-pill);width:7px;height:7px;transition:all var(--dur);background:#ffffff80}.vx-carousel__dots i.on{background:#fff;width:20px}.vx-askai{border-radius:var(--r-lg);color:#fff;background:linear-gradient(135deg,var(--red),var(--red-pink));box-shadow:var(--shadow-red);cursor:pointer;align-items:center;gap:14px;padding:18px;display:flex}.vx-askai__icon{background:#ffffff38;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.vx-askai__icon .ic{width:24px;height:24px}.vx-askai__text{flex:1}.vx-askai__text h4{font-size:16px}.vx-askai__text p{opacity:.9;margin-top:2px;font-size:13px}.vx-acc{border:1px solid var(--divider);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.vx-acc__item+.vx-acc__item{border-top:1px solid var(--divider)}.vx-acc__head{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;font-weight:600;display:flex}.vx-acc__head .ic{width:18px;height:18px;color:var(--text-3);transition:transform var(--dur)}.vx-acc__item.open .vx-acc__head .ic{transform:rotate(180deg)}.vx-acc__body{max-height:0;transition:max-height var(--dur) var(--ease-out);color:var(--text-2);font-size:14px;overflow:hidden}.vx-acc__body>div{padding:0 16px 16px}.vx-acc__item.open .vx-acc__body{max-height:240px}.vx-notif{gap:14px;padding:14px 16px;display:flex;position:relative}.vx-notif__text{flex:1}.vx-notif__title{font-size:15px;font-weight:600}.vx-notif__body{color:var(--text-2);margin-top:2px;font-size:13px}.vx-notif__time{color:var(--text-3);font-size:12px}.vx-notif__unread{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:16px}.vx-topbar{border-radius:var(--r-lg);background:linear-gradient(180deg,var(--glass-fill-top),transparent);border:1px solid var(--glass-stroke);align-items:center;gap:12px;padding:12px 16px;display:flex}.vx-topbar h3{flex:1;font-size:17px;font-weight:700}.vx-bottomnav{background:linear-gradient(180deg,var(--glass-fill-top),var(--glass-fill-bottom));border:1px solid var(--glass-stroke);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);border-radius:26px;justify-content:space-around;align-items:center;gap:4px;max-width:420px;padding:10px 16px;display:flex;position:relative}.vx-bottomnav__item{border-radius:var(--r-pill);color:var(--text-3);cursor:pointer;transition:color var(--dur);z-index:1;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;font-size:11px;font-weight:600;display:flex;position:relative}.vx-bottomnav__item .ic{width:24px;height:24px}.vx-bottomnav__item.is-active{color:var(--red)}.vx-bottomnav__item.is-active:before{content:"";border-radius:var(--r-pill);background:var(--red-soft);z-index:-1;animation:vx-pop var(--dur) var(--ease-spring);position:absolute;inset:0}@keyframes vx-pop{0%{opacity:0;transform:scale(.6)}}.vx-tabs{border-bottom:1px solid var(--divider);gap:6px;display:flex}.vx-tabs button{color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:600;position:relative}.vx-tabs button.is-active{color:var(--red)}.vx-tabs button.is-active:after{content:"";background:var(--red);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:16px;right:16px}.vx-draweritem{border-radius:var(--r-sm);cursor:pointer;color:var(--text);align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex}.vx-draweritem:hover{background:var(--surface-muted)}.vx-draweritem.is-active{background:var(--red-soft);color:var(--red);font-weight:600}.vx-draweritem .vx-chevron{color:var(--text-3);width:18px;height:18px;margin-left:auto}.vx-crumbs{color:var(--text-2);align-items:center;gap:8px;font-size:14px;display:flex}.vx-crumbs a{color:var(--text-2)}.vx-crumbs a:hover{color:var(--red)}.vx-crumbs .sep{color:var(--text-3)}.vx-crumbs .cur{color:var(--text);font-weight:600}.vx-pager{gap:6px;display:inline-flex}.vx-pager button{border-radius:var(--r-sm);border:1px solid var(--outline);background:var(--surface);min-width:38px;height:38px;color:var(--text);cursor:pointer;font-family:inherit;font-weight:600}.vx-pager button:hover{border-color:var(--red);color:var(--red)}.vx-pager button.is-active{background:var(--red);color:#fff;border-color:#0000}.vx-steps{align-items:center;display:flex}.vx-steps__node{flex-direction:column;align-items:center;gap:6px;display:flex}.vx-steps__node .circle{background:var(--surface-muted);width:34px;height:34px;color:var(--text-2);border:2px solid var(--outline);border-radius:50%;place-items:center;font-weight:700;display:grid}.vx-steps__node span{color:var(--text-2);font-size:12px}.vx-steps__node.done .circle,.vx-steps__node.active .circle{background:var(--red);color:#fff;border-color:var(--red)}.vx-steps__line{background:var(--outline);flex:1;height:2px;margin:0 8px 24px}.vx-steps__line.done{background:var(--red)}.vx-modal-demo{border-radius:var(--r-lg);min-height:200px;position:relative;overflow:hidden}.vx-modal{border-radius:var(--r-xl);background:var(--surface);width:min(380px,100%);box-shadow:var(--shadow-lg);border:1px solid var(--glass-stroke);padding:24px}.vx-modal h3{margin-bottom:8px;font-size:20px}.vx-modal p{color:var(--text-2);margin-bottom:20px;font-size:14px}.vx-modal__actions{justify-content:flex-end;gap:10px;display:flex}.vx-sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface);width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--glass-stroke);padding:24px}.vx-sheet__grip{border-radius:var(--r-pill);background:var(--outline);width:40px;height:5px;margin:0 auto 18px}.vx-menu{border-radius:var(--r-md);background:var(--surface);width:200px;box-shadow:var(--shadow-lg);border:1px solid var(--divider);padding:6px}.vx-menu button{width:100%;color:var(--text);border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:14px;display:flex}.vx-menu button:hover{background:var(--surface-muted)}.vx-menu button.danger{color:var(--red)}.vx-menu .ic{width:18px;height:18px}.vx-menu hr{border:0;border-top:1px solid var(--divider);margin:6px 0}.vx-chat{flex-direction:column;gap:12px;display:flex}.vx-bubble-msg{max-width:78%;padding:12px 16px;font-size:15px;line-height:1.45}.vx-bubble-msg--bot{background:var(--surface);border:1px solid var(--divider);color:var(--text);box-shadow:var(--shadow-sm);border-radius:18px 18px 18px 6px;align-self:flex-start}.vx-bubble-msg--user{background:var(--red);color:#fff;border-radius:18px 18px 6px;align-self:flex-end}.vx-typing{background:var(--surface);border:1px solid var(--divider);border-radius:18px 18px 18px 6px;align-self:flex-start;gap:5px;padding:14px 16px;display:inline-flex}.vx-typing i{background:var(--text-3);border-radius:50%;width:8px;height:8px;animation:1.2s infinite vx-blink}.vx-typing i:nth-child(2){animation-delay:.2s}.vx-typing i:nth-child(3){animation-delay:.4s}@keyframes vx-blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.vx-composer{border-radius:var(--r-pill);background:var(--input-bg);border:1px solid var(--outline);align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.vx-composer input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:15px}.vx-chatwidget{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--divider);max-width:80%;box-shadow:var(--shadow-sm);align-self:flex-start;padding:16px}.vx-chatwidget h4{color:var(--text-2);font-size:14px;font-weight:600}.vx-chatwidget .big{font-family:var(--font-display);margin:4px 0;font-size:28px;font-weight:700}.vx-table{border-collapse:collapse;width:100%;font-size:14px}.vx-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--divider);padding:12px 14px;font-size:12px;font-weight:600}.vx-table td{border-bottom:1px solid var(--divider);padding:14px}.vx-table tbody tr:hover{background:var(--surface-muted)}.vx-table tbody tr:last-child td{border-bottom:0}.vx-timeline{padding-left:28px;position:relative}.vx-timeline:before{content:"";background:var(--divider);width:2px;position:absolute;top:6px;bottom:6px;left:9px}.vx-timeline__item{padding-bottom:22px;position:relative}.vx-timeline__item:before{content:"";background:var(--red);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-23px}.vx-timeline__item h4{font-size:15px}.vx-timeline__item p{color:var(--text-2);margin-top:2px;font-size:13px}.vx-timeline__item time{color:var(--text-3);font-size:12px}.vx-kv{flex-direction:column;display:flex}.vx-kv__row{border-bottom:1px solid var(--divider);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.vx-kv__row:last-child{border-bottom:0}.vx-kv__row .k{color:var(--text-2)}.vx-kv__row .v{font-weight:600}.sw-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;width:100%;display:grid}.sw{border-radius:var(--r-md);border:1px solid var(--divider);background:var(--surface);overflow:hidden}.sw__chip{height:72px}.sw__meta{padding:10px 12px}.sw__name{font-size:13px;font-weight:600}.sw__hex{color:var(--text-2);text-transform:uppercase;font-family:ui-monospace,monospace;font-size:12px}.type-row{border-bottom:1px solid var(--divider);align-items:baseline;gap:18px;padding:12px 0;display:flex}.type-row .meta{width:130px;color:var(--text-2);flex-shrink:0;font-family:ui-monospace,monospace;font-size:12px}.radii-grid,.shadow-grid{flex-wrap:wrap;gap:18px;display:flex}.radii-grid figure,.shadow-grid figure{text-align:center;margin:0}.radii-grid .box{background:var(--red-soft);border:1px solid var(--red);width:84px;height:84px}.shadow-grid .box{border-radius:var(--r-md);background:var(--surface);width:96px;height:96px}.radii-grid figcaption,.shadow-grid figcaption{color:var(--text-2);margin-top:8px;font-family:ui-monospace,monospace;font-size:12px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-text);color:var(--text);background:var(--bg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13px;line-height:1.45;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0}::selection{background:var(--red);color:#fff}kbd{font-family:var(--font-text);background:var(--surface-muted);border:1px solid var(--outline);color:var(--text-2);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--outline);background-clip:padding-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.app{background:var(--bg);flex-direction:column;height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.brand__logo{width:auto;height:22px;display:block}.brand b{color:var(--text-2);font-weight:700}.topbar__div{background:var(--divider);width:1px;height:20px}.histbtns{gap:2px;display:flex}.spacer{flex:1}.theme-toggle{border-radius:var(--r-sm);border:1px solid var(--outline);background:var(--surface);width:30px;height:28px;color:var(--text);cursor:pointer;transition:all var(--dur-fast);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.theme-toggle:hover{border-color:var(--red);color:var(--red)}.theme-toggle:active{transform:scale(.94)}.workspace{flex:1;min-height:0;display:flex}.col__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:2px 4px 8px;font-size:10px;font-weight:700}.sidepanel{background:var(--surface);flex-direction:column;flex:none;min-height:0;display:flex;position:relative}.sidepanel--left{border-right:1px solid var(--divider)}.sidepanel--right{border-left:1px solid var(--divider)}.sidepanel__head{border-bottom:1px solid var(--divider);flex:none;justify-content:space-between;align-items:center;height:34px;padding:0 6px 0 12px;display:flex}.sidepanel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:700}.sidepanel__body{flex:1;min-height:0;overflow-y:auto}.pc{padding:12px 10px}.resizer{cursor:col-resize;z-index:6;width:7px;position:absolute;top:0;bottom:0}.resizer--left{left:-3px}.resizer--right{right:-3px}.resizer:hover{background:linear-gradient(90deg, transparent 40%, var(--red) 40% 60%, transparent 60%)}.paneltab{cursor:pointer;background:var(--surface);width:26px;color:var(--text-2);border:0;border-left:1px solid var(--divider);border-right:1px solid var(--divider);transition:color var(--dur-fast), background var(--dur-fast);flex-direction:column;flex:none;align-items:center;gap:8px;padding:10px 0;display:flex}.paneltab:hover{color:var(--red);background:var(--surface-muted)}.paneltab__chev{font-size:13px}.paneltab__label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;font-size:11px;font-weight:600}.iconbtn.on{color:var(--red)}.codecol{flex-direction:column;gap:10px;height:100%;display:flex}.codecol__top{flex-direction:column;flex:none;gap:8px;display:flex}.code-actions{gap:6px;display:flex}.copybtn{transition:transform var(--dur-fast) var(--ease-spring);flex:1}.copybtn.is-copied{background:var(--green)!important;border-color:var(--green)!important}.vx-btn.is-on{color:var(--red);border-color:var(--red)}.code-out{background:var(--bg);border:1px solid var(--divider);border-radius:var(--r-md);flex:1;min-height:100px;margin:0;padding:8px 0;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.code-out code{display:block}.code-out .cl{display:flex}.code-out .cl__n{text-align:right;width:34px;color:var(--text-3);-webkit-user-select:none;user-select:none;flex:none;padding-right:10px}.code-out .cl__t{white-space:pre;color:var(--text);flex:1;padding-right:12px}.code-out.wrap .cl__t{white-space:pre-wrap;word-break:break-word}.stage-area{background:var(--bg);flex:1;min-width:0;position:relative;overflow:hidden}.canvas-stage{background:radial-gradient(100% 100% at 50% 0%, color-mix(in srgb, var(--surface) 40%, transparent), transparent), repeating-conic-gradient(var(--surface-muted) 0% 25%, transparent 0% 50%) 0 0 / 18px 18px;position:absolute;inset:0}.canvas-stage.cur-cross canvas{cursor:crosshair!important}.canvas-stage.cur-grab canvas{cursor:grab!important}.canvas-stage.cur-grabbing canvas{cursor:grabbing!important}.canvas-stage.cur-default canvas{cursor:default}.zoombar{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--outline);box-shadow:var(--shadow);align-items:center;gap:1px;padding:3px;display:flex;position:absolute;bottom:12px;right:12px}.zoombar .iconbtn{width:28px;height:28px;font-size:15px}.zoombar__pct{min-width:48px;height:28px;color:var(--text);font:600 12px var(--font-text);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0}.zoombar__pct:hover{background:var(--surface-muted)}.canvas-units{z-index:5;width:138px;position:absolute;top:12px;right:12px}.canvas-units .dd{background:var(--surface);box-shadow:var(--shadow)}.penhint{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--outline);color:var(--text-2);box-shadow:var(--shadow);white-space:nowrap;padding:7px 13px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.penhint b{color:var(--red)}.canvas-empty{text-align:center;color:var(--text-2);pointer-events:none;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,110px)}.canvas-empty span{color:var(--text-3);font-size:12px}.toolgrid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.toolbtn{border-radius:var(--r-sm);border:1px solid var(--outline);cursor:pointer;background:var(--surface-2);color:var(--text-2);transition:all var(--dur-fast);flex-direction:column;align-items:center;gap:4px;padding:10px 5px;font-family:inherit;font-size:10.5px;font-weight:600;display:flex;position:relative}.toolbtn:hover{border-color:var(--text-3);color:var(--text);background:var(--surface-muted)}.toolbtn:active{transform:scale(.95)}.toolbtn.active{background:var(--red);color:#fff;border-color:var(--red)}.toolbtn .glyph{font-size:16px;line-height:1}.toolbtn__key{opacity:.5;position:absolute;top:4px;right:5px;transform:scale(.82)}.toolbtn.active .toolbtn__key{color:#fff;opacity:.85;background:#fff3;border-color:#0000}.toolbtn--wide{flex-direction:row;grid-column:1/-1;justify-content:center;gap:7px;padding:9px}.layers{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.layer{border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-fast);align-items:center;gap:7px;padding:6px 7px;display:flex}.layer:hover{background:var(--surface-muted)}.layer.sel{background:var(--red-soft)}.layer.sel .layer__name{color:var(--red);font-weight:600}.layer__sw{border:1px solid var(--outline);border-radius:4px;flex:none;width:14px;height:14px}.layer__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.layer__ctrls{opacity:0;transition:opacity var(--dur-fast);gap:0;display:flex}.layer:hover .layer__ctrls,.layer.sel .layer__ctrls{opacity:1}.empty-hint{color:var(--text-3);text-align:center;padding:14px 8px;font-size:12px;line-height:1.6}.iconbtn{color:var(--text-3);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), transform var(--dur-fast);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:4px 5px;font-size:12px;line-height:1;display:inline-flex}.iconbtn:hover{background:var(--surface-muted);color:var(--text)}.iconbtn:active{transform:scale(.85)}.iconbtn:disabled{opacity:.3;cursor:default}.iconbtn.danger:hover{background:var(--red-soft);color:var(--red)}.insp-header{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--outline);align-items:center;gap:8px;margin-bottom:10px;padding:8px 9px;display:flex}.insp-header__icon{background:var(--red-soft);width:26px;height:26px;color:var(--red);border-radius:7px;flex:none;place-items:center;font-size:14px;display:grid}.insp-header__name{min-width:0;color:var(--text);font:700 14px var(--font-display);background:0 0;border:0;border-radius:5px;outline:0;flex:1;padding:2px 4px}.insp-header__name:focus{background:var(--input-bg);box-shadow:0 0 0 2px var(--red-tint)}.block{border:1px solid var(--divider);border-radius:var(--r-md);background:var(--surface-2);margin-bottom:8px}.block__head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:9px 10px;display:flex}.block__head h4{font-size:12px;font-weight:700}.block__head .chev{color:var(--text-3);transition:transform var(--dur);font-size:9px}.block.collapsed .block__head .chev{transform:rotate(-90deg)}.block__icon{color:var(--text-2);font-size:11px}.block__head .spacer{flex:1}.block__wrap{transition:grid-template-rows var(--dur) var(--ease-out);grid-template-rows:1fr;display:grid}.block.collapsed .block__wrap{grid-template-rows:0fr}.block__body{flex-direction:column;gap:9px;padding:0 10px;display:flex;overflow:hidden}.block:not(.collapsed) .block__body{padding-top:1px;padding-bottom:11px}.paint-dot{border:1px solid var(--outline);border-radius:4px;width:12px;height:12px;display:inline-block}.field{flex-direction:column;gap:5px;display:flex}.field.row{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.field.row>.lbl{flex:1}.lbl{color:var(--text-2);letter-spacing:.01em;font-size:10.5px;font-weight:600}.lbl--row{justify-content:space-between;align-items:center;display:flex}.lbl__val{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.scrub{cursor:ew-resize;touch-action:none}.scrub:hover{color:var(--red)}.grid2{grid-template-columns:1fr 1fr;gap:7px;display:grid}.in{width:100%;font-family:var(--font-text);color:var(--text);background:var(--input-bg);border:1px solid var(--outline);border-radius:var(--r-sm);transition:border var(--dur-fast), box-shadow var(--dur-fast);outline:0;padding:6px 8px;font-size:12.5px}.in:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.num__box{align-items:center;display:flex;position:relative}.num__suffix{color:var(--text-3);pointer-events:none;font-size:10px;position:absolute;right:8px}.num input[type=number]{-moz-appearance:textfield}.num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.colorctl{flex-direction:column;gap:6px;display:flex}.color{align-items:center;gap:6px;display:flex}.color__chip{border:1px solid var(--outline);cursor:pointer;border-radius:7px;flex:none;width:28px;height:28px;position:relative;overflow:hidden}.color__chip input[type=color]{cursor:pointer;background:0 0;border:0;width:150%;height:150%;padding:0;position:absolute;inset:-4px}.color .hex{text-transform:uppercase;flex:1;font-family:ui-monospace,monospace;font-size:11.5px}.pick{border:1px solid var(--outline);border-radius:7px;width:28px;height:28px;font-size:13px}.swrow{flex-wrap:wrap;gap:4px;display:flex}.swrow .sw{border:1px solid var(--outline);cursor:pointer;width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-spring);border-radius:5px;padding:0}.swrow .sw:hover{transform:scale(1.18)}.linkbtn{cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:5px;padding:2px 4px;font-size:12px}.linkbtn.on{opacity:1}.linkbtn:hover{background:var(--surface-muted)}.slider input[type=range]{appearance:none;border-radius:var(--r-pill);cursor:pointer;background:linear-gradient(90deg, var(--red) var(--pct,50%), var(--surface-muted) var(--pct,50%));outline:0;width:100%;height:5px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--red);border:3px solid var(--surface-2);width:15px;height:15px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%}.slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider input[type=range]::-moz-range-thumb{background:var(--red);border:3px solid var(--surface-2);border-radius:50%;width:13px;height:13px}.seg2{border-radius:var(--r-sm);background:var(--surface-muted);border:1px solid var(--divider);flex-wrap:wrap;gap:2px;padding:2px;display:flex}.seg2 button{min-width:0;color:var(--text-2);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:0;border-radius:6px;flex:auto;padding:6px 7px;font-family:inherit;font-size:11.5px;font-weight:600}.seg2 button:hover{color:var(--text)}.seg2 button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.seg2--accent button.on{background:var(--red);color:#fff;box-shadow:none}.vx-switch{cursor:pointer;flex:none;width:38px;height:22px;display:inline-block;position:relative}.vx-switch input{display:none}.vx-switch .track{border-radius:var(--r-pill);background:var(--outline);transition:background var(--dur);position:absolute;inset:0}.vx-switch .knob{width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.vx-switch input:checked+.track{background:var(--red)}.vx-switch input:checked+.track+.knob{transform:translate(16px)}.gradbar{border:1px solid var(--outline);border-radius:5px;height:16px}.stops{flex-direction:column;gap:6px;display:flex}.stop{align-items:center;gap:7px;display:flex}.stop input[type=color]{border:1px solid var(--outline);cursor:pointer;background:0 0;border-radius:5px;flex:none;width:26px;height:24px;padding:0}.stop input[type=range]{accent-color:var(--red);flex:1}.dd{cursor:pointer;width:100%;font-family:var(--font-text);color:var(--text);background:var(--input-bg);border:1px solid var(--outline);border-radius:var(--r-sm);transition:border var(--dur-fast), box-shadow var(--dur-fast);text-align:left;outline:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.dd:hover{border-color:var(--text-3)}.dd.open{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.dd__val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd__chev{color:var(--text-3);transition:transform var(--dur-fast);flex:none;font-size:9px}.dd.open .dd__chev{transform:rotate(180deg)}.dd-pop{z-index:200;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--outline);box-shadow:var(--shadow-lg);animation:ddIn .12s var(--ease-out);padding:4px;overflow-y:auto}.dd-opt{width:100%;color:var(--text);border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:background var(--dur-fast);background:0 0;border:0;justify-content:space-between;align-items:center;padding:7px 9px;font-family:inherit;font-size:12.5px;display:flex}.dd-opt:hover{background:var(--surface-muted)}.dd-opt.on{color:var(--red);font-weight:600}.dd-opt__check{color:var(--red)}.dd__val{align-items:center;gap:7px;display:flex}.dd__val svg{flex:none}.dd-opt__l{align-items:center;gap:8px;display:flex}.dd-group{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:7px 9px 3px;font-size:9.5px;font-weight:700}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}}.muted{color:var(--text-2)}.small{font-size:11px}.lib{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--outline);width:min(820px,100%);max-height:86vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.lib__head{border-bottom:1px solid var(--divider);align-items:center;gap:10px;padding:12px 14px;display:flex}.lib__search{flex:1;padding:9px 12px;font-size:14px}.lib__cats{flex-wrap:wrap;gap:6px;padding:10px 14px 0;display:flex}.chipbtn{border:1px solid var(--outline);background:var(--surface-2);color:var(--text-2);font:600 12px var(--font-text);border-radius:var(--r-pill);cursor:pointer;transition:all var(--dur-fast);padding:6px 12px}.chipbtn:hover{border-color:var(--red);color:var(--red)}.chipbtn.on{background:var(--red);color:#fff;border-color:var(--red)}.lib__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:14px;display:grid;overflow-y:auto}.libitem{border:1px solid var(--divider);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.libitem:hover{border-color:var(--red);color:var(--red);box-shadow:var(--shadow);transform:translateY(-2px)}.libitem:active{transform:scale(.95)}.libitem__svg{width:48px;height:48px}.libitem__name{color:var(--text-2);text-align:center;font-size:10.5px}.libitem:hover .libitem__name{color:var(--red)}.ctx{z-index:350;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--outline);min-width:184px;box-shadow:var(--shadow-lg);animation:ddIn .1s var(--ease-out);padding:5px;position:fixed}.ctx-item{width:100%;font:500 12.5px var(--font-text);color:var(--text);border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:7px 9px;display:flex}.ctx-item:hover{background:var(--surface-muted)}.ctx-item.danger{color:var(--red)}.ctx-item kbd{opacity:.7}.ctx-sep{background:var(--divider);height:1px;margin:4px 2px}.toasts{z-index:300;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-md);background:var(--surface);color:var(--text);border:1px solid var(--outline);box-shadow:var(--shadow-lg);cursor:pointer;animation:toastIn .26s var(--ease-spring);align-items:center;gap:9px;padding:9px 14px;font-size:12.5px;font-weight:600;display:flex}.toast__dot{background:var(--grey);border-radius:50%;width:7px;height:7px}.toast--success .toast__dot{background:var(--green)}.toast--error .toast__dot{background:var(--red)}.toast--info .toast__dot{background:var(--blue)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.92)}}.vx-btn{border-radius:var(--r-sm);padding:7px 13px;font-size:12.5px}.vx-btn--gradient{background:var(--red);box-shadow:none}.vx-btn--gradient:hover{background:var(--red-dark)}.vx-btn--sm{padding:6px 11px;font-size:12px}.playbtn{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--outline);color:var(--text);font:600 12px var(--font-text);cursor:pointer;box-shadow:var(--shadow);transition:all var(--dur-fast);align-items:center;gap:6px;padding:7px 13px;display:inline-flex;position:absolute;bottom:12px;left:12px}.playbtn:hover{border-color:var(--red);color:var(--red)}.playbtn.on{background:var(--red);color:#fff;border-color:var(--red)}.dimbadge{border-radius:var(--r-sm);background:var(--red);color:#fff;font:600 11px var(--font-text);pointer-events:none;box-shadow:var(--shadow);white-space:nowrap;z-index:5;padding:3px 8px;position:absolute}.dimbadge.snapped{background:var(--green)}.artboard-tag{background:var(--red);color:#fff;font:600 10px var(--font-text);pointer-events:none;z-index:4;white-space:nowrap;border-radius:5px 5px 5px 0;padding:2px 7px;position:absolute}.anim-on{background:var(--red);width:7px;height:7px;box-shadow:0 0 0 3px var(--red-soft);border-radius:50%;display:inline-block}.help-scrim{z-index:400;background:var(--scrim);place-items:center;padding:24px;animation:.15s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.help--nav{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--outline);width:min(880px,100%);height:min(620px,88vh);box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.help__nav{border-right:1px solid var(--divider);background:var(--surface-2);flex:none;width:184px;padding:12px 8px;overflow-y:auto}.help__brand{font:700 13px var(--font-display);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px 10px}.help__navitem{text-align:left;width:100%;color:var(--text-2);font:600 13px var(--font-text);border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:0;padding:8px 10px;display:block}.help__navitem:hover{background:var(--surface-muted);color:var(--text)}.help__navitem.on{background:var(--red-soft);color:var(--red)}.help__main{flex-direction:column;flex:1;min-width:0;display:flex}.help__head{border-bottom:1px solid var(--divider);flex:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.help__head h2{font-size:18px}.help__content{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.help__content>p{margin:0}.help-cmds{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.help-cmd{border:1px solid var(--divider);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);padding:11px}.help-svg{width:100%;height:64px;color:var(--text);background:var(--bg);border-radius:var(--r-sm);margin-bottom:7px}.help-cmd__name{font:700 12.5px var(--font-display)}.help-cmd__kt{color:var(--red);word-break:break-all;margin:3px 0 5px;font:10.5px ui-monospace,monospace;display:block}.help-tbl{border-collapse:collapse;width:100%;font-size:12.5px}.help-tbl td{vertical-align:top;padding:7px 10px 7px 0}.help-tbl tr+tr td{border-top:1px solid var(--divider)}.help-tbl td:first-child{white-space:nowrap;width:40%}.help-tbl__k{color:var(--text);font-weight:600}.help code{color:var(--red);background:var(--surface-muted);border-radius:4px;padding:1px 5px;font:11px ui-monospace,monospace}.help-thumbs{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.help-thumb{border:1px solid var(--divider);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);padding:8px}.help-thumb svg{width:100%;height:40px}.help-row{flex-wrap:wrap;gap:14px;display:flex}.help-sw{text-align:center;margin:0}.help-sw__chip{border-radius:var(--r-sm);border:1px solid var(--outline);width:80px;height:50px}.help-sw figcaption{color:var(--text-2);margin-top:5px;font-size:11px}@media (width<=700px){.help-cmds{grid-template-columns:1fr}.help-thumbs{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
