:root{--background:#efeff0;--foreground:#1b1b1b;--surface:#fff;--surface-foreground:#2f2f31;--surface-muted:#f9f9fa;--surface-muted-foreground:#5e5e60;--muted-foreground:#5e5e60;--faint-foreground:#a0a0a2;--primary:var(--color-pika-600,#643bff);--primary-foreground:#fff;--primary-hover:var(--color-pika-700,#5314ff);--primary-muted:var(--color-pika-100,#f1f0ff);--primary-muted-foreground:var(--color-pika-600,#643bff);--primary-accent:var(--color-pika-600,#643bff);--destructive:var(--color-rose-500,#f43f5e);--destructive-foreground:#fff;--destructive-muted:var(--color-rose-50,#fff1f2);--destructive-muted-foreground:var(--color-rose-500,#f43f5e);--border:#e2e2e2;--border-strong:#d8d8d8;--ring:var(--color-pika-700,#5314ff);--fill-hover:#00000009;--fill-active:#0000000f;--surface-pressed:#f0f0f0;--surface-hover:#f3f3f3;--surface-popup:#fff;--fill-menu:#0000000e;--border-popup:#e8e8e8;--divider:#e5e5e5;--shadow-popup:0 6px 18px 0 #00000005, 0 3px 9px 0 #0000000a, 0 1px 1px 0 #0000000a;--ring-control:0 0 0 .5px #00000017;--ring-control-hover:0 0 0 .5px #00000017;--warn-ink:#a07f00;--grid-line:#0000000f;--overlay-blend:multiply;--logo-light-display:block;--logo-dark-display:none;--grid-ink:100 59 255;--shadow-raised:0 1px 1px 0 #0000000a, 0 3px 6px -2px #00000005;--ring-card:0 0 0 .5px #00000017;--ring-selected:0 0 0 .5px #00000026;--glass-edge:#ffffff59;--brand-svg:#e38a00;--brand-react:#087ea4;--brand-solid:#2c4f7c;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#3178c6}[data-theme=dark]{--color-white:#1a1a1b;--color-black:#fafafa;--color-ash-100:#121213;--color-ash-200:#09090a;--color-ash-300:#212224;--color-ash-400:#2f3033;--color-ash-500:#5c5d5f;--color-ash-600:#98999c;--color-ash-700:#a8a9ac;--color-ash-800:#c8c8ca;--color-ash-900:#e3e4e6;--color-ash-1000:#f2f2f3;--color-ash-1100:#fff;--shadow-sm:0 .5px 1px 1px #0000004d, 0 0 0 .5px #ffffff14;--shadow-lg:0px 2px 4px 0px #0006, 0px 7px 7px 0px #00000052, 0px 15px 9px 0px #0003, 0px 26px 10px 0px #00000014, 0 0 0 .5px #ffffff14;--shadow-xl:0px 7px 16px 0px #00000080, 0px 28px 28px 0px #0006, 0px 64px 38px 0px #0000003d, 0px 114px 46px 0px #00000014, 0px 178px 50px 0px #0000;--background:#09090a;--foreground:#fff;--surface:#1a1a1b;--surface-foreground:#e3e4e6;--surface-muted:#121213;--surface-muted-foreground:#98999c;--muted-foreground:#98999c;--faint-foreground:#565759;--border:#212224;--border-strong:#2f3033;--fill-hover:#ffffff0f;--fill-active:#ffffff1b;--surface-pressed:#2d2d2f;--surface-hover:#252527;--surface-popup:#212122;--fill-menu:#ffffff12;--border-popup:#3c3d40;--divider:#303134;--shadow-popup:0 3px 8px 0 #00000020, 0 2px 5px 0 #00000020, 0 1px 1px 0 #00000020;--ring-control:0 0 0 .5px #ffffff24;--ring-control-hover:0 0 0 .5px #ffffff3b;--warn-ink:#f0bf00;--grid-line:#ffffff12;--overlay-blend:screen;--logo-light-display:none;--logo-dark-display:block;--grid-ink:175 166 255;--shadow-raised:0 .5px 1px 1px #0000004d;--ring-card:0 0 0 .5px #ffffff14;--ring-selected:0 0 0 .5px #ffffff3d;--glass-edge:#ffffff0a;--brand-svg:#ffb13b;--brand-react:#61dafb;--brand-solid:#76b3e1;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#5a9ceb;--primary-muted:#2a1f5c;--primary-muted-foreground:#d0cdff;--primary-accent:#afa6ff;--destructive-muted:#4c0519;--destructive-muted-foreground:#fda4af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}}@layer base{:root{--background:#efeff0;--foreground:#1b1b1b;--surface:#fff;--surface-foreground:#2f2f31;--surface-muted:#f9f9fa;--surface-muted-foreground:#5e5e60;--muted-foreground:#5e5e60;--faint-foreground:#a0a0a2;--primary:var(--color-pika-600,#643bff);--primary-foreground:#fff;--primary-hover:var(--color-pika-700,#5314ff);--primary-muted:var(--color-pika-100,#f1f0ff);--primary-muted-foreground:var(--color-pika-600,#643bff);--primary-accent:var(--color-pika-600,#643bff);--destructive:var(--color-rose-500,#f43f5e);--destructive-foreground:#fff;--destructive-muted:var(--color-rose-50,#fff1f2);--destructive-muted-foreground:var(--color-rose-500,#f43f5e);--border:#e2e2e2;--border-strong:#d8d8d8;--ring:var(--color-pika-700,#5314ff);--fill-hover:#00000009;--fill-active:#0000000f;--surface-pressed:#f0f0f0;--surface-hover:#f3f3f3;--surface-popup:#fff;--fill-menu:#0000000e;--border-popup:#e8e8e8;--divider:#e5e5e5;--shadow-popup:0 6px 18px 0 #00000005, 0 3px 9px 0 #0000000a, 0 1px 1px 0 #0000000a;--ring-control:0 0 0 .5px #00000017;--ring-control-hover:0 0 0 .5px #00000017;--warn-ink:#a07f00;--grid-line:#0000000f;--overlay-blend:multiply;--logo-light-display:block;--logo-dark-display:none;--grid-ink:100 59 255;--shadow-raised:0 1px 1px 0 #0000000a, 0 3px 6px -2px #00000005;--ring-card:0 0 0 .5px #00000017;--ring-selected:0 0 0 .5px #00000026;--glass-edge:#ffffff59;--brand-svg:#e38a00;--brand-react:#087ea4;--brand-solid:#2c4f7c;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#3178c6}[data-theme=dark]{--color-white:#1a1a1b;--color-black:#fafafa;--color-ash-100:#121213;--color-ash-200:#09090a;--color-ash-300:#212224;--color-ash-400:#2f3033;--color-ash-500:#5c5d5f;--color-ash-600:#98999c;--color-ash-700:#a8a9ac;--color-ash-800:#c8c8ca;--color-ash-900:#e3e4e6;--color-ash-1000:#f2f2f3;--color-ash-1100:#fff;--shadow-sm:0 .5px 1px 1px #0000004d, 0 0 0 .5px #ffffff14;--shadow-lg:0px 2px 4px 0px #0006, 0px 7px 7px 0px #00000052, 0px 15px 9px 0px #0003, 0px 26px 10px 0px #00000014, 0 0 0 .5px #ffffff14;--shadow-xl:0px 7px 16px 0px #00000080, 0px 28px 28px 0px #0006, 0px 64px 38px 0px #0000003d, 0px 114px 46px 0px #00000014, 0px 178px 50px 0px #0000;--background:#09090a;--foreground:#fff;--surface:#1a1a1b;--surface-foreground:#e3e4e6;--surface-muted:#121213;--surface-muted-foreground:#98999c;--muted-foreground:#98999c;--faint-foreground:#565759;--border:#212224;--border-strong:#2f3033;--fill-hover:#ffffff0f;--fill-active:#ffffff1b;--surface-pressed:#2d2d2f;--surface-hover:#252527;--surface-popup:#212122;--fill-menu:#ffffff12;--border-popup:#3c3d40;--divider:#303134;--shadow-popup:0 3px 8px 0 #00000020, 0 2px 5px 0 #00000020, 0 1px 1px 0 #00000020;--ring-control:0 0 0 .5px #ffffff24;--ring-control-hover:0 0 0 .5px #ffffff3b;--warn-ink:#f0bf00;--grid-line:#ffffff12;--overlay-blend:screen;--logo-light-display:none;--logo-dark-display:block;--grid-ink:175 166 255;--shadow-raised:0 .5px 1px 1px #0000004d;--ring-card:0 0 0 .5px #ffffff14;--ring-selected:0 0 0 .5px #ffffff3d;--glass-edge:#ffffff0a;--brand-svg:#ffb13b;--brand-react:#61dafb;--brand-solid:#76b3e1;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#5a9ceb;--primary-muted:#2a1f5c;--primary-muted-foreground:#d0cdff;--primary-accent:#afa6ff;--destructive-muted:#4c0519;--destructive-muted-foreground:#fda4af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-4.001-latin.var.woff2)format("woff2")}:root{background-color:var(--background,#efeff0);font-feature-settings:"tnum", "zero", "ss08", "cv06", "cv10", "cv11", "cv12", "cv13"}html{overscroll-behavior-y:none;font-family:Inter,system-ui,-apple-system,sans-serif}body{overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.is-theme-transitioning,.is-theme-transitioning *,.is-theme-transitioning :before,.is-theme-transitioning :after{transition:background-color .28s cubic-bezier(.215,.61,.355,1),color .28s cubic-bezier(.215,.61,.355,1),border-color .28s cubic-bezier(.215,.61,.355,1),fill .28s cubic-bezier(.215,.61,.355,1),stroke .28s cubic-bezier(.215,.61,.355,1),box-shadow .28s cubic-bezier(.215,.61,.355,1)!important}[data-debug-css] :not(svg *){outline-offset:-.5px;outline:1px solid #00aaff80}a,button{all:unset;cursor:pointer;outline:revert;touch-action:manipulation}input:where([type=text],[type=email]){all:unset;cursor:text;caret-color:var(--primary-accent,#643bff);touch-action:manipulation}dialog{all:unset}:where(a,button,input,textarea,select,[tabindex]:not([tabindex="-1"]),[role=button]):focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:0}.icon-swap{justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-swap .icon{transition:opacity .15s ease-out,filter .15s ease-out}.icon-swap .icon.icon--done{position:absolute;inset:0}.icon-swap[data-state=idle] .icon.icon--idle{opacity:1;filter:blur()}.icon-swap[data-state=idle] .icon.icon--done,.icon-swap[data-state=done] .icon.icon--idle{opacity:0;filter:blur(2px)}.icon-swap[data-state=done] .icon.icon--done{opacity:1;filter:blur()}@media (prefers-reduced-motion:reduce){.icon-swap .icon{filter:none!important}}:is(button,[role=button]):is(:hover,:focus-visible) .icon-swap .icon,.icon-swap[data-state=done] .icon{will-change:opacity, filter}}@layer components{.relative{flex-direction:column;display:flex;position:relative}.component-divider{border-block-start:.5px solid var(--divider);block-size:0}.component-percentage-off{background-color:var(--primary-muted,#f1f0ff);border-radius:9999px;align-items:center;block-size:20px;padding-block:2px;padding-inline:6px;display:flex}:hover:active>.component-percentage-off{background-color:revert}.component-percentage-off>.text{letter-spacing:0;color:var(--primary-muted-foreground,#643bff);font-family:Inter;font-size:11px;font-weight:500}.component-bolt-loader{color:var(--primary-accent,#643bff);flex-shrink:0}.component-bolt-loader .track{opacity:.18}.component-bolt-loader--inverted{color:var(--primary-foreground,#fff)}.component-bolt-loader--inverted .track{opacity:.35}@media (prefers-reduced-motion:reduce){.component-bolt-loader .track{opacity:1}.component-bolt-loader .trail{display:none}}.tooltip-popup{background-color:var(--surface-popup);max-inline-size:260px;box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);color:var(--foreground,#1b1b1b);letter-spacing:0;white-space:normal;text-align:start;-webkit-user-select:none;user-select:none;opacity:1;filter:blur();border-radius:8px;padding:5px 8px;font-family:Inter;font-size:12px;font-weight:500;line-height:1.35;transition:opacity .15s,filter .15s}.tooltip-popup[data-starting-style],.tooltip-popup[data-ending-style]{opacity:0;filter:blur(2px)}.tooltip-popup code{background-color:var(--fill-active);border-radius:4px;padding:1px 4px;font-family:Roboto Mono,ui-monospace,monospace;font-size:11px}.badge{-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;block-size:28px;padding-inline:12px;display:inline-flex}.badge>.icon{flex-shrink:0;block-size:14px;inline-size:14px}.badge>.text{letter-spacing:.005em;font-family:Inter;font-size:12.5px;font-weight:600;line-height:1}.badge-primary{background-color:var(--primary-muted,#f1f0ff);color:var(--primary-muted-foreground,#643bff)}.badge-primary>.icon{color:var(--primary-accent,#643bff)}.badge-neutral{background-color:var(--surface-muted,#f9f9fa);color:var(--surface-muted-foreground,#5e5e60);box-shadow:inset 0 0 0 .5px var(--border,#e2e2e2)}.badge-neutral>.icon{color:var(--muted-foreground,#5e5e60)}.badge-compact{border-radius:4px;block-size:16px;padding-inline:5px}.badge-compact>.text{letter-spacing:.02em;font-size:10px}.new-dot{background-color:var(--destructive,#f43f5e);border-radius:50%;flex-shrink:0;block-size:6px;inline-size:6px}.button{letter-spacing:0;touch-action:manipulation;border-radius:9999px;justify-content:center;align-items:center;gap:8px;block-size:32px;padding-inline:14px;font-family:Inter;font-size:13px;font-weight:500;transition:transform .15s,background-color .15s;display:flex}.button:active{transform:scale(.96)}.button:active>*{scale:1.04167}.button>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.button:active{transform:none}.button:active>*{scale:none}}.button:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:1px}.button>.icon-swap,.button>.icon-swap>.icon{block-size:16px;inline-size:16px}.button-primary{background-color:var(--primary,#643bff);color:var(--primary-foreground,#fff);box-shadow:inset 0 0 0 .5px #ffffff29, var(--shadow-raised)}@media (hover:hover) and (pointer:fine){.button-primary:hover{background-color:var(--primary-hover,#5314ff);transition-duration:0s}}.button-secondary{background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);color:var(--surface-foreground,#2f2f31)}@media (hover:hover) and (pointer:fine){.button-secondary:hover{background-color:var(--surface-hover);box-shadow:var(--ring-control-hover), var(--shadow-raised);transition-duration:0s}}.checkbox{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;block-size:16px;inline-size:16px;transition:background-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),transform .15s;display:flex}.checkbox:active{transform:scale(.96)}.checkbox:active>*{scale:1.04167}.checkbox>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.checkbox:active{transform:none}.checkbox:active>*{scale:none}}.checkbox[data-unchecked]{background-color:var(--surface,#fff);box-shadow:var(--ring-selected), var(--shadow-raised)}.checkbox[data-checked]{background-color:var(--primary,#643bff);box-shadow:inset 0 0 0 .5px #ffffff29, var(--shadow-raised)}.checkbox-indicator{justify-content:center;align-items:center;block-size:12px;inline-size:12px;transition:opacity .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1),scale .15s;display:flex}.checkbox-indicator>.icon{block-size:12px;inline-size:12px;color:var(--primary-foreground,#fff)}.checkbox-indicator[data-unchecked]{opacity:0;filter:blur(4px);transform:scale(.25)}.checkbox-indicator[data-checked]{opacity:1;filter:blur();transform:scale(1)}.dropdown,.help-dropdown{background-color:var(--surface-popup);block-size:fit-content;box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);transform-origin:var(--transform-origin,center top);border-radius:12px;flex-direction:column;gap:0;padding:6px;transition:opacity .12s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1);display:flex}[data-starting-style].dropdown,[data-starting-style].help-dropdown,[data-ending-style].dropdown,[data-ending-style].help-dropdown{opacity:0;transform:scale(.96)}@media (prefers-reduced-motion:reduce){[data-starting-style].dropdown,[data-starting-style].help-dropdown,[data-ending-style].dropdown,[data-ending-style].help-dropdown{transform:none}}.help-dropdown{inline-size:max-content}.help-dropdown>.item{border-radius:9999px;align-items:center;block-size:32px;padding-inline:8px;transition:background-color .15s,color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.help-dropdown>.item:hover{background-color:var(--fill-menu);transition-duration:0s}.help-dropdown>.item:hover>.label{color:var(--foreground,#1b1b1b)}}.help-dropdown>.item[data-highlighted],.help-dropdown>.item:focus-visible{background-color:var(--fill-menu);outline:none}.help-dropdown>.item[data-highlighted]>.label,.help-dropdown>.item:focus-visible>.label{color:var(--foreground,#1b1b1b)}.help-dropdown>.item:active{background-color:var(--fill-active);transform:scale(.96)}.help-dropdown>.item:active>*{scale:1.04167}.help-dropdown>.item>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.help-dropdown>.item:active{transform:none}.help-dropdown>.item:active>*{scale:none}}.help-dropdown>.item>.label{letter-spacing:0;color:var(--surface-foreground,#2f2f31);font-family:Inter;font-size:13px;font-weight:400}.dropdown{z-index:1000;inline-size:220px}:is(.dropdown,.help-dropdown)>.component-divider{margin-block:4px;margin-inline:-6px}.dropdown>.items{flex-direction:column;display:flex}.dropdown>.items>.item{border-radius:9999px;align-items:center;gap:8px;block-size:32px;padding-inline:10px;transition:background-color .15s,color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.dropdown>.items>.item:hover{background-color:var(--fill-menu);transition-duration:0s}.dropdown>.items>.item:hover>.frame>.icon,.dropdown>.items>.item:hover>.text{color:var(--foreground,#1b1b1b)}}.dropdown>.items>.item[data-highlighted],.dropdown>.items>.item:focus-visible{background-color:var(--fill-menu);outline:none}.dropdown>.items>.item[data-highlighted]>.frame>.icon,.dropdown>.items>.item[data-highlighted]>.text,.dropdown>.items>.item:focus-visible>.frame>.icon,.dropdown>.items>.item:focus-visible>.text{color:var(--foreground,#1b1b1b)}.dropdown>.items>.item:active{background-color:var(--fill-active);transform:scale(.96)}.dropdown>.items>.item:active>*{scale:1.04167}.dropdown>.items>.item>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.dropdown>.items>.item:active{transform:none}.dropdown>.items>.item:active>*{scale:none}}.dropdown>.items>.item>.frame{flex-direction:column;justify-content:center;align-items:center;block-size:32px;inline-size:16px;display:flex}.dropdown>.items>.item>.frame>.icon{block-size:16px;inline-size:16px;color:var(--muted-foreground,#5e5e60)}.dropdown>.items>.item>.text{letter-spacing:0;color:var(--surface-foreground,#2f2f31);flex-grow:1;font-family:Inter;font-size:13px;font-weight:400}.dropdown>.items>.item>.check-frame{justify-content:flex-end;align-items:center;block-size:32px;inline-size:24px;display:flex}.dropdown>.items>.item>.check-frame>.icon{block-size:14px;inline-size:14px;color:var(--foreground,#1b1b1b)}.theme-switcher{gap:2px;display:flex}.theme-option{block-size:32px;color:var(--muted-foreground,#5e5e60);border-radius:9999px;flex-grow:1;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}@media (hover:hover) and (pointer:fine){.theme-option:hover:not([data-active=true]){background-color:var(--fill-menu);color:var(--foreground,#1b1b1b);transition-duration:0s}}.theme-option[data-active=true]{background-color:var(--fill-menu);color:var(--foreground,#1b1b1b);box-shadow:var(--ring-selected)}.theme-option:active{transform:scale(.96)}.theme-option:active>*{scale:1.04167}.theme-option>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.theme-option:active{transform:none}.theme-option:active>*{scale:none}}.theme-option>.icon{block-size:16px;inline-size:16px}.dropdown[data-dropdown-id=size]>.items>.item{padding-inline-start:12px}.size-custom-row{cursor:text}.size-custom-input{letter-spacing:0;block-size:100%;min-inline-size:0;color:var(--surface-foreground,#2f2f31);background:0 0;border:0;outline:none;flex-grow:1;padding:0;font-family:Inter;font-size:16px;font-weight:400}@media (hover:hover) and (pointer:fine){.size-custom-input{font-size:13px}}.size-custom-input::placeholder{color:var(--faint-foreground,#a0a0a2)}.framework-name{align-items:center;gap:6px;display:flex}.framework-name>.badge{color:var(--brand-typescript);background-color:color-mix(in srgb, var(--brand-typescript) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-typescript) 28%, transparent)}.color-picker-popover{z-index:1000;background-color:var(--surface-popup);inline-size:256px;box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);transform-origin:var(--transform-origin,center top);border-radius:16px;padding:12px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.color-picker-popover[data-starting-style],.color-picker-popover[data-ending-style]{opacity:0;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.color-picker-popover[data-starting-style],.color-picker-popover[data-ending-style]{transform:none}}.color-picker-skeleton{block-size:246px}.color-picker{flex-direction:column;gap:12px;display:flex}.color-picker-area{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--hue);cursor:crosshair;touch-action:none;border-radius:10px;outline:none;block-size:160px;position:relative;box-shadow:inset 0 0 0 .5px #0000001f}.color-picker-area:before{content:"";position:absolute;inset:-6px}.color-picker-controls{align-items:center;gap:10px;display:flex}.color-picker-sliders{flex-direction:column;flex-grow:1;gap:10px;display:flex}.color-picker-slider{cursor:pointer;touch-action:none;border-radius:9999px;outline:none;block-size:14px;position:relative;box-shadow:inset 0 0 0 .5px #0000001f}.color-picker-slider:before{content:"";position:absolute;inset:-5px}.color-picker-hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.color-picker-alpha{background:linear-gradient(to right, var(--alpha-from), var(--alpha-to)), repeating-conic-gradient(#d4d4d8 0% 25%, #fff 0% 50%) 0 0/8px 8px}.color-picker-thumb{pointer-events:none;border-radius:50%;block-size:14px;inline-size:14px;position:absolute;inset-block-start:calc(var(--y,0) * (100% - 14px));inset-inline-start:calc(var(--x,0) * (100% - 14px));box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 3.5px #0000001a,0 0 0 .5px #00000029,0 1px 3px #0000003d}:is(.color-picker-area,.color-picker-slider):focus-visible>.color-picker-thumb{outline:2px solid var(--primary,#643bff);outline-offset:1px}.color-picker-eyedropper{background-color:var(--surface,#fff);block-size:30px;inline-size:30px;box-shadow:var(--ring-control), var(--shadow-raised);color:var(--muted-foreground,#5e5e60);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.color-picker-eyedropper:hover{background-color:var(--surface-hover);color:var(--foreground,#1b1b1b);transition-duration:0s}}.color-picker-eyedropper:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:1px}.color-picker-eyedropper:active{transform:scale(.92)}.color-picker-eyedropper:active>*{scale:1.08696}.color-picker-eyedropper>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.color-picker-eyedropper:active{transform:none}.color-picker-eyedropper:active>*{scale:none}}.color-picker-eyedropper>.icon{block-size:16px;inline-size:16px}.color-picker-values{gap:6px;display:flex}.color-picker-format{background-color:var(--surface,#fff);block-size:28px;box-shadow:var(--ring-control), var(--shadow-raised);flex-shrink:0;align-items:center;gap:4px;padding-inline:10px 8px;transition:background-color .15s,box-shadow .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.color-picker-format:hover{background-color:var(--surface-hover);box-shadow:var(--ring-control-hover), var(--shadow-raised);transition-duration:0s}}.color-picker-format[data-popup-open]{background-color:var(--surface-pressed);box-shadow:var(--ring-selected)}.color-picker-format{color:var(--surface-foreground,#2f2f31);cursor:pointer;border-radius:9999px;font-family:Inter;font-size:12px;font-weight:500}.color-picker-format:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:1px}.color-picker-format:active{transform:scale(.96)}.color-picker-format:active>*{scale:1.04167}.color-picker-format>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.color-picker-format:active{transform:none}.color-picker-format:active>*{scale:none}}.color-picker-format>.icon{block-size:12px;inline-size:12px;color:var(--muted-foreground,#5e5e60)}.color-picker-fields{background-color:var(--surface,#fff);block-size:28px;min-inline-size:0;box-shadow:var(--ring-control), var(--shadow-raised);border-radius:9999px;flex-grow:1;transition:box-shadow .15s;display:flex;overflow:hidden}.color-picker-fields:focus-within{box-shadow:0 0 0 1px var(--ring,#5314ff), var(--shadow-raised)}.color-picker-field{font-variant-numeric:tabular-nums;letter-spacing:0;min-inline-size:0;color:var(--surface-foreground,#2f2f31);flex:1 1 0;align-items:center;font-family:Inter;font-size:12px;font-weight:500;transition:background-color .15s;display:flex}.color-picker-field:focus-within{background-color:var(--fill-hover)}.color-picker-field+.color-picker-field{border-inline-start:.5px solid var(--divider)}.color-picker-field[data-suffix]:after{content:attr(data-suffix);color:var(--muted-foreground,#5e5e60);padding-inline-end:8px}.color-picker-field>input,.color-picker-field.color-picker-hex{block-size:100%;inline-size:100%;min-inline-size:0;font:inherit;color:inherit;text-align:center;background:0 0;border:none;outline:none;padding-inline:2px}.color-picker-field[data-suffix]{flex:0 0 50px}.color-picker-field[data-suffix]>input{text-align:end;padding-inline-end:1px}.color-picker-field.color-picker-hex{text-align:start;text-transform:uppercase;flex-grow:2.4;padding-inline-start:10px}.dropdown[data-dropdown-id=color-format]{inline-size:140px}.whats-new-card{background-color:var(--surface-popup);box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);border-radius:14px;transition:opacity .24s cubic-bezier(.32,.72,0,1),transform .24s cubic-bezier(.32,.72,0,1);position:relative}@starting-style{.whats-new-card{opacity:0;transform:translateY(4px)}}.whats-new-card[data-hidden=true]{opacity:0;pointer-events:none;transition:none}@media (prefers-reduced-motion:reduce){.whats-new-card{transition:opacity .15s}@starting-style{.whats-new-card{transform:none}}}.whats-new-card-open{border-radius:inherit;text-align:start;flex-direction:column;align-items:flex-start;gap:4px;inline-size:100%;padding:10px 12px 12px;display:flex}.whats-new-card-open:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:-1px}.whats-new-card-label{color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500;line-height:16px}.whats-new-card-title{-webkit-line-clamp:2;color:var(--foreground,#1b1b1b);-webkit-box-orient:vertical;padding-inline-end:12px;font-size:12px;font-weight:500;line-height:16px;display:-webkit-box;overflow:hidden}.whats-new-card-dismiss{block-size:20px;inline-size:20px;color:var(--muted-foreground,#5e5e60);opacity:0;border-radius:9999px;place-items:center;transition:opacity .15s,background-color .15s;display:grid;position:absolute;inset-block-start:8px;inset-inline-end:8px}.whats-new-card-dismiss:after{content:"";position:absolute;inset:-8px}@media (hover:hover) and (pointer:fine){.whats-new-card-dismiss:hover{background-color:var(--fill-menu);transition-duration:0s}}.whats-new-card:is(:hover,:focus-within) .whats-new-card-dismiss{opacity:1;transition-duration:0s}@media (hover:none){.whats-new-card-dismiss{opacity:1}}.whats-new-card-dismiss:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:0}.whats-new-card-dismiss>.icon{block-size:14px;inline-size:14px}.whats-new-card-sidebar{margin:4px 8px}.whats-new-card-floating{z-index:40;inline-size:228px;position:fixed;inset-block-end:16px;inset-inline-start:16px}@media (width>=1281px){.whats-new-card-floating{display:none}}.changelog-backdrop{z-index:5000;background-color:#00000052;position:fixed;inset:0}.changelog{z-index:5001;background-color:var(--surface-popup);block-size:fit-content;max-block-size:calc(100dvh - 32px);inline-size:480px;max-inline-size:calc(100vw - 32px);box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);border-radius:16px;margin:auto;display:flex;position:fixed;inset:0;overflow:hidden}.changelog:focus{outline:none}.changelog-content{flex-direction:column;flex-grow:1;min-inline-size:0;display:flex;position:relative}.changelog-scroll{overscroll-behavior:contain;min-block-size:0;overflow-y:auto}.changelog-close{z-index:1;background-color:var(--surface-popup);block-size:28px;inline-size:28px;box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);color:var(--muted-foreground,#5e5e60);border-radius:9999px;place-items:center;transition:background-color .15s,color .15s;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.changelog-close:after{content:"";position:absolute;inset:-8px}@media (hover:hover) and (pointer:fine){.changelog-close:hover{background-color:var(--surface-hover);color:var(--foreground,#1b1b1b);transition-duration:0s}}.changelog-close:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:0}.changelog-close>.icon{block-size:16px;inline-size:16px}.changelog-post-media{aspect-ratio:16/10;background-color:var(--surface-muted,#f9f9fa);overflow:hidden}.changelog-post-media>img,.changelog-post-media>video{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;block-size:100%;inline-size:100%;display:block}.changelog-post-copy{flex-direction:column;gap:8px;padding:20px 24px 24px;display:flex}.changelog-post[data-cover=true]>.changelog-post-media{border-block-end:.5px solid var(--divider)}.changelog-post:not([data-cover=true]){border-block-start:.5px solid var(--divider);margin-inline:24px;padding-block-start:24px}.changelog-post:not([data-cover=true])>.changelog-post-media{box-shadow:0 0 0 .5px var(--border,#e2e2e2);border-radius:8px}.changelog-post:not([data-cover=true])>.changelog-post-copy{padding-inline:0}.changelog-post-meta{color:var(--muted-foreground,#5e5e60);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.changelog-post-title{letter-spacing:-.01em;color:var(--foreground,#1b1b1b);text-wrap:balance;margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.3}.changelog-post-text{color:var(--surface-foreground,#2f2f31);white-space:pre-line;text-wrap:pretty;margin:0;font-size:13px;font-weight:500;line-height:20px}.changelog-post-text>strong{color:var(--foreground,#1b1b1b);font-weight:600}.changelog-post-text>code{color:var(--foreground,#1b1b1b);background-color:var(--surface-muted,#f9f9fa);box-shadow:inset 0 0 0 .5px var(--border,#e2e2e2);white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px}.changelog-post-text>a{color:var(--foreground,#1b1b1b);text-decoration:underline;-webkit-text-decoration-color:var(--muted-foreground,#5e5e60);text-decoration-color:var(--muted-foreground,#5e5e60);text-underline-offset:2px}@media (hover:hover) and (pointer:fine){.changelog-post-text>a:hover{-webkit-text-decoration-color:var(--foreground,#1b1b1b);text-decoration-color:var(--foreground,#1b1b1b)}}.changelog-post-link{align-self:flex-end;margin-block-start:8px;text-decoration:none}:root{--background:#efeff0;--foreground:#1b1b1b;--surface:#fff;--surface-foreground:#2f2f31;--surface-muted:#f9f9fa;--surface-muted-foreground:#5e5e60;--muted-foreground:#5e5e60;--faint-foreground:#a0a0a2;--primary:var(--color-pika-600,#643bff);--primary-foreground:#fff;--primary-hover:var(--color-pika-700,#5314ff);--primary-muted:var(--color-pika-100,#f1f0ff);--primary-muted-foreground:var(--color-pika-600,#643bff);--primary-accent:var(--color-pika-600,#643bff);--destructive:var(--color-rose-500,#f43f5e);--destructive-foreground:#fff;--destructive-muted:var(--color-rose-50,#fff1f2);--destructive-muted-foreground:var(--color-rose-500,#f43f5e);--border:#e2e2e2;--border-strong:#d8d8d8;--ring:var(--color-pika-700,#5314ff);--fill-hover:#00000009;--fill-active:#0000000f;--surface-pressed:#f0f0f0;--surface-hover:#f3f3f3;--surface-popup:#fff;--fill-menu:#0000000e;--border-popup:#e8e8e8;--divider:#e5e5e5;--shadow-popup:0 6px 18px 0 #00000005, 0 3px 9px 0 #0000000a, 0 1px 1px 0 #0000000a;--ring-control:0 0 0 .5px #00000017;--ring-control-hover:0 0 0 .5px #00000017;--warn-ink:#a07f00;--grid-line:#0000000f;--overlay-blend:multiply;--logo-light-display:block;--logo-dark-display:none;--grid-ink:100 59 255;--shadow-raised:0 1px 1px 0 #0000000a, 0 3px 6px -2px #00000005;--ring-card:0 0 0 .5px #00000017;--ring-selected:0 0 0 .5px #00000026;--glass-edge:#ffffff59;--brand-svg:#e38a00;--brand-react:#087ea4;--brand-solid:#2c4f7c;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#3178c6}[data-theme=dark]{--color-white:#1a1a1b;--color-black:#fafafa;--color-ash-100:#121213;--color-ash-200:#09090a;--color-ash-300:#212224;--color-ash-400:#2f3033;--color-ash-500:#5c5d5f;--color-ash-600:#98999c;--color-ash-700:#a8a9ac;--color-ash-800:#c8c8ca;--color-ash-900:#e3e4e6;--color-ash-1000:#f2f2f3;--color-ash-1100:#fff;--shadow-sm:0 .5px 1px 1px #0000004d, 0 0 0 .5px #ffffff14;--shadow-lg:0px 2px 4px 0px #0006, 0px 7px 7px 0px #00000052, 0px 15px 9px 0px #0003, 0px 26px 10px 0px #00000014, 0 0 0 .5px #ffffff14;--shadow-xl:0px 7px 16px 0px #00000080, 0px 28px 28px 0px #0006, 0px 64px 38px 0px #0000003d, 0px 114px 46px 0px #00000014, 0px 178px 50px 0px #0000;--background:#09090a;--foreground:#fff;--surface:#1a1a1b;--surface-foreground:#e3e4e6;--surface-muted:#121213;--surface-muted-foreground:#98999c;--muted-foreground:#98999c;--faint-foreground:#565759;--border:#212224;--border-strong:#2f3033;--fill-hover:#ffffff0f;--fill-active:#ffffff1b;--surface-pressed:#2d2d2f;--surface-hover:#252527;--surface-popup:#212122;--fill-menu:#ffffff12;--border-popup:#3c3d40;--divider:#303134;--shadow-popup:0 3px 8px 0 #00000020, 0 2px 5px 0 #00000020, 0 1px 1px 0 #00000020;--ring-control:0 0 0 .5px #ffffff24;--ring-control-hover:0 0 0 .5px #ffffff3b;--warn-ink:#f0bf00;--grid-line:#ffffff12;--overlay-blend:screen;--logo-light-display:none;--logo-dark-display:block;--grid-ink:175 166 255;--shadow-raised:0 .5px 1px 1px #0000004d;--ring-card:0 0 0 .5px #ffffff14;--ring-selected:0 0 0 .5px #ffffff3d;--glass-edge:#ffffff0a;--brand-svg:#ffb13b;--brand-react:#61dafb;--brand-solid:#76b3e1;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#5a9ceb;--primary-muted:#2a1f5c;--primary-muted-foreground:#d0cdff;--primary-accent:#afa6ff;--destructive-muted:#4c0519;--destructive-muted-foreground:#fda4af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.feedback-backdrop{z-index:5000;background-color:#09090b52;transition:opacity .18s cubic-bezier(.2,0,0,1);position:fixed;inset:0}.feedback-backdrop[data-starting-style],.feedback-backdrop[data-ending-style]{opacity:0}.feedback-dialog{z-index:5001;background-color:var(--surface-popup);max-inline-size:440px;box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);color:var(--foreground,#1b1b1b);transform-origin:top;border-radius:12px;margin-inline:auto;padding:16px;font-family:Inter;transition:opacity .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1);position:fixed;inset-block-start:15vh;inset-inline:16px}.feedback-dialog[data-starting-style],.feedback-dialog[data-ending-style]{opacity:0;transform:scale(.98)}@media (prefers-reduced-motion:reduce){.feedback-dialog{transition:opacity .18s cubic-bezier(.2,0,0,1)}.feedback-dialog[data-starting-style],.feedback-dialog[data-ending-style]{transform:none}}.feedback-dialog:focus-visible{outline:none}.feedback-form{flex-direction:column;gap:12px;display:flex}.feedback-form>.head{justify-content:space-between;align-items:center;display:flex}.feedback-form>.head>.title{margin:0;font-size:15px;font-weight:600}.feedback-form>.head>.close{touch-action:manipulation;place-items:center;block-size:28px;inline-size:28px;display:grid}@media (pointer:coarse){.feedback-form>.head>.close{block-size:44px;inline-size:44px;margin-inline-end:-8px}}.feedback-form>.head>.close{color:var(--muted-foreground,#5e5e60);border-radius:9999px;transition:background-color .15s,color .15s}@media (hover:hover) and (pointer:fine){.feedback-form>.head>.close:hover{background-color:var(--fill-hover);color:var(--foreground,#1b1b1b);transition-duration:0s}}.feedback-form>.head>.close:focus-visible{outline:1px solid var(--ring,#5314ff)}.feedback-form>.head>.close>.icon{block-size:16px;inline-size:16px}.feedback-form>.kinds{box-shadow:inset 0 0 0 .5px var(--divider);border-radius:9999px;gap:2px;padding:2px;display:flex}.feedback-form>.kinds>.kind{touch-action:manipulation;cursor:pointer;flex:1 1 0;place-items:center;block-size:28px;min-inline-size:0;display:grid}@media (pointer:coarse){.feedback-form>.kinds>.kind{block-size:44px}}.feedback-form>.kinds>.kind{color:var(--muted-foreground,#5e5e60);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;padding-inline:8px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;overflow:hidden}@media (hover:hover) and (pointer:fine){.feedback-form>.kinds>.kind:hover:not([data-disabled]){background-color:var(--fill-menu);color:var(--foreground,#1b1b1b);transition-duration:0s}}.feedback-form>.kinds>.kind[aria-checked=true]{background-color:var(--fill-menu);box-shadow:var(--ring-selected);color:var(--foreground,#1b1b1b)}.feedback-form>.kinds>.kind:focus-visible{outline:1px solid var(--ring,#5314ff)}.feedback-form>.kinds>.kind[data-disabled]{cursor:default}.feedback-form>.context{color:var(--muted-foreground,#5e5e60);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:500;overflow:hidden}.feedback-form>.message{resize:vertical;background-color:var(--surface,#fff);min-block-size:112px;box-shadow:var(--ring-control);font:inherit;color:var(--foreground,#1b1b1b);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.45}@media (pointer:coarse){.feedback-form>.message{font-size:16px}}.feedback-form>.message::placeholder{color:var(--faint-foreground,#a0a0a2)}.feedback-form>.message:focus-visible{outline:1px solid var(--ring,#5314ff)}.feedback-form>.message:disabled{opacity:.6}.feedback-form>.error{color:var(--destructive,#f43f5e);margin:0;font-size:12px;font-weight:500}.feedback-form>.actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.feedback-form>.actions>.send{min-inline-size:88px}.feedback-form>.actions>.hint{color:var(--faint-foreground,#a0a0a2);margin-inline-end:auto;font-size:11px}@media (pointer:coarse){.feedback-form>.actions>.hint{display:none}.feedback-form>.actions>.button,.feedback-sent>.actions>.button{block-size:44px}}.feedback-sent{flex-direction:column;gap:6px;display:flex}.feedback-sent>.title{margin:0;font-size:15px;font-weight:600}.feedback-sent>.description{color:var(--muted-foreground,#5e5e60);margin:0;font-size:13px;font-weight:500}.feedback-sent>.actions{justify-content:flex-end;margin-block-start:10px;display:flex}}@layer routes{.route-loading{flex-direction:column;justify-content:center;align-items:center;block-size:100dvh;display:flex}.route-admin-loading{background-color:var(--background,#efeff0);block-size:100dvh;color:var(--muted-foreground,#5e5e60);place-items:center;font-size:13px;font-weight:500;display:grid}.route-login{isolation:isolate;background-color:var(--background,#efeff0);flex-direction:column;block-size:100dvh;padding:8px;display:flex;position:relative;overflow:hidden}.route-login :root{--background:#efeff0;--foreground:#1b1b1b;--surface:#fff;--surface-foreground:#2f2f31;--surface-muted:#f9f9fa;--surface-muted-foreground:#5e5e60;--muted-foreground:#5e5e60;--faint-foreground:#a0a0a2;--primary:var(--color-pika-600,#643bff);--primary-foreground:#fff;--primary-hover:var(--color-pika-700,#5314ff);--primary-muted:var(--color-pika-100,#f1f0ff);--primary-muted-foreground:var(--color-pika-600,#643bff);--primary-accent:var(--color-pika-600,#643bff);--destructive:var(--color-rose-500,#f43f5e);--destructive-foreground:#fff;--destructive-muted:var(--color-rose-50,#fff1f2);--destructive-muted-foreground:var(--color-rose-500,#f43f5e);--border:#e2e2e2;--border-strong:#d8d8d8;--ring:var(--color-pika-700,#5314ff);--fill-hover:#00000009;--fill-active:#0000000f;--surface-pressed:#f0f0f0;--surface-hover:#f3f3f3;--surface-popup:#fff;--fill-menu:#0000000e;--border-popup:#e8e8e8;--divider:#e5e5e5;--shadow-popup:0 6px 18px 0 #00000005, 0 3px 9px 0 #0000000a, 0 1px 1px 0 #0000000a;--ring-control:0 0 0 .5px #00000017;--ring-control-hover:0 0 0 .5px #00000017;--warn-ink:#a07f00;--grid-line:#0000000f;--overlay-blend:multiply;--logo-light-display:block;--logo-dark-display:none;--grid-ink:100 59 255;--shadow-raised:0 1px 1px 0 #0000000a, 0 3px 6px -2px #00000005;--ring-card:0 0 0 .5px #00000017;--ring-selected:0 0 0 .5px #00000026;--glass-edge:#ffffff59;--brand-svg:#e38a00;--brand-react:#087ea4;--brand-solid:#2c4f7c;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#3178c6}.route-login [data-theme=dark]{--color-white:#1a1a1b;--color-black:#fafafa;--color-ash-100:#121213;--color-ash-200:#09090a;--color-ash-300:#212224;--color-ash-400:#2f3033;--color-ash-500:#5c5d5f;--color-ash-600:#98999c;--color-ash-700:#a8a9ac;--color-ash-800:#c8c8ca;--color-ash-900:#e3e4e6;--color-ash-1000:#f2f2f3;--color-ash-1100:#fff;--shadow-sm:0 .5px 1px 1px #0000004d, 0 0 0 .5px #ffffff14;--shadow-lg:0px 2px 4px 0px #0006, 0px 7px 7px 0px #00000052, 0px 15px 9px 0px #0003, 0px 26px 10px 0px #00000014, 0 0 0 .5px #ffffff14;--shadow-xl:0px 7px 16px 0px #00000080, 0px 28px 28px 0px #0006, 0px 64px 38px 0px #0000003d, 0px 114px 46px 0px #00000014, 0px 178px 50px 0px #0000;--background:#09090a;--foreground:#fff;--surface:#1a1a1b;--surface-foreground:#e3e4e6;--surface-muted:#121213;--surface-muted-foreground:#98999c;--muted-foreground:#98999c;--faint-foreground:#565759;--border:#212224;--border-strong:#2f3033;--fill-hover:#ffffff0f;--fill-active:#ffffff1b;--surface-pressed:#2d2d2f;--surface-hover:#252527;--surface-popup:#212122;--fill-menu:#ffffff12;--border-popup:#3c3d40;--divider:#303134;--shadow-popup:0 3px 8px 0 #00000020, 0 2px 5px 0 #00000020, 0 1px 1px 0 #00000020;--ring-control:0 0 0 .5px #ffffff24;--ring-control-hover:0 0 0 .5px #ffffff3b;--warn-ink:#f0bf00;--grid-line:#ffffff12;--overlay-blend:screen;--logo-light-display:none;--logo-dark-display:block;--grid-ink:175 166 255;--shadow-raised:0 .5px 1px 1px #0000004d;--ring-card:0 0 0 .5px #ffffff14;--ring-selected:0 0 0 .5px #ffffff3d;--glass-edge:#ffffff0a;--brand-svg:#ffb13b;--brand-react:#61dafb;--brand-solid:#76b3e1;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#5a9ceb;--primary-muted:#2a1f5c;--primary-muted-foreground:#d0cdff;--primary-accent:#afa6ff;--destructive-muted:#4c0519;--destructive-muted-foreground:#fda4af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.route-login html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.route-login .label-field{flex-direction:column;gap:8px;display:flex}.route-login .label-field .label{flex-direction:row;align-items:center;gap:6px;padding-inline:2px;display:flex}.route-login .label-field .label>.text{letter-spacing:0;color:var(--surface-foreground,#2f2f31);font-family:Inter;font-size:13px;font-weight:500}.route-login .label-field .label>.info-button{block-size:18px;inline-size:18px;color:var(--muted-foreground,#5e5e60);cursor:help;border-radius:999px;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.route-login .label-field .label>.info-button:hover{color:var(--surface-foreground,#2f2f31)}}.route-login .label-field .label>.info-button:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:0}.route-login .label-field .label>.info-button>.icon{block-size:14px;inline-size:14px}.route-login .label-field>.text-field{background-color:var(--surface,#fff);block-size:36px;box-shadow:var(--ring-card), var(--shadow-raised);border-radius:9999px;justify-content:center;transition:box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-login .label-field>.text-field:hover{box-shadow:var(--ring-selected), var(--shadow-raised);transition-duration:0s}}.route-login .label-field>.text-field:focus-within{box-shadow:0 0 0 1px var(--ring,#5314ff), var(--shadow-raised)}.route-login .label-field>.text-field:focus-within>.frame>.icon{color:var(--primary-accent,#643bff)}.route-login .label-field>.text-field:not(:focus-within)[data-input-state=filled]>.frame>.icon{color:var(--surface-muted-foreground,#5e5e60)}.route-login .label-field>.text-field[data-input-state=invalid]{box-shadow:0 0 0 1px var(--destructive,#f43f5e), var(--shadow-raised)!important}.route-login .label-field>.text-field[data-input-state=invalid]>.frame>.icon{color:var(--destructive,#f43f5e)!important}.route-login .label-field>.text-field>.frame{justify-content:center;align-items:center;block-size:36px;inline-size:36px;display:flex}.route-login .label-field>.text-field>.frame>.icon{block-size:16px;inline-size:16px;color:var(--muted-foreground,#5e5e60)}.route-login .label-field>.text-field>.input::placeholder{color:var(--faint-foreground,#a0a0a2)}.route-login .label-field>.text-field>.input{appearance:none;letter-spacing:0;color:var(--foreground,#1b1b1b);background:0 0;border:none;flex-grow:1;font-family:Inter;font-size:14px;font-weight:500}.route-login .label-field>.text-field>.input:focus-visible{outline:none}.route-login .label-field>.text-field>.reveal-button{block-size:36px;inline-size:36px;color:var(--muted-foreground,#5e5e60);cursor:pointer;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:flex}.route-login .label-field>.text-field>.reveal-button:active{transform:scale(.96)}.route-login .label-field>.text-field>.reveal-button:active>*{scale:1.04167}.route-login .label-field>.text-field>.reveal-button>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-login .label-field>.text-field>.reveal-button:active{transform:none}.route-login .label-field>.text-field>.reveal-button:active>*{scale:none}}@media (hover:hover) and (pointer:fine){.route-login .label-field>.text-field>.reveal-button:hover{color:var(--surface-foreground,#2f2f31)}}.route-login .label-field>.text-field>.reveal-button>.icon{block-size:16px;inline-size:16px}.route-login .label-field>.error-message{grid-template-rows:1fr;padding-inline:2px;animation:.26s cubic-bezier(.25,1,.5,1) both error-reveal;display:grid}.route-login .label-field>.error-message>.text{min-block-size:0;overflow:hidden}@keyframes error-reveal{0%{opacity:0;grid-template-rows:0fr;transform:translateY(-2px)}to{opacity:1;grid-template-rows:1fr;transform:none}}.route-login .label-field>.error-message>.text{letter-spacing:0;color:var(--destructive,#f43f5e);text-wrap:pretty;font-family:Inter;font-size:12px;font-weight:500;line-height:1.45}.route-login .label-field>.error-message>.text a{color:inherit;text-underline-offset:2px;cursor:pointer;font-weight:600;text-decoration:underline}.route-login .submit-button{background-color:var(--fill-active);border-radius:9999px;justify-content:center;align-items:center;block-size:36px;transition:background-color .15s,box-shadow .15s,transform .15s;display:flex}.route-login .submit-button[data-form-state=ready]{background-color:var(--primary,#643bff);box-shadow:inset 0 0 0 .5px #ffffff29, var(--shadow-raised)}@media (hover:hover) and (pointer:fine){.route-login .submit-button[data-form-state=ready]:hover{background-color:var(--primary-hover,#5314ff);transition-duration:0s}}.route-login .submit-button[data-form-state=ready]>.text{color:var(--primary-foreground,#fff)}.route-login .submit-button[data-form-state=ready]:active{transform:scale(.96)}.route-login .submit-button[data-form-state=ready]:active>*{scale:1.04167}.route-login .submit-button[data-form-state=ready]>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-login .submit-button[data-form-state=ready]:active{transform:none}.route-login .submit-button[data-form-state=ready]:active>*{scale:none}}.route-login .submit-button>.text{letter-spacing:0;color:var(--faint-foreground,#a0a0a2);font-family:Inter;font-size:13px;font-weight:500}.route-login .column-1{z-index:1;pointer-events:none;flex-direction:column;flex-grow:1;display:flex;position:relative}.route-login .column-1>.head,.route-login .column-1 .form{pointer-events:auto}.route-login .column-1>.head{justify-content:space-between;align-items:center;gap:24px;padding-block:8px;padding-inline:12px;display:flex}.route-login .column-1>.body{flex-grow:1;padding-block:64px;padding-inline:24px}@media (width<=1024px){.route-login .column-1>.body{padding-inline:revert}}.route-login .column-1>.body{flex-direction:column;justify-content:center;align-items:center;display:flex}.route-login .logo{block-size:28px;inline-size:auto;display:block}.route-login .get-license-button{background-color:var(--surface,#fff);block-size:28px;box-shadow:var(--ring-control), var(--shadow-raised);border-radius:9999px;align-items:center;gap:2px;padding-inline-end:4px;transition:background-color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-login .get-license-button:hover{background-color:var(--surface-hover);transition-duration:0s}}.route-login .get-license-button:active{transform:scale(.96)}.route-login .get-license-button:active>*{scale:1.04167}.route-login .get-license-button>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-login .get-license-button:active{transform:none}.route-login .get-license-button:active>*{scale:none}}.route-login .get-license-button>.frame{justify-content:center;align-items:center;block-size:28px;inline-size:28px;display:flex}.route-login .get-license-button>.frame>.icon{block-size:14px;inline-size:14px;color:var(--primary-accent,#643bff)}.route-login .get-license-button>.text{letter-spacing:0;color:var(--surface-foreground,#2f2f31);font-family:Inter;font-size:13px;font-weight:500}.route-login .form{box-sizing:border-box;background-color:color-mix(in srgb, var(--surface-popup) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);inline-size:424px;max-inline-size:calc(100vw - 32px);box-shadow:0 0 0 .5px var(--border-popup), inset 0 0 0 .5px var(--glass-edge), var(--shadow-popup);border-radius:18px;flex-direction:column;gap:28px;padding:32px 32px 8px;animation:.7s cubic-bezier(.16,1,.3,1) .15s both form-in;display:flex}@keyframes form-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.route-login .form>.title{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.route-login .form>.title>.text-h1,.route-login .form>.title>.text-h2,.route-login .form>.content{animation:.6s cubic-bezier(.16,1,.3,1) both login-rise}.route-login .form>.title>.text-h1{animation-delay:80ms}.route-login .form>.title>.text-h2{animation-delay:.14s}.route-login .form>.content{animation-delay:.2s}@keyframes login-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.route-login .kl,.route-login .form,.route-login .form>.title>.text-h1,.route-login .form>.title>.text-h2,.route-login .form>.content,.route-login .is-swap,.route-login .label-field>.error-message{animation:none!important}.route-login .collapse{filter:none!important;transform:none!important}.route-login .kl{stroke-dashoffset:0!important}}.route-login .form>.title>.text-h1{letter-spacing:-.02em;color:var(--foreground,#1b1b1b);text-wrap:balance;font-family:Inter;font-size:clamp(24px,1.2vw + 12px,30px);font-weight:600}.route-login .form>.title>.text-h2{letter-spacing:0;color:var(--muted-foreground,#5e5e60);text-wrap:balance;font-family:Inter;font-size:13px;font-weight:500}.route-login .form>.content{flex-direction:column;gap:20px;padding-block-end:24px;display:flex}.route-login .form>.content>.fields{flex-direction:column;display:flex}.route-login .form>.content>.options{justify-content:space-between;align-items:center;gap:8px;padding-inline:2px;display:flex}.route-login .form>.content>.options>.remember-me{align-items:center;gap:6px;display:flex}.route-login .form>.content>.options>.remember-me>.text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:13px;font-weight:500}.route-login .form>.content>.options>.help{position:relative}.route-login .form>.content>.options>.help>.help-button{border-radius:9999px;align-items:center;gap:4px;block-size:28px;padding-inline:6px 8px;transition:background-color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-login .form>.content>.options>.help>.help-button:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-login .form>.content>.options>.help>.help-button[data-popup-open]{background-color:var(--fill-active)}.route-login .form>.content>.options>.help>.help-button:active{transform:scale(.96)}.route-login .form>.content>.options>.help>.help-button:active>*{scale:1.04167}.route-login .form>.content>.options>.help>.help-button>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-login .form>.content>.options>.help>.help-button:active{transform:none}.route-login .form>.content>.options>.help>.help-button:active>*{scale:none}}.route-login .form>.content>.options>.help>.help-button>.icon{block-size:16px;inline-size:16px;color:var(--muted-foreground,#5e5e60)}.route-login .form>.content>.options>.help>.help-button>.text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:13px;font-weight:500}.route-login .form>.content>.disclosure{justify-content:center;align-items:baseline;gap:8px;margin-left:auto;margin-right:auto;display:flex}.route-login .form>.content>.disclosure>.text,.route-login .form>.content>.disclosure>.component-percentage-off{transition:color .15s ease-out,background-color .15s ease-out,transform .25s cubic-bezier(.34,1.56,.64,1)}.route-login .form>.content>.disclosure:hover>.text,.route-login .form>.content>.disclosure:focus-visible>.text{color:var(--surface-foreground,#2f2f31)}.route-login .form>.content>.disclosure:hover>.component-percentage-off,.route-login .form>.content>.disclosure:focus-visible>.component-percentage-off{background-color:var(--primary-accent,#643bff);transform:rotate(-6deg)scale(1.06)}.route-login .form>.content>.disclosure:hover>.component-percentage-off>.text,.route-login .form>.content>.disclosure:focus-visible>.component-percentage-off>.text{color:var(--primary-foreground,#fff)}.route-login .form>.content>.disclosure>.text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:13px;font-weight:500}.route-login .seat-limit-dialog{background-color:var(--surface-muted,#f9f9fa);box-shadow:0 0 0 .5px var(--border,#e2e2e2), var(--shadow-raised);border-radius:10px;flex-direction:column;gap:12px;margin-block-start:12px;padding:16px;display:flex}.route-login .seat-limit-dialog>.header{flex-direction:column;gap:4px;display:flex}.route-login .seat-limit-dialog>.header>.title{letter-spacing:.01em;color:var(--foreground,#1b1b1b);font-family:Inter;font-size:14px;font-weight:600}.route-login .seat-limit-dialog>.header>.subtitle{letter-spacing:.02em;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:12px;font-weight:400;line-height:1.4}.route-login .seat-limit-dialog>.select-all{color:var(--primary-accent,#643bff);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;border-radius:9999px;align-self:flex-start;margin-inline-start:-8px;padding:4px 8px;font-family:Inter;font-size:12px;font-weight:500;text-decoration:underline}@media (hover:hover) and (pointer:fine){.route-login .seat-limit-dialog>.select-all:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-login .seat-limit-dialog>.device-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.route-login .seat-limit-dialog>.device-list>li{display:flex}.route-login .seat-limit-dialog .device-row{background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:12px;padding:10px 12px;transition:background-color .15s,box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-login .seat-limit-dialog .device-row:hover{background-color:var(--surface-hover);transition-duration:0s}}.route-login .seat-limit-dialog .device-row-checked{box-shadow:inset 0 0 0 1.5px var(--primary-accent,#643bff), var(--shadow-raised)}.route-login .seat-limit-dialog .device-row>input[type=checkbox]{block-size:16px;inline-size:16px;accent-color:var(--primary-accent,#643bff);cursor:pointer;flex-shrink:0}.route-login .seat-limit-dialog .device-row>.device-meta{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.route-login .seat-limit-dialog .device-row>.device-meta>.device-name{letter-spacing:.01em;color:var(--foreground,#1b1b1b);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:13px;font-weight:500;overflow:hidden}.route-login .seat-limit-dialog .device-row>.device-meta>.device-last-seen{letter-spacing:.02em;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:11px;font-weight:400}.route-login .seat-limit-dialog>.actions{flex-direction:column;gap:8px;display:flex}.route-login .seat-limit-dialog>.actions>.primary{background-color:var(--primary,#643bff);min-block-size:36px;box-shadow:inset 0 0 0 .5px #ffffff29, var(--shadow-raised);letter-spacing:0;color:var(--primary-foreground,#fff);cursor:pointer;border:0;border-radius:9999px;justify-content:center;align-items:center;padding-inline:16px;font-family:Inter;font-size:13px;font-weight:500;transition:background-color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-login .seat-limit-dialog>.actions>.primary:not(:disabled):hover{background-color:var(--primary-hover,#5314ff);transition-duration:0s}}.route-login .seat-limit-dialog>.actions>.primary:disabled{cursor:not-allowed;opacity:.55}.route-login .seat-limit-dialog>.actions>.primary:not(:disabled):active{transform:scale(.98)}.route-login .seat-limit-dialog>.actions>.primary:not(:disabled):active>*{scale:1.02041}.route-login .seat-limit-dialog>.actions>.primary:not(:disabled)>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-login .seat-limit-dialog>.actions>.primary:not(:disabled):active{transform:none}.route-login .seat-limit-dialog>.actions>.primary:not(:disabled):active>*{scale:none}}.route-login .seat-limit-dialog>.actions>.secondary{letter-spacing:0;min-block-size:32px;color:var(--muted-foreground,#5e5e60);cursor:pointer;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;padding-inline:16px;font-family:Inter;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-login .seat-limit-dialog>.actions>.secondary:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-login .seat-limit-dialog>.actions>.secondary:disabled{cursor:not-allowed;opacity:.55}.route-login .grid-backdrop{z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--u,40px) var(--u,40px);background-position:var(--ox,0) var(--oy,0);position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75%,#000 45%,#0000 100%);mask-image:radial-gradient(75% 75%,#000 45%,#0000 100%)}.route-login .grid-trail,.route-login .grid-keylines{position:absolute;inset:0}.route-login .kl{fill:none;stroke:var(--border-strong,#d8d8d8);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s cubic-bezier(.65,0,.35,1) forwards kl-draw}.route-login .kl-board{stroke:var(--muted-foreground,#5e5e60);stroke-opacity:.45}.route-login .kl-guide{stroke:var(--border,#e2e2e2);animation-delay:.15s}.route-login .kl-shape{animation-delay:.35s}.route-login .kl-circle{stroke:var(--primary-accent,#643bff);stroke-opacity:.55;animation-delay:.5s}.route-login .kl-live{stroke:var(--primary-accent,#643bff);stroke-opacity:.35;stroke-dasharray:4 4;stroke-dashoffset:0;animation:.8s .7s both kl-fade}@keyframes kl-draw{to{stroke-dashoffset:0}}@keyframes kl-fade{0%{opacity:0}}.route-login .kl-label{fill:var(--faint-foreground,#a0a0a2);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;animation:.8s .9s both kl-fade}.route-login .kl-label-end{text-anchor:end}.route-login .kl-label-mid{text-anchor:middle}.route-login .kl-tick{stroke:var(--border-strong,#d8d8d8);stroke-width:1px;animation:.8s .8s both kl-fade}.route-login .kl-num{text-anchor:middle;opacity:.8;font-size:10px}.route-login .kl-num.kl-label-end{text-anchor:end}.route-login .collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.25,1,.5,1),opacity .16s,transform .24s cubic-bezier(.19,1,.22,1),filter .2s;display:grid}.route-login .collapse>div{min-block-size:0;margin-inline:-6px;padding-inline:6px;overflow:hidden}.route-login .collapse[data-open=true]{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .38s cubic-bezier(.25,1,.5,1) 60ms,opacity .32s cubic-bezier(.19,1,.22,1) .12s,transform .44s cubic-bezier(.19,1,.22,1) 90ms,filter .32s 90ms}.route-login .label-field--email{gap:0}.route-login .label-field--email>.collapse>div>.label{padding-block-end:8px}.route-login .label-field--email>.error-message{margin-block-start:8px}.route-login .collapse--license{filter:blur(4px);margin-block-end:-6px;transform:translateY(8px)}.route-login .collapse--license>div>.label-field{padding:16px 0 6px}.route-login .collapse--license[data-open=true]{filter:blur();transform:none}.route-login .label-field--email>.text-field{transition:background-color .32s cubic-bezier(.645,.045,.355,1),box-shadow .32s cubic-bezier(.645,.045,.355,1);position:relative}.route-login .label-field--email>.text-field>.frame{position:relative}.route-login .label-field--email>.text-field>.frame>.icon{transition:opacity .22s,transform .32s cubic-bezier(.19,1,.22,1)}.route-login .label-field--email>.text-field>.input{transition:color .32s,padding .32s cubic-bezier(.645,.045,.355,1)}.route-login .label-field--email>.text-field[data-chip]{background-color:var(--fill-active);box-shadow:none!important}.route-login .label-field--email>.text-field[data-chip]>.frame>.icon{opacity:0;transform:scale(.6)}.route-login .label-field--email>.text-field[data-chip]>.input{color:var(--foreground,#1b1b1b);cursor:default;padding-inline-end:76px}.route-login .email-avatar{background-color:var(--primary,#643bff);block-size:22px;inline-size:22px;color:var(--primary-foreground,#fff);opacity:0;border-radius:50%;place-items:center;margin:auto;font-size:11px;font-weight:600;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset:0;transform:scale(.5);box-shadow:inset 0 0 0 .5px #fff3}.route-login [data-chip] .email-avatar{opacity:1;transition:opacity .26s 80ms,transform .52s cubic-bezier(.34,1.56,.64,1) 80ms;transform:scale(1)}.route-login .chip-change{block-size:24px;color:var(--primary-accent,#643bff);opacity:0;pointer-events:none;border-radius:9999px;padding-inline:10px;font-size:12px;font-weight:500;transition:opacity .16s,transform .2s cubic-bezier(.19,1,.22,1),background-color .15s;position:absolute;inset-block-start:50%;inset-inline-end:6px;transform:translate(6px,-50%)}@media (hover:hover) and (pointer:fine){.route-login .chip-change:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-login [data-chip]>.chip-change{opacity:1;pointer-events:auto;transition:opacity .26s .14s,transform .42s cubic-bezier(.19,1,.22,1) .14s,background-color .15s;transform:translateY(-50%)}.route-login .form>.title>.text-h1.is-swap,.route-login .form>.title>.text-h2.is-swap,.route-login .submit-button>.text.is-swap{animation:.46s cubic-bezier(.19,1,.22,1) both text-swap}.route-login .form>.title>.text-h2.is-swap{animation-delay:50ms}@keyframes text-swap{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:none}}.route-app{background-color:var(--background,#efeff0);block-size:100dvh;display:flex}.route-app :root{--background:#efeff0;--foreground:#1b1b1b;--surface:#fff;--surface-foreground:#2f2f31;--surface-muted:#f9f9fa;--surface-muted-foreground:#5e5e60;--muted-foreground:#5e5e60;--faint-foreground:#a0a0a2;--primary:var(--color-pika-600,#643bff);--primary-foreground:#fff;--primary-hover:var(--color-pika-700,#5314ff);--primary-muted:var(--color-pika-100,#f1f0ff);--primary-muted-foreground:var(--color-pika-600,#643bff);--primary-accent:var(--color-pika-600,#643bff);--destructive:var(--color-rose-500,#f43f5e);--destructive-foreground:#fff;--destructive-muted:var(--color-rose-50,#fff1f2);--destructive-muted-foreground:var(--color-rose-500,#f43f5e);--border:#e2e2e2;--border-strong:#d8d8d8;--ring:var(--color-pika-700,#5314ff);--fill-hover:#00000009;--fill-active:#0000000f;--surface-pressed:#f0f0f0;--surface-hover:#f3f3f3;--surface-popup:#fff;--fill-menu:#0000000e;--border-popup:#e8e8e8;--divider:#e5e5e5;--shadow-popup:0 6px 18px 0 #00000005, 0 3px 9px 0 #0000000a, 0 1px 1px 0 #0000000a;--ring-control:0 0 0 .5px #00000017;--ring-control-hover:0 0 0 .5px #00000017;--warn-ink:#a07f00;--grid-line:#0000000f;--overlay-blend:multiply;--logo-light-display:block;--logo-dark-display:none;--grid-ink:100 59 255;--shadow-raised:0 1px 1px 0 #0000000a, 0 3px 6px -2px #00000005;--ring-card:0 0 0 .5px #00000017;--ring-selected:0 0 0 .5px #00000026;--glass-edge:#ffffff59;--brand-svg:#e38a00;--brand-react:#087ea4;--brand-solid:#2c4f7c;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#3178c6}.route-app [data-theme=dark]{--color-white:#1a1a1b;--color-black:#fafafa;--color-ash-100:#121213;--color-ash-200:#09090a;--color-ash-300:#212224;--color-ash-400:#2f3033;--color-ash-500:#5c5d5f;--color-ash-600:#98999c;--color-ash-700:#a8a9ac;--color-ash-800:#c8c8ca;--color-ash-900:#e3e4e6;--color-ash-1000:#f2f2f3;--color-ash-1100:#fff;--shadow-sm:0 .5px 1px 1px #0000004d, 0 0 0 .5px #ffffff14;--shadow-lg:0px 2px 4px 0px #0006, 0px 7px 7px 0px #00000052, 0px 15px 9px 0px #0003, 0px 26px 10px 0px #00000014, 0 0 0 .5px #ffffff14;--shadow-xl:0px 7px 16px 0px #00000080, 0px 28px 28px 0px #0006, 0px 64px 38px 0px #0000003d, 0px 114px 46px 0px #00000014, 0px 178px 50px 0px #0000;--background:#09090a;--foreground:#fff;--surface:#1a1a1b;--surface-foreground:#e3e4e6;--surface-muted:#121213;--surface-muted-foreground:#98999c;--muted-foreground:#98999c;--faint-foreground:#565759;--border:#212224;--border-strong:#2f3033;--fill-hover:#ffffff0f;--fill-active:#ffffff1b;--surface-pressed:#2d2d2f;--surface-hover:#252527;--surface-popup:#212122;--fill-menu:#ffffff12;--border-popup:#3c3d40;--divider:#303134;--shadow-popup:0 3px 8px 0 #00000020, 0 2px 5px 0 #00000020, 0 1px 1px 0 #00000020;--ring-control:0 0 0 .5px #ffffff24;--ring-control-hover:0 0 0 .5px #ffffff3b;--warn-ink:#f0bf00;--grid-line:#ffffff12;--overlay-blend:screen;--logo-light-display:none;--logo-dark-display:block;--grid-ink:175 166 255;--shadow-raised:0 .5px 1px 1px #0000004d;--ring-card:0 0 0 .5px #ffffff14;--ring-selected:0 0 0 .5px #ffffff3d;--glass-edge:#ffffff0a;--brand-svg:#ffb13b;--brand-react:#61dafb;--brand-solid:#76b3e1;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#5a9ceb;--primary-muted:#2a1f5c;--primary-muted-foreground:#d0cdff;--primary-accent:#afa6ff;--destructive-muted:#4c0519;--destructive-muted-foreground:#fda4af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.route-app html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.route-app .column-1{padding-block:8px;padding-inline:0;display:flex}@media (width<=1280px){.route-app .column-1{display:none}}.route-app .mobile-nav{display:none}@media (width<=1280px){.route-app .mobile-nav{align-items:center;gap:8px;padding-block-start:8px;padding-inline:16px;display:flex}}.route-app .mobile-nav>.pills{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-grow:1;gap:6px;min-inline-size:0;margin-block:-6px;padding-block:6px;padding-inline:4px;display:flex;overflow-x:auto}.route-app .mobile-nav>.pills::-webkit-scrollbar{display:none}.route-app .mobile-nav>.pills{--fade-start:0px;--fade-end:32px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%)}@supports (animation-timeline:scroll()){.route-app .mobile-nav>.pills{animation:linear both mobile-nav-pills-fade;animation-timeline:scroll(self inline)}}@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --fade-end{syntax:"<length>";inherits:false;initial-value:32px}@keyframes mobile-nav-pills-fade{0%{--fade-start:0px;--fade-end:32px}10%{--fade-start:32px}90%{--fade-end:32px}to{--fade-start:32px;--fade-end:0px}}.route-app .mobile-nav-pill{background-color:var(--surface,#fff);min-block-size:36px;box-shadow:var(--ring-card), var(--shadow-raised);scroll-snap-align:start;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding-inline:12px;transition:box-shadow .15s,background-color .15s,transform .15s;display:flex}.route-app .mobile-nav-pill[data-active=true]{background-color:var(--primary,#643bff);box-shadow:none;color:var(--primary-foreground,#fff)}.route-app .mobile-nav-pill[data-active=true]>.count{color:#fffc}@media (hover:hover) and (pointer:fine){.route-app .mobile-nav-pill:not([data-active=true]):hover{background-color:var(--surface-hover);transition-duration:0s}}.route-app .mobile-nav-pill:active{transform:scale(.96)}.route-app .mobile-nav-pill:active>*{scale:1.04167}.route-app .mobile-nav-pill>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .mobile-nav-pill:active{transform:none}.route-app .mobile-nav-pill:active>*{scale:none}}.route-app .mobile-nav-pill>.label{letter-spacing:0;font-family:Inter;font-size:13px;font-weight:500}.route-app .mobile-nav-pill>.count{color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:12px}.route-app .mobile-nav>.account-compact-wrap{flex-shrink:0;gap:6px;display:flex}.route-app .mobile-nav>.account-compact-wrap>:is(.account-compact,.admin-compact){background-color:var(--surface,#fff);min-block-size:36px;min-inline-size:36px;box-shadow:var(--ring-control), var(--shadow-raised);justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-app .mobile-nav>.account-compact-wrap>:is(.account-compact,.admin-compact):hover{background-color:var(--surface-hover);box-shadow:var(--ring-control-hover), var(--shadow-raised);transition-duration:0s}}.route-app .mobile-nav>.account-compact-wrap>:is(.account-compact,.admin-compact)[data-popup-open]{background-color:var(--surface-pressed);box-shadow:var(--ring-selected)}.route-app .mobile-nav>.account-compact-wrap>:is(.account-compact,.admin-compact){border-radius:9999px}.route-app .mobile-nav>.account-compact-wrap>:is(.account-compact,.admin-compact)>.icon{block-size:18px;inline-size:18px;color:var(--primary-accent,#643bff)}.route-app .mobile-nav>.account-compact-wrap>.admin-compact{position:relative}.route-app .mobile-nav>.account-compact-wrap>.admin-compact>.icon{color:var(--surface-foreground,#2f2f31)}.route-app .mobile-nav>.account-compact-wrap>.admin-compact>.new-dot{position:absolute;inset-block-start:6px;inset-inline-end:6px}.route-app .column-1>.card{flex-direction:column;inline-size:244px;display:flex}.route-app .column-1>.card>.head{padding-block:8px 4px;padding-inline:18px;display:flex}.route-app .column-1>.card>.head>h1>button{border-radius:8px;transition:opacity .15s,transform .15s}@media (hover:hover) and (pointer:fine){.route-app .column-1>.card>.head>h1>button:hover{opacity:.8}}.route-app .column-1>.card>.head>h1>button:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.route-app .column-1>.card>.head>h1>button:active{transform:none}}.route-app .column-1>.card>.head>h1>button>.logo{block-size:28px;inline-size:auto;display:block}.route-app .column-1>.card>.head>h1>button>.logo-light{display:var(--logo-light-display)}.route-app .column-1>.card>.head>h1>button>.logo-dark{display:var(--logo-dark-display)}.route-app .column-1>.card>.body{flex-direction:column;flex-grow:1;gap:1px;padding-block:12px;display:flex;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.route-app .column-1>.card>.foot{flex-direction:column;padding-block:6px;display:flex}.route-app .account>.account-button,.route-app .admin-link>.admin-link-row,.route-app .active-category>.category-button,.route-app .category>.category-button{border-radius:9999px;align-items:center;gap:2px;block-size:30px;padding-inline:6px 14px;transition:background-color .15s;display:flex}.route-app .account>.account-button>.frame,.route-app .admin-link>.admin-link-row>.frame,.route-app .active-category>.category-button>.frame,.route-app .category>.category-button>.frame{flex-direction:column;justify-content:center;align-items:center;block-size:28px;inline-size:28px;display:flex}.route-app .account>.account-button>.text,.route-app .admin-link>.admin-link-row>.text,.route-app .active-category>.category-button>.text,.route-app .category>.category-button>.text{letter-spacing:0;flex-grow:1;font-family:Inter;font-size:13px;font-weight:500}.route-app .active-category>.category-button>.count-text,.route-app .category>.category-button>.count-text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:12px;font-weight:500}.route-app .category{flex-direction:column;padding-inline:8px;display:flex}@media (hover:hover) and (pointer:fine){.route-app .category>.category-button:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-app .category>.category-button:focus-visible{background-color:var(--fill-hover);outline-offset:-1px}.route-app .category>.category-button:active{background-color:var(--fill-active)}.route-app .category>.category-button>.frame>.icon{block-size:14px;inline-size:14px;color:var(--muted-foreground,#5e5e60);display:block}.route-app .category>.category-button>.text{color:var(--muted-foreground,#5e5e60)}.route-app .category>.category-button>.text:first-letter{text-transform:uppercase}.route-app .active-category{flex-direction:column;padding-inline:8px;display:flex;position:relative}.route-app .active-category>.category-button{background-color:var(--fill-active);transition:background-color .15s,transform .15s}.route-app .active-category>.category-button:active{transform:scale(.98)}.route-app .active-category>.category-button:active>*{scale:1.02041}.route-app .active-category>.category-button>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .active-category>.category-button:active{transform:none}.route-app .active-category>.category-button:active>*{scale:none}}.route-app .active-category>.category-button>.frame>.icon{block-size:14px;inline-size:14px;color:var(--foreground,#1b1b1b);display:block}.route-app .active-category>.category-button>.text{color:var(--foreground,#1b1b1b)}.route-app .active-category>.category-button>.text:first-letter{text-transform:uppercase}.route-app .account,.route-app .admin-link{flex-direction:column;padding-inline:8px;display:flex}.route-app .account{position:relative}.route-app .account>.account-button,.route-app .admin-link>.admin-link-row{gap:2px}@media (hover:hover) and (pointer:fine){.route-app .account>.account-button:hover,.route-app .admin-link>.admin-link-row:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-app .account>.account-button:focus-visible,.route-app .admin-link>.admin-link-row:focus-visible{background-color:var(--fill-hover);outline-offset:-1px}.route-app .account>.account-button:active,.route-app .account>.account-button[data-popup-open],.route-app .admin-link>.admin-link-row:active,.route-app .admin-link>.admin-link-row[data-popup-open]{background-color:var(--fill-active)}.route-app .account>.account-button>.frame>.icon,.route-app .admin-link>.admin-link-row>.frame>.icon{block-size:14px;inline-size:14px;color:var(--primary-accent,#643bff)}.route-app .account>.account-button>.text,.route-app .admin-link>.admin-link-row>.text{color:var(--surface-foreground,#2f2f31)}.route-app .admin-link>.admin-link-row>.frame>.icon{color:var(--muted-foreground,#5e5e60)}.route-app .admin-link>.admin-link-row>.new-dot{margin-inline:3px}.route-app .account>.account-button>.chevron-icon{block-size:12px;inline-size:12px;color:var(--muted-foreground,#5e5e60)}@media (hover:hover) and (pointer:fine){.route-app .column-1 :is(.count-text,.chevron-icon){opacity:0;transition:opacity .15s}.route-app .column-1:is(:hover,:focus-within) :is(.count-text,.chevron-icon){opacity:1}}.route-app .column-2{background-color:var(--surface-muted,#f9f9fa);min-inline-size:0;box-shadow:0 0 0 .5px var(--border,#e2e2e2), var(--shadow-raised);border-radius:12px;flex-direction:column;flex-grow:1;margin-block:8px;display:flex;overflow:hidden}@media (width<=1280px){.route-app .column-2{margin-inline-start:8px}}@media (width<=768px){.route-app .column-2{margin-inline-end:8px}}.route-app .seach-bar-container{padding-block:16px 8px;padding-inline:16px}.route-app .search-bar{background-color:var(--surface,#fff);block-size:40px;box-shadow:var(--ring-card), var(--shadow-raised);border-radius:9999px;transition:box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-app .search-bar:hover{box-shadow:var(--ring-selected), var(--shadow-raised)}}.route-app .search-bar:focus-within>.frame>.icon{color:var(--primary-accent,#643bff)}.route-app .search-bar:focus-within{box-shadow:0 0 0 1px var(--ring,#5314ff), var(--shadow-raised)}.route-app .search-bar>.frame{align-items:center;padding-inline:12px 8px;display:flex}.route-app .search-bar>.frame>.icon{block-size:18px;inline-size:18px;color:var(--muted-foreground,#5e5e60)}.route-app .search-bar>.input{letter-spacing:0;min-inline-size:0;color:var(--foreground,#1b1b1b);flex-grow:1;font-family:Inter;font-size:16px;font-weight:500}.route-app .search-bar>.input::placeholder{color:var(--faint-foreground,#a0a0a2)}.route-app .search-bar>.input:focus-visible{outline:none}.route-app .search-bar[data-scoped=true]>.input{padding-inline-start:8px}.route-app .search-bar>.scope-chip{background-color:var(--surface,#fff);border:.5px solid var(--border-strong,#d8d8d8);block-size:24px;min-inline-size:0;max-inline-size:40%;color:var(--muted-foreground,#5e5e60);border-radius:9999px;flex-shrink:1;align-self:center;align-items:center;gap:6px;padding-inline:8px 6px;transition:background-color .15s,color .15s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.route-app .search-bar>.scope-chip:hover{background-color:var(--fill-hover);color:var(--foreground,#1b1b1b);transition-duration:0s}.route-app .search-bar>.scope-chip:hover>.icon{color:var(--foreground,#1b1b1b);transition-duration:0s}}.route-app .search-bar>.scope-chip:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:0}.route-app .search-bar>.scope-chip:before{content:"";position:absolute;inset:-10px 0}.route-app .search-bar>.scope-chip>.label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-family:Inter;font-size:12px;font-weight:500;overflow:hidden}.route-app .search-bar>.scope-chip>.icon{block-size:14px;inline-size:14px;color:var(--muted-foreground,#5e5e60);flex-shrink:0;transition:color .15s}.route-app .search-bar>.shortcut-container{justify-content:center;align-items:center;padding-inline:12px;display:flex}.route-app .search-bar>.shortcut-container>.shortcut-button{border:.5px solid var(--divider);border-radius:9999px;justify-content:center;align-items:center;block-size:18px;min-inline-size:18px;padding-inline:6px;transition:border-color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-app .search-bar>.shortcut-container>.shortcut-button:hover{border-color:var(--border-strong,#d8d8d8);transition-duration:0s}.route-app .search-bar>.shortcut-container>.shortcut-button:hover>.text{color:var(--surface-foreground,#2f2f31)}}.route-app .search-bar>.shortcut-container>.shortcut-button:active{transform:scale(.94)}.route-app .search-bar>.shortcut-container>.shortcut-button:active>*{scale:1.06383}.route-app .search-bar>.shortcut-container>.shortcut-button>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .search-bar>.shortcut-container>.shortcut-button:active{transform:none}.route-app .search-bar>.shortcut-container>.shortcut-button:active>*{scale:none}}.route-app .search-bar>.shortcut-container>.shortcut-button>.text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:11px;font-weight:400}.route-app .results-count{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--surface-muted-foreground,#5e5e60);padding-block:8px;padding-inline:16px;font-family:Inter;font-size:12px;font-weight:500}.route-app .scope-notice{background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);letter-spacing:0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-block:4px 0;margin-inline:16px;padding-block:10px;padding-inline:12px;font-family:Inter;display:flex}.route-app .scope-notice>.icon{block-size:16px;inline-size:16px;color:var(--muted-foreground,#5e5e60);flex-shrink:0}.route-app .scope-notice>.copy{flex:200px;min-inline-size:0}.route-app .scope-notice>.copy>.title{color:var(--foreground,#1b1b1b);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500}.route-app .scope-notice>.copy>.detail{font-variant-numeric:tabular-nums;color:var(--muted-foreground,#5e5e60);margin:0;font-size:12px;font-weight:500}.route-app .scope-notice>.clear{flex-shrink:0}@media (pointer:coarse){.route-app .scope-notice>.clear{block-size:44px}}.route-app .search-results-divider{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--surface-muted-foreground,#5e5e60);align-items:center;gap:8px;font-family:Inter;font-size:12px;font-weight:500;display:flex}.route-app .search-results-divider>.label{flex-shrink:0}.route-app .search-results-divider:after{content:"";border-block-start:.5px solid var(--divider);flex-grow:1}.route-app .copy-toast{z-index:2000;color:#fecaca;letter-spacing:.01em;text-align:center;background-color:#2a1a1a;border-radius:12px;max-inline-size:480px;margin-inline:auto;padding-block:10px;padding-inline:16px;font-family:Inter;font-size:13px;font-weight:500;animation:.18s cubic-bezier(.16,1,.3,1) both copy-toast-enter;position:fixed;inset-block-end:24px;inset-inline:24px;box-shadow:0 8px 24px #00000040}@keyframes copy-toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.route-app .search-result-button[data-error=true]{box-shadow:inset 0 0 0 1px #d14343}.route-app .empty-search-results{flex-direction:column;flex-grow:1;align-items:center;padding-block:64px;padding-inline:24px;display:flex}.route-app .empty-search-results>.text{letter-spacing:.01em;text-align:center;color:var(--surface-muted-foreground,#5e5e60);font-family:Inter;font-size:16px;font-weight:400}.route-app .empty-search-results>.text strong{font-weight:500}.route-app .empty-search-results>.text a{text-decoration:underline}.route-app .empty-search-results>.request-icon{margin-top:20px}@media (pointer:coarse){.route-app .empty-search-results>.request-icon{block-size:44px}}.route-app .empty-search-results>.suggestions{letter-spacing:.01em;color:var(--surface-muted-foreground,#5e5e60);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;margin-top:24px;font-family:Inter;font-size:14px;display:flex}.route-app .empty-search-results>.suggestions>.suggestions-label{margin-inline-end:4px;font-weight:500}.route-app .empty-search-results>.suggestions>.suggestions-separator{color:var(--border-strong,#d8d8d8);-webkit-user-select:none;user-select:none;pointer-events:none}.route-app .empty-search-results>.suggestions>.suggestion{min-height:32px;font:inherit;color:var(--primary-accent,#643bff);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;border-radius:9999px;padding:6px 12px;text-decoration:underline;transition:background-color .12s cubic-bezier(.2,0,0,1)}@media (hover:hover){.route-app .empty-search-results>.suggestions>.suggestion:hover{background:var(--surface-muted,#f9f9fa)}}.route-app .empty-search-results>.suggestions>.suggestion:focus-visible{outline:2px solid var(--primary-accent,#643bff);outline-offset:2px}.route-app .search-results{flex-grow:1;position:relative;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000 0,#000 24px);mask-image:linear-gradient(#0000 0,#000 24px)}.route-app .search-result-button{border-radius:10px;outline:none;flex-direction:column;transition:background-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.route-app .search-result-button:before{content:"";position:absolute;inset:-10px}@media (hover:hover) and (pointer:fine){.route-app .search-result-button:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-app .search-result-button:focus-visible{background-color:var(--surface,#fff);box-shadow:0 0 0 1px var(--ring,#5314ff), var(--shadow-raised)}.route-app .search-result-button:active{transform:scale(.97)}.route-app .search-result-button:active>*{scale:1.03093}.route-app .search-result-button>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .search-result-button:active{transform:none}.route-app .search-result-button:active>*{scale:none}}.route-app .search-result-button>.frame{flex-grow:1;justify-content:center;align-items:center;display:flex}.route-app .search-result-button>.frame>.icon-swap{block-size:24px;inline-size:24px;color:var(--color,var(--primary,#643bff))}.route-app .search-result-button>.frame>.icon-swap>.icon{block-size:24px;inline-size:24px}.route-app .search-result-button>.frame>.icon-swap>.icon.icon--done{color:var(--primary-accent,#643bff)}.route-app .search-result-button[data-copied=true]{background-color:#643bff14;transition:background-color .18s cubic-bezier(.215,.61,.355,1),transform .15s}@media (prefers-reduced-motion:reduce){.route-app .search-result-button[data-copied=true]{transition:none}}.route-app .search-result-button>.text-container{flex-direction:column;justify-content:center;block-size:24px;padding-inline:4px;display:flex;position:relative}.route-app .search-result-button>.text-container>.text{letter-spacing:.01em;text-align:center;color:var(--muted-foreground,#5e5e60);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:11px;font-weight:500;transition:opacity .15s ease-out,filter .15s ease-out;overflow:hidden}.route-app .search-result-button>.text-container>.text--done{color:var(--primary-accent,#643bff);opacity:0;filter:blur(2px);justify-content:center;align-items:center;padding-inline:4px;display:flex;position:absolute;inset:0}.route-app .search-result-button[data-copied=true]>.text-container>.text--idle{opacity:0;filter:blur(2px)}.route-app .search-result-button[data-copied=true]>.text-container>.text--done{opacity:1;filter:blur()}.route-app .search-result-button:is(:hover,:focus-visible)>.text-container>.text,.route-app .search-result-button[data-copied=true]>.text-container>.text{will-change:opacity, filter}@media (prefers-reduced-motion:reduce){.route-app .search-result-button>.text-container>.text{transition:opacity .01ms}}.route-app .search-result-button-selected{background-color:var(--fill-active)}@media (hover:hover) and (pointer:fine){.route-app .search-result-button-selected:hover{background-color:var(--fill-active)}}.route-app .search-result-button-selected:focus-visible{background-color:var(--fill-active);box-shadow:0 0 0 1px var(--ring,#5314ff)}.route-app .search-result-button-selected>.text-container>.text{color:var(--foreground,#1b1b1b)}@media (prefers-reduced-motion:reduce){.route-app .search-result-button{transition:none}.route-app .search-result-button:active{transform:none}}.route-app .column-3{padding-block:8px;padding-inline:0;display:flex}@media (width<=768px){.route-app .column-3{display:none}}.route-app .column-3>.card{flex-direction:column;inline-size:272px;display:flex}.route-app .column-3>.card>.head{flex-direction:column;gap:12px;padding-block:16px 12px;padding-inline:16px;display:flex}.route-app .column-3>.card>.body{flex-direction:column;gap:20px;padding-block:12px;padding-inline:16px;display:flex}.route-app .selected-name{align-items:center;gap:4px;display:flex}.route-app .selected-name>.breadcrumb{flex:0 auto;align-items:center;gap:2px;min-inline-size:0;display:flex}.route-app .selected-name>.breadcrumb .text{letter-spacing:0;white-space:nowrap;font-family:Inter;font-size:12px;font-weight:500}.route-app .selected-name>.breadcrumb>.breadcrumb-category{min-block-size:24px;color:var(--muted-foreground,#5e5e60);cursor:pointer;border-radius:9999px;flex-shrink:0;align-items:center;margin-inline-start:-6px;padding-inline:6px;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.route-app .selected-name>.breadcrumb>.breadcrumb-category:hover{background-color:var(--fill-hover);color:var(--surface-foreground,#2f2f31);transition-duration:0s}}.route-app .selected-name>.breadcrumb>.breadcrumb-category:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:1px}.route-app .selected-name>.breadcrumb>.breadcrumb-category:active{transform:scale(.96)}.route-app .selected-name>.breadcrumb>.breadcrumb-category:active>*{scale:1.04167}.route-app .selected-name>.breadcrumb>.breadcrumb-category>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .selected-name>.breadcrumb>.breadcrumb-category:active{transform:none}.route-app .selected-name>.breadcrumb>.breadcrumb-category:active>*{scale:none}}.route-app .selected-name>.breadcrumb>.breadcrumb-separator{block-size:12px;inline-size:12px;color:var(--faint-foreground,#a0a0a2);flex-shrink:0}.route-app .selected-name>.breadcrumb>.breadcrumb-name{text-overflow:ellipsis;min-inline-size:0;color:var(--surface-foreground,#2f2f31);overflow:hidden}.route-app .selected-icon{background-color:var(--surface-muted,#f9f9fa);block-size:144px;box-shadow:0 0 0 .5px var(--border,#e2e2e2), var(--shadow-raised);border-radius:10px;justify-content:center;align-items:center;display:flex}.route-app .selected-icon>.icon{block-size:64px;inline-size:64px;color:var(--color,var(--primary-hover,#5314ff));animation:.36s cubic-bezier(.16,1,.3,1) both selected-icon-enter}@keyframes selected-icon-enter{0%{opacity:0;filter:blur(4px);transform:scale(.92)}to{opacity:1;filter:blur();transform:scale(1)}}.route-app .label-color-input{justify-content:space-between;align-items:center;display:flex}.route-app .label-color-input>.text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:13px;font-weight:500}.route-app .label-color-input>.color-input{background-color:var(--surface,#fff);block-size:28px;box-shadow:var(--ring-control), var(--shadow-raised);border-radius:9999px;align-items:center;padding-inline-end:8px;transition:box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-app .label-color-input>.color-input:hover{box-shadow:var(--ring-selected), var(--shadow-raised)}}.route-app .label-color-input>.color-input:focus-within{box-shadow:0 0 0 1px var(--color,var(--ring,#5314ff)), var(--shadow-raised)}.route-app .label-color-input>.color-input:has(>.color-container[data-popup-open]){background-color:var(--surface-pressed);box-shadow:var(--ring-selected)}.route-app .label-color-input>.color-input>.color-container{cursor:pointer;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;block-size:28px;inline-size:28px;transition:background-color .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-app .label-color-input>.color-input>.color-container:hover>.color{box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 2px #09090b14}}.route-app .label-color-input>.color-input>.color-container:focus-visible>.color{box-shadow:inset 0 0 0 1px #ffffff80, 0 0 0 2px var(--ring,#5314ff)}.route-app .label-color-input>.color-input>.color-container:active{transform:scale(.92)}.route-app .label-color-input>.color-input>.color-container:active>*{scale:1.08696}.route-app .label-color-input>.color-input>.color-container>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .label-color-input>.color-input>.color-container:active{transform:none}.route-app .label-color-input>.color-input>.color-container:active>*{scale:none}}.route-app .label-color-input>.color-input>.color-container>.color{background-color:var(--color,var(--ring,#5314ff));border-radius:4px;block-size:14px;inline-size:14px;transition:box-shadow .15s,scale .15s;box-shadow:inset 0 0 0 1px #ffffff80}.route-app .label-color-input>.color-input>.input{letter-spacing:0;inline-size:7ch;color:var(--surface-foreground,#2f2f31);text-transform:uppercase;font-family:Inter;font-size:16px;font-weight:500}.route-app .label-color-input>.color-input>.input:disabled{cursor:not-allowed;color:var(--muted-foreground,#5e5e60)}.route-app .label-color-input[data-disabled]>.color-input{opacity:.5}.route-app .label-color-input[data-disabled]>.color-input:hover,.route-app .label-color-input[data-disabled]>.color-input:focus-within{box-shadow:none}.route-app .label-color-input[data-disabled]>.color-input>.color-container{cursor:not-allowed}.route-app .label-color-input[data-disabled]>.color-input>.color-container:active{transform:none}.route-app .label-color-input[data-invalid]>.color-input{box-shadow:0 0 0 1px #d14343!important}.route-app .color-input-help{letter-spacing:.02em;color:#d14343;text-align:end;margin-block-start:4px;font-family:Inter;font-size:11px;font-weight:500}.route-app .label-select{justify-content:space-between;align-items:center;display:flex;position:relative}.route-app .label-select[data-disabled],.route-app .label-checkbox[data-disabled]{opacity:.5;cursor:not-allowed}.route-app .label-select[data-disabled]>.select,.route-app .label-checkbox[data-disabled]{pointer-events:none}.route-app .label-checkbox{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.route-app .label-checkbox>.text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:13px;font-weight:500}.route-app .label-checkbox>.text>code{background-color:var(--fill-active);color:var(--surface-foreground,#2f2f31);border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.route-app .label-select>.text{letter-spacing:0;color:var(--muted-foreground,#5e5e60);font-family:Inter;font-size:13px;font-weight:500}.route-app .label-select>.select{background-color:var(--surface,#fff);block-size:28px;box-shadow:var(--ring-control), var(--shadow-raised);align-items:center;transition:background-color .15s,box-shadow .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-app .label-select>.select:hover{background-color:var(--surface-hover);box-shadow:var(--ring-control-hover), var(--shadow-raised);transition-duration:0s}}.route-app .label-select>.select[data-popup-open]{background-color:var(--surface-pressed);box-shadow:var(--ring-selected)}.route-app .label-select>.select{border-radius:9999px}@media (hover:hover) and (pointer:fine){.route-app .label-select>.select:hover>.chevron-frame>.icon{color:var(--surface-foreground,#2f2f31)}}.route-app .label-select>.select:focus-visible>.chevron-frame>.icon,.route-app .label-select>.select[data-popup-open]>.chevron-frame>.icon{color:var(--surface-foreground,#2f2f31)}.route-app .label-select>.select:active{transform:scale(.96)}.route-app .label-select>.select:active>*{scale:1.04167}.route-app .label-select>.select>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .label-select>.select:active{transform:none}.route-app .label-select>.select:active>*{scale:none}}.route-app .label-select>.select>.frame{flex-direction:column;justify-content:center;align-items:center;block-size:28px;inline-size:28px;display:flex}.route-app .label-select>.select>.frame>.icon{block-size:16px;inline-size:16px;color:var(--muted-foreground,#5e5e60)}.route-app .label-select>.select>.text{letter-spacing:0;color:var(--surface-foreground,#2f2f31);font-family:Inter;font-size:12px;font-weight:500}.route-app .label-select>.select>.chevron-frame{justify-content:center;align-items:center;block-size:28px;inline-size:28px;display:flex}.route-app .label-select>.select>.chevron-frame>.icon{block-size:12px;inline-size:12px;color:var(--muted-foreground,#5e5e60)}.route-app .label-select-size>.select{padding-inline-start:12px}.route-app .icon>svg{block-size:100%;inline-size:100%}.route-app .icon[data-loaded]{transition:opacity .15s cubic-bezier(.2,0,0,1)}.route-app .icon[data-loaded=true]:not(.icon--idle):not(.icon--done){opacity:1}@keyframes shimmer-rect-pulse{0%,to{opacity:.06}50%{opacity:.14}}.route-app .icon[data-loaded=false]>svg{opacity:.06;animation:1.6s cubic-bezier(.4,0,.2,1) infinite shimmer-rect-pulse}@media (prefers-reduced-motion:reduce){.route-app .icon[data-loaded=false]>svg{opacity:.1;animation:none}}.route-app .search-results :is([data-variant=stroke],[data-variant=duo-stroke]) svg,.route-app .search-results :is([data-variant=stroke],[data-variant=duo-stroke]) svg :is(path,circle,rect,line,polyline,polygon,ellipse),.route-app .selected-icon :is([data-variant=stroke],[data-variant=duo-stroke]) svg,.route-app .selected-icon :is([data-variant=stroke],[data-variant=duo-stroke]) svg :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-width:var(--pika-stroke-width,2)}.route-app .label-select-stack{flex-direction:column;align-items:stretch;gap:8px}.route-app .variant-tiles{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.route-app .variant-tile{aspect-ratio:1;background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);color:var(--muted-foreground,#5e5e60);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s,color .15s,transform .15s;display:flex;position:relative}.route-app .variant-tile:before{content:"";position:absolute;inset:-2px}@media (hover:hover) and (pointer:fine){.route-app .variant-tile:hover:not(.variant-tile-active){background-color:var(--surface-hover);color:var(--foreground,#1b1b1b);transition-duration:0s}}.route-app .variant-tile:focus-visible{box-shadow:inset 0 0 0 2px var(--primary,#643bff);outline:none}.route-app .variant-tile:active{transform:scale(.94)}.route-app .variant-tile:active>*{scale:1.06383}.route-app .variant-tile>:where(*){transition:scale .15s}@media (prefers-reduced-motion:reduce){.route-app .variant-tile:active{transform:none}.route-app .variant-tile:active>*{scale:none}.route-app .variant-tile{transition:none}}.route-app .variant-tile .icon{block-size:20px;inline-size:20px;color:inherit;--color:currentColor}.route-app .variant-tile-active{background-color:var(--primary,#643bff);box-shadow:inset 0 0 0 .5px #ffffff29, var(--shadow-raised);color:var(--primary-foreground,#fff)}.route-app .buttons{flex-direction:column;gap:8px;display:flex}.route-admin{background-color:var(--background,#efeff0);block-size:100dvh;color:var(--foreground,#1b1b1b);display:flex}.route-admin :root{--background:#efeff0;--foreground:#1b1b1b;--surface:#fff;--surface-foreground:#2f2f31;--surface-muted:#f9f9fa;--surface-muted-foreground:#5e5e60;--muted-foreground:#5e5e60;--faint-foreground:#a0a0a2;--primary:var(--color-pika-600,#643bff);--primary-foreground:#fff;--primary-hover:var(--color-pika-700,#5314ff);--primary-muted:var(--color-pika-100,#f1f0ff);--primary-muted-foreground:var(--color-pika-600,#643bff);--primary-accent:var(--color-pika-600,#643bff);--destructive:var(--color-rose-500,#f43f5e);--destructive-foreground:#fff;--destructive-muted:var(--color-rose-50,#fff1f2);--destructive-muted-foreground:var(--color-rose-500,#f43f5e);--border:#e2e2e2;--border-strong:#d8d8d8;--ring:var(--color-pika-700,#5314ff);--fill-hover:#00000009;--fill-active:#0000000f;--surface-pressed:#f0f0f0;--surface-hover:#f3f3f3;--surface-popup:#fff;--fill-menu:#0000000e;--border-popup:#e8e8e8;--divider:#e5e5e5;--shadow-popup:0 6px 18px 0 #00000005, 0 3px 9px 0 #0000000a, 0 1px 1px 0 #0000000a;--ring-control:0 0 0 .5px #00000017;--ring-control-hover:0 0 0 .5px #00000017;--warn-ink:#a07f00;--grid-line:#0000000f;--overlay-blend:multiply;--logo-light-display:block;--logo-dark-display:none;--grid-ink:100 59 255;--shadow-raised:0 1px 1px 0 #0000000a, 0 3px 6px -2px #00000005;--ring-card:0 0 0 .5px #00000017;--ring-selected:0 0 0 .5px #00000026;--glass-edge:#ffffff59;--brand-svg:#e38a00;--brand-react:#087ea4;--brand-solid:#2c4f7c;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#3178c6}.route-admin [data-theme=dark]{--color-white:#1a1a1b;--color-black:#fafafa;--color-ash-100:#121213;--color-ash-200:#09090a;--color-ash-300:#212224;--color-ash-400:#2f3033;--color-ash-500:#5c5d5f;--color-ash-600:#98999c;--color-ash-700:#a8a9ac;--color-ash-800:#c8c8ca;--color-ash-900:#e3e4e6;--color-ash-1000:#f2f2f3;--color-ash-1100:#fff;--shadow-sm:0 .5px 1px 1px #0000004d, 0 0 0 .5px #ffffff14;--shadow-lg:0px 2px 4px 0px #0006, 0px 7px 7px 0px #00000052, 0px 15px 9px 0px #0003, 0px 26px 10px 0px #00000014, 0 0 0 .5px #ffffff14;--shadow-xl:0px 7px 16px 0px #00000080, 0px 28px 28px 0px #0006, 0px 64px 38px 0px #0000003d, 0px 114px 46px 0px #00000014, 0px 178px 50px 0px #0000;--background:#09090a;--foreground:#fff;--surface:#1a1a1b;--surface-foreground:#e3e4e6;--surface-muted:#121213;--surface-muted-foreground:#98999c;--muted-foreground:#98999c;--faint-foreground:#565759;--border:#212224;--border-strong:#2f3033;--fill-hover:#ffffff0f;--fill-active:#ffffff1b;--surface-pressed:#2d2d2f;--surface-hover:#252527;--surface-popup:#212122;--fill-menu:#ffffff12;--border-popup:#3c3d40;--divider:#303134;--shadow-popup:0 3px 8px 0 #00000020, 0 2px 5px 0 #00000020, 0 1px 1px 0 #00000020;--ring-control:0 0 0 .5px #ffffff24;--ring-control-hover:0 0 0 .5px #ffffff3b;--warn-ink:#f0bf00;--grid-line:#ffffff12;--overlay-blend:screen;--logo-light-display:none;--logo-dark-display:block;--grid-ink:175 166 255;--shadow-raised:0 .5px 1px 1px #0000004d;--ring-card:0 0 0 .5px #ffffff14;--ring-selected:0 0 0 .5px #ffffff3d;--glass-edge:#ffffff0a;--brand-svg:#ffb13b;--brand-react:#61dafb;--brand-solid:#76b3e1;--brand-vue:#42b883;--brand-svelte:#ff3e00;--brand-typescript:#5a9ceb;--primary-muted:#2a1f5c;--primary-muted-foreground:#d0cdff;--primary-accent:#afa6ff;--destructive-muted:#4c0519;--destructive-muted-foreground:#fda4af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.route-admin html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.route-admin code{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.92em}.route-admin .icon>svg{block-size:100%;inline-size:100%;display:block}.route-admin .admin-nav{flex-direction:column;flex-shrink:0;min-block-size:0;inline-size:244px;padding-block:8px;display:flex}.route-admin .admin-nav-head{align-items:center;gap:8px;padding:8px 18px 12px;display:flex}.route-admin .admin-nav-logo{border-radius:8px;transition:opacity .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-admin .admin-nav-logo:hover{opacity:.8}}.route-admin .admin-nav-logo:active{transform:scale(.98)}.route-admin .admin-nav-logo>img{block-size:24px;inline-size:auto;display:block}.route-admin .admin-nav-tag{border:.5px solid var(--divider);block-size:18px;color:var(--muted-foreground,#5e5e60);border-radius:9999px;align-items:center;padding-inline:6px;font-size:11px;font-weight:500;display:inline-flex}.route-admin .admin-nav-body{flex-direction:column;flex-grow:1;gap:1px;min-block-size:0;padding-inline:8px;display:flex;overflow-y:auto}.route-admin .admin-nav-section{color:var(--muted-foreground,#5e5e60);padding:16px 12px 6px;font-size:12px;font-weight:500}.route-admin .admin-nav-row{block-size:30px;color:var(--muted-foreground,#5e5e60);border-radius:9999px;flex-shrink:0;align-items:center;gap:2px;padding-inline:6px 14px;transition:background-color .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-admin .admin-nav-row:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-admin .admin-nav-row:focus-visible{outline-offset:-1px}.route-admin .admin-nav-row:active{background-color:var(--fill-active)}.route-admin .admin-nav-row[data-active=true]{background-color:var(--fill-active);color:var(--foreground,#1b1b1b)}.route-admin .admin-nav-icon{flex-shrink:0;place-items:center;block-size:28px;inline-size:28px;display:grid}.route-admin .admin-nav-icon>.icon{block-size:14px;inline-size:14px}.route-admin .admin-nav-label{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-inline-size:0;font-size:13px;font-weight:500;overflow:hidden}.route-admin .admin-nav-count{color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .admin-nav-foot{border-block-start:.5px solid var(--divider);align-items:center;gap:8px;margin-inline:8px;padding:10px 12px 2px;display:flex}.route-admin .admin-nav-operator{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;color:var(--muted-foreground,#5e5e60);flex-grow:1;font-size:12px;font-weight:500;overflow:hidden}.route-admin .admin-nav-exit{block-size:26px;color:var(--surface-foreground,#2f2f31);background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);border-radius:9999px;flex-shrink:0;align-items:center;padding-inline:10px;font-size:12px;font-weight:500;transition:background-color .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.route-admin .admin-nav-exit:hover{background-color:var(--surface-hover);transition-duration:0s}}.route-admin .admin-panel{background-color:var(--surface-muted,#f9f9fa);min-inline-size:0;box-shadow:0 0 0 .5px var(--border,#e2e2e2), var(--shadow-raised);border-radius:12px;flex-direction:column;flex-grow:1;margin:8px 8px 8px 0;display:flex;overflow:hidden}.route-admin .admin-panel-head{border-block-end:.5px solid var(--border,#e2e2e2);flex-shrink:0;align-items:center;block-size:44px;padding-inline:16px;display:flex}.route-admin .admin-panel-body{flex-grow:1;min-block-size:0;overflow-y:auto}.route-admin .admin-crumbs{align-items:center;gap:4px;min-inline-size:0;font-size:13px;font-weight:500;display:flex}.route-admin .admin-crumb{block-size:24px;color:var(--surface-foreground,#2f2f31);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-items:center;padding-inline:6px;display:inline-flex;overflow:hidden}.route-admin .admin-crumb[data-current=true]{color:var(--foreground,#1b1b1b)}.route-admin .admin-crumb:is(button){transition:background-color .15s}@media (hover:hover) and (pointer:fine){.route-admin .admin-crumb:is(button):hover{background-color:var(--fill-hover);transition-duration:0s}}.route-admin .admin-crumb-sep{color:var(--faint-foreground,#a0a0a2)}.route-admin .admin-empty{color:var(--muted-foreground,#5e5e60);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;font-size:13px;font-weight:500;display:flex}.route-admin .admin-error{color:var(--destructive,#f43f5e);font-size:12px;font-weight:500}.route-admin .admin-kbd{border:.5px solid var(--divider);block-size:18px;min-inline-size:18px;color:var(--muted-foreground,#5e5e60);border-radius:4px;justify-content:center;align-items:center;padding-inline:4px;font-family:Inter;font-size:11px;font-weight:400;display:inline-flex}.route-admin .admin-kbd-on-primary{color:#ffffffd9;border-color:#ffffff4d;margin-inline-start:2px}.route-admin .admin-dot{border-radius:50%;flex-shrink:0;block-size:7px;inline-size:7px}.route-admin .admin-dot-ok{background-color:#4cb782}.route-admin .admin-dot-warn{background-color:#f0bf00}.route-admin .admin-button-ghost{color:var(--surface-foreground,#2f2f31);transition:background-color .15s,transform .15s}@media (hover:hover) and (pointer:fine){.route-admin .admin-button-ghost:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-admin .admin-button-ghost:active{background-color:var(--fill-active)}.route-admin .admin-button-danger{background-color:var(--destructive,#f43f5e);color:var(--destructive-foreground,#fff);box-shadow:inset 0 0 0 .5px #ffffff29, var(--shadow-raised)}.route-admin .admin-button-danger-ghost{color:var(--destructive,#f43f5e);box-shadow:var(--ring-control);transition:background-color .15s,transform .15s}@media (hover:hover) and (pointer:fine){.route-admin .admin-button-danger-ghost:hover{background-color:var(--destructive-muted,#fff1f2);transition-duration:0s}}.route-admin .button:disabled{opacity:.5;cursor:not-allowed}.route-admin .button:disabled:active{transform:none}.route-admin .admin-section{flex-direction:column;gap:10px;display:flex}.route-admin .admin-section-title{color:var(--foreground,#1b1b1b);margin:0;font-size:13px;font-weight:600}.route-admin .admin-toolbar{z-index:1;background-color:var(--surface-muted,#f9f9fa);align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;inset-block-start:0}.route-admin .admin-search{background-color:var(--surface,#fff);block-size:32px;min-inline-size:0;box-shadow:var(--ring-control), var(--shadow-raised);cursor:text;border-radius:9999px;flex:0 360px;align-items:center;gap:6px;padding-inline:12px 8px;transition:box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-admin .admin-search:hover{box-shadow:var(--ring-selected), var(--shadow-raised)}}.route-admin .admin-search:focus-within{box-shadow:0 0 0 1px var(--ring,#5314ff), var(--shadow-raised)}.route-admin .admin-search>input{appearance:none;min-inline-size:0;color:var(--foreground,#1b1b1b);background:0 0;border:0;flex-grow:1;padding:0;font-family:Inter;font-size:13px;font-weight:500}.route-admin .admin-search>input::placeholder{color:var(--faint-foreground,#a0a0a2)}.route-admin .admin-search>input:focus-visible{outline:none}.route-admin .admin-search>input::-webkit-search-cancel-button{display:none}.route-admin .admin-search-icon{color:var(--muted-foreground,#5e5e60);place-items:center;display:grid}.route-admin .admin-search-icon>.icon{block-size:14px;inline-size:14px}.route-admin .admin-chip{background-color:var(--surface,#fff);block-size:28px;box-shadow:var(--ring-control), var(--shadow-raised);align-items:center;gap:6px;padding-inline:10px 12px;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.route-admin .admin-chip:hover{background-color:var(--surface-hover);box-shadow:var(--ring-control-hover), var(--shadow-raised);transition-duration:0s}}.route-admin .admin-chip[data-popup-open]{background-color:var(--surface-pressed);box-shadow:var(--ring-selected)}.route-admin .admin-chip{color:var(--surface-foreground,#2f2f31);border-radius:9999px;font-size:12px;font-weight:500}.route-admin .admin-chip[aria-pressed=true]{background-color:var(--surface-pressed);box-shadow:var(--ring-selected);color:var(--foreground,#1b1b1b)}.route-admin .admin-toolbar-count{color:var(--muted-foreground,#5e5e60);margin-inline-start:auto;font-size:12px;font-weight:500}.route-admin .admin-tile-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:2px;padding:0 12px 16px;display:grid}.route-admin .admin-tile{content-visibility:auto;contain-intrinsic-size:128px 96px;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:18px 8px 10px;transition:background-color .15s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.route-admin .admin-tile:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-admin .admin-tile:active{background-color:var(--fill-active)}.route-admin .admin-tile-glyph{block-size:32px;inline-size:32px;color:var(--foreground,#1b1b1b);place-items:center;display:grid}.route-admin .admin-tile-glyph .icon{block-size:24px;inline-size:24px}.route-admin .admin-tile-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;max-inline-size:100%;color:var(--muted-foreground,#5e5e60);font-size:11px;font-weight:500;overflow:hidden}.route-admin .admin-tile-badge{font-variant-numeric:tabular-nums;block-size:16px;color:var(--warn-ink);background-color:#f0bf0029;border-radius:9999px;align-items:center;padding-inline:5px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;inset-block-start:6px;inset-inline-end:6px}.route-admin .admin-family-root{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;max-inline-size:1200px;padding:24px;display:grid}@media (width<=1100px){.route-admin .admin-family-root{grid-template-columns:minmax(0,1fr)}}.route-admin .admin-family-main{flex-direction:column;gap:28px;min-inline-size:0;display:flex}.route-admin .admin-family-title{flex-direction:column;gap:6px;display:flex}.route-admin .admin-family-title h1{letter-spacing:-.02em;color:var(--foreground,#1b1b1b);margin:0;font-size:22px;font-weight:600}.route-admin .admin-family-meta{color:var(--muted-foreground,#5e5e60);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.route-admin .admin-family-variants{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;display:grid}.route-admin .admin-variant-slot{background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);cursor:pointer;border-radius:10px;flex-direction:column;gap:10px;padding:10px;transition:background-color .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-admin .admin-variant-slot:hover{background-color:var(--surface-hover);transition-duration:0s}}.route-admin .admin-variant-slot[data-state=empty]{box-shadow:none;outline:1px dashed var(--border-strong,#d8d8d8);outline-offset:-1px;background-color:#0000}.route-admin .admin-variant-slot:focus-visible{outline:1px solid var(--ring,#5314ff);outline-offset:0}.route-admin .admin-variant-slot[data-drag-over=true]{background-color:var(--primary-muted,#f1f0ff);outline:1.5px solid var(--ring,#5314ff);outline-offset:-1px}.route-admin .admin-variant-label{color:var(--muted-foreground,#5e5e60);justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.route-admin .admin-variant-paste-hint{opacity:0;transition:opacity .15s}.route-admin .admin-variant-slot:is(:hover,:focus-within,:focus-visible) .admin-variant-paste-hint{opacity:1;transition-duration:0s}.route-admin .admin-variant-glyph{block-size:72px;color:var(--foreground,#1b1b1b);place-items:center;display:grid}.route-admin .admin-variant-glyph .icon{block-size:32px;inline-size:32px}.route-admin .admin-variant-empty{color:var(--faint-foreground,#a0a0a2);flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:500;display:flex}.route-admin .admin-variant-foot{align-items:center;gap:6px;min-block-size:18px;font-size:12px;font-weight:500;display:flex}.route-admin .admin-variant-status{color:var(--muted-foreground,#5e5e60);flex-grow:1}.route-admin .admin-variant-open{color:var(--surface-foreground,#2f2f31);opacity:0;transition:opacity .15s}.route-admin .admin-variant-slot:is(:hover,:focus-visible) .admin-variant-open{opacity:1;transition-duration:0s}.route-admin .admin-properties{background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);border-radius:10px;flex-direction:column;gap:14px;padding:14px;display:flex;position:sticky;inset-block-start:0}.route-admin .admin-prop-list{flex-direction:column;gap:6px;margin:0;display:flex}.route-admin .admin-prop{justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.route-admin .admin-prop dt{color:var(--muted-foreground,#5e5e60)}.route-admin .admin-prop dd{color:var(--foreground,#1b1b1b);margin:0}.route-admin .admin-field{flex-direction:column;gap:6px;display:flex}.route-admin .admin-field textarea{resize:vertical;min-block-size:64px}.route-admin .admin-field textarea,.route-admin .admin-field input{background-color:var(--surface-muted,#f9f9fa);box-shadow:inset 0 0 0 .5px var(--border,#e2e2e2);color:var(--foreground,#1b1b1b);border:0;border-radius:8px;padding:8px 10px;font-family:Inter;font-size:12px;font-weight:500;line-height:1.5;transition:box-shadow .15s}.route-admin .admin-field textarea::placeholder,.route-admin .admin-field input::placeholder{color:var(--faint-foreground,#a0a0a2)}.route-admin .admin-field textarea:focus-visible,.route-admin .admin-field input:focus-visible{box-shadow:0 0 0 1px var(--ring,#5314ff);outline:none}.route-admin .admin-field textarea:disabled,.route-admin .admin-field input:disabled{opacity:.6}.route-admin .admin-field input{border-radius:9999px;padding-inline:12px}.route-admin .admin-field-label{color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .admin-properties-actions{justify-content:flex-end;gap:6px;display:flex}.route-admin .admin-properties-actions>.button{block-size:28px;padding-inline:12px;font-size:12px}.route-admin .admin-danger{border-block-start:.5px solid var(--border,#e2e2e2);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding-block-start:20px}.route-admin .admin-danger[data-confirming=true]{background-color:var(--destructive-muted,#fff1f2);border:0;border-radius:10px;padding:14px;box-shadow:inset 0 0 0 .5px #f43f5e59}.route-admin .admin-danger-copy{flex-direction:column;gap:4px;min-inline-size:0;display:flex}.route-admin .admin-danger-hint,.route-admin .admin-danger-warning{color:var(--muted-foreground,#5e5e60);margin:0;font-size:12px;font-weight:500;line-height:1.45}.route-admin .admin-danger-warning{color:var(--foreground,#1b1b1b)}.route-admin .admin-danger-actions{flex-shrink:0;gap:6px;display:flex}.route-admin .admin-page{flex-direction:column;gap:16px;max-inline-size:1080px;padding:24px;display:flex}.route-admin .admin-page-header{align-items:flex-start;gap:16px;display:flex}.route-admin .admin-page-title{flex-direction:column;gap:6px;display:flex}.route-admin .admin-page-title h1{letter-spacing:-.02em;color:var(--foreground,#1b1b1b);margin:0;font-size:22px;font-weight:600}.route-admin .admin-page-subtitle{max-inline-size:720px;color:var(--muted-foreground,#5e5e60);font-size:13px;font-weight:500;line-height:1.5}.route-admin .admin-dropzone{outline:1px dashed var(--border-strong,#d8d8d8);outline-offset:-1px;color:var(--muted-foreground,#5e5e60);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:40px 32px;transition:background-color .15s,outline-color .15s;display:flex}.route-admin .admin-dropzone[data-drag-over=true]{outline:1.5px solid var(--ring,#5314ff);background-color:var(--primary-muted,#f1f0ff)}.route-admin .admin-dropzone-prompt{color:var(--foreground,#1b1b1b);margin:0;font-size:14px;font-weight:600}.route-admin .admin-dropzone-or{color:var(--faint-foreground,#a0a0a2);margin:0;font-size:12px;font-weight:500}.route-admin .admin-dropzone-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.route-admin .admin-update-form{background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);border-radius:12px;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:16px;scroll-margin-block-start:24px;display:grid}.route-admin .admin-update-fields{flex-direction:column;gap:12px;display:flex}.route-admin .admin-update-display,.route-admin .admin-update-preview-open{align-self:flex-start}.route-admin .admin-update-link{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;display:grid}@media (width<=640px){.route-admin .admin-update-link{grid-template-columns:minmax(0,1fr)}}.route-admin .admin-field-label:has(.admin-field-count){justify-content:space-between;display:flex}.route-admin .admin-field-count{font-variant-numeric:tabular-nums;color:var(--faint-foreground,#a0a0a2);font-size:11px}.route-admin .admin-field-count[data-over=true]{color:var(--destructive,#f43f5e)}.route-admin .admin-update-side{flex-direction:column;gap:16px;display:flex}.route-admin .admin-update-preview{flex-direction:column;gap:8px;display:flex}.route-admin .admin-update-preview>.whats-new-card{inline-size:228px}.route-admin .admin-update-preview-empty{color:var(--faint-foreground,#a0a0a2);font-size:12px;font-weight:500}.route-admin .admin-update-image{aspect-ratio:16/10;cursor:pointer;justify-content:center;padding:16px;overflow:hidden}.route-admin .admin-update-image[data-has-image=true]{outline-style:solid;outline-color:var(--border,#e2e2e2);background-color:var(--surface-muted,#f9f9fa);padding:0}.route-admin .admin-update-image:focus-visible{outline:1.5px solid var(--ring,#5314ff)}.route-admin .admin-update-image>img,.route-admin .admin-update-image>video{object-fit:cover;block-size:100%;inline-size:100%}.route-admin .admin-update-actions{justify-content:flex-end;align-items:center;gap:6px;margin-block-start:auto;display:flex}.route-admin .admin-update-actions>.button{white-space:nowrap;flex-shrink:0;block-size:28px;padding-inline:12px;font-size:12px}.route-admin .admin-update-confirm{color:var(--foreground,#1b1b1b);margin-inline-end:auto;font-size:12px;font-weight:500}.route-admin .admin-update-rows{flex-direction:column;gap:2px;display:flex}.route-admin .admin-update-row{border-radius:10px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 12px;transition:background-color .15s;display:grid}@media (hover:hover) and (pointer:fine){.route-admin .admin-update-row:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-admin .admin-update-row[data-editing=true]{background-color:var(--primary-muted,#f1f0ff)}.route-admin .admin-update-row[data-confirming=true]{background-color:var(--destructive-muted,#fff1f2)}.route-admin .admin-update-thumb{aspect-ratio:16/10;object-fit:cover;background-color:var(--surface-muted,#f9f9fa);inline-size:64px;box-shadow:inset 0 0 0 .5px var(--border,#e2e2e2);border-radius:6px}.route-admin .admin-update-meta{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.route-admin .admin-update-title{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground,#1b1b1b);font-size:13px;font-weight:600;overflow:hidden}.route-admin .admin-update-date{color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .admin-update-row-actions{gap:6px;display:flex}.route-admin .admin-update-row-actions>.button{block-size:28px;padding-inline:12px;font-size:12px}@media (width<=900px){.route-admin .admin-update-form{grid-template-columns:minmax(0,1fr)}}.route-admin .admin-bulk-status{color:var(--muted-foreground,#5e5e60);font-size:13px;font-weight:500}.route-admin .admin-bulk-error{color:var(--destructive,#f43f5e);font-size:13px;font-weight:500}.route-admin .admin-bulk-summary{z-index:1;background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);color:var(--muted-foreground,#5e5e60);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:12px;font-weight:500;display:flex;position:sticky;inset-block-start:0}.route-admin .admin-bulk-summary>.button{block-size:28px;padding-inline:12px;font-size:12px}.route-admin .admin-bulk-summary-spacer{flex:1}.route-admin .admin-bulk-summary-warn{color:var(--warn-ink)}.route-admin .admin-bulk-summary-error{color:var(--destructive,#f43f5e)}.route-admin .admin-bulk-rows{flex-direction:column;gap:2px;display:flex}.route-admin .admin-bulk-row{border-radius:10px;grid-template-columns:112px auto 1fr auto;align-items:center;gap:16px;padding:10px 12px;transition:background-color .15s,opacity .15s;display:grid}@media (hover:hover) and (pointer:fine){.route-admin .admin-bulk-row:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-admin .admin-bulk-row[data-decision=reject]{opacity:.45}.route-admin .admin-bulk-row[data-applied=ok]{opacity:.7}.route-admin .admin-bulk-row[data-applied=error]{box-shadow:inset 0 0 0 .5px var(--destructive,#f43f5e)}.route-admin .admin-bulk-kind{border:.5px solid var(--divider);block-size:22px;color:var(--surface-foreground,#2f2f31);border-radius:9999px;justify-self:start;align-items:center;gap:6px;padding-inline:8px;font-size:11px;font-weight:500;display:inline-flex}.route-admin .admin-bulk-kind:before{content:"";background-color:var(--muted-foreground,#5e5e60);border-radius:50%;block-size:6px;inline-size:6px}.route-admin .admin-bulk-kind-replace:before{background-color:#4ea7fc}.route-admin .admin-bulk-kind-add-variant:before{background-color:#4cb782}.route-admin .admin-bulk-kind-new-icon:before{background-color:var(--primary,#643bff)}.route-admin .admin-bulk-kind-mismatch{color:var(--destructive,#f43f5e)}.route-admin .admin-bulk-kind-mismatch:before{background-color:var(--destructive,#f43f5e)}.route-admin .admin-bulk-glyphs{align-items:center;gap:8px;display:flex}.route-admin .admin-bulk-glyph{flex-direction:column;align-items:center;gap:4px;display:flex}.route-admin .admin-bulk-glyph-label{color:var(--faint-foreground,#a0a0a2);font-size:10px;font-weight:500}.route-admin .admin-bulk-glyph-render{background-color:var(--surface,#fff);block-size:44px;inline-size:44px;box-shadow:var(--ring-control);color:var(--foreground,#1b1b1b);border-radius:8px;place-items:center;display:grid}.route-admin .admin-bulk-glyph-render .icon,.route-admin .admin-bulk-glyph-render>svg{block-size:26px;inline-size:26px}.route-admin .admin-bulk-arrow{color:var(--faint-foreground,#a0a0a2);font-size:13px}.route-admin .admin-bulk-meta{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.route-admin .admin-bulk-source-path{color:var(--foreground,#1b1b1b);word-break:break-all;font-size:12px}.route-admin .admin-bulk-target{color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .admin-bulk-row-actions{align-items:center;gap:2px;display:flex}.route-admin .admin-bulk-row-actions button{block-size:26px;color:var(--muted-foreground,#5e5e60);border-radius:9999px;padding-inline:10px;font-size:12px;font-weight:500;transition:background-color .15s}@media (hover:hover) and (pointer:fine){.route-admin .admin-bulk-row-actions button:hover{background-color:var(--fill-hover);transition-duration:0s}}.route-admin .admin-bulk-row-actions button[aria-pressed=true]{background-color:var(--surface-pressed);box-shadow:var(--ring-selected);color:var(--foreground,#1b1b1b)}.route-admin .admin-bulk-applied-ok,.route-admin .admin-bulk-applied-error{color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .admin-bulk-applied-error{color:var(--destructive,#f43f5e)}.route-admin .admin-bulk-mismatch-hint{text-align:end;max-inline-size:240px;color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .ve-backdrop{z-index:50;background-color:#00000052;transition:opacity .15s;position:fixed;inset:0}.route-admin .ve-backdrop[data-starting-style],.route-admin .ve-backdrop[data-ending-style]{opacity:0}.route-admin .ve-popup{z-index:51;background-color:var(--surface-popup);box-shadow:0 0 0 .5px var(--border-popup), var(--shadow-popup);border-radius:14px;transition:opacity .15s,transform .15s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:24px;overflow:hidden}.route-admin .ve-popup[data-starting-style],.route-admin .ve-popup[data-ending-style]{opacity:0;transform:scale(.98)}.route-admin .ve-root{flex-direction:column;flex-grow:1;min-inline-size:0;display:flex}.route-admin .ve-root[data-drag-over=true]{box-shadow:inset 0 0 0 2px var(--ring,#5314ff)}.route-admin .ve-head{border-block-end:.5px solid var(--divider);flex-shrink:0;align-items:center;gap:16px;block-size:52px;padding-inline:16px 10px;display:flex}.route-admin .ve-title{flex-grow:1;align-items:baseline;gap:10px;min-inline-size:0;display:flex}.route-admin .ve-title-text{color:var(--foreground,#1b1b1b);white-space:nowrap;margin:0;font-size:14px;font-weight:600}.route-admin .ve-title-sep{color:var(--faint-foreground,#a0a0a2)}.route-admin .ve-title-meta{color:var(--muted-foreground,#5e5e60);white-space:nowrap;font-size:12px;font-weight:500}.route-admin .ve-segments,.route-admin .ve-zoom{box-shadow:inset 0 0 0 .5px var(--divider);border-radius:9999px;gap:2px;padding:2px;display:flex}.route-admin .ve-segment{block-size:26px;color:var(--muted-foreground,#5e5e60);border-radius:9999px;padding-inline:10px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s}@media (hover:hover) and (pointer:fine){.route-admin .ve-segment:hover:not(:disabled){background-color:var(--fill-menu);color:var(--foreground,#1b1b1b);transition-duration:0s}}.route-admin .ve-segment[aria-checked=true]{background-color:var(--fill-menu);box-shadow:var(--ring-selected);color:var(--foreground,#1b1b1b)}.route-admin .ve-segment:disabled{opacity:.4;cursor:not-allowed}.route-admin .ve-close{block-size:28px;inline-size:28px;color:var(--muted-foreground,#5e5e60);border-radius:9999px;place-items:center;font-size:12px;transition:background-color .15s;display:grid}@media (hover:hover) and (pointer:fine){.route-admin .ve-close:hover{background-color:var(--fill-menu);transition-duration:0s}}.route-admin .ve-body{flex-grow:1;grid-template-columns:minmax(0,1fr) 320px;min-block-size:0;display:grid}.route-admin .ve-canvas{background-color:var(--surface-muted,#f9f9fa);flex-direction:column;gap:14px;min-inline-size:0;padding:16px;display:flex;overflow:auto}.route-admin .ve-stage-wrap{flex-grow:1;justify-content:center;align-items:center;min-block-size:320px;display:flex}.route-admin .ve-side{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.route-admin .ve-stage-figure{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.route-admin .ve-stage-caption{color:var(--muted-foreground,#5e5e60);text-align:center;font-size:12px;font-weight:500}.route-admin .ve-stage{isolation:isolate;background-color:var(--surface,#fff);box-shadow:var(--ring-control), var(--shadow-raised);border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.route-admin .ve-stage[data-grid=true]{background-image:linear-gradient(to right, var(--grid-line) .5px, transparent .5px), linear-gradient(to bottom, var(--grid-line) .5px, transparent .5px);background-size:var(--ve-cell) var(--ve-cell)}.route-admin .ve-stage[data-mode=difference]{background-color:#000}.route-admin .ve-stage[data-mode=difference][data-grid=true]{background-image:linear-gradient(90deg,#ffffff14 .5px,#0000 .5px),linear-gradient(#ffffff14 .5px,#0000 .5px)}.route-admin .ve-stage-empty{color:var(--faint-foreground,#a0a0a2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:12px;font-weight:500;display:flex;position:absolute;inset:0}.route-admin .ve-mask{background-color:var(--foreground,#1b1b1b);display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.route-admin .ve-layer{position:absolute;inset:0}.route-admin .ve-layer[data-tone=ink]{background-color:var(--foreground,#1b1b1b)}.route-admin .ve-layer[data-tone=accent]{background-color:var(--primary,#643bff)}.route-admin .ve-layer[data-tone=red]{background-color:#f43f5e}.route-admin .ve-layer[data-tone=blue]{background-color:#3b82f6}.route-admin .ve-layer[data-tone=white]{background-color:#fff}.route-admin .ve-layer[data-blend=multiply]{mix-blend-mode:var(--overlay-blend)}.route-admin .ve-layer[data-blend=difference]{mix-blend-mode:difference}.route-admin .ve-canvas-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.route-admin .ve-toggle{color:var(--surface-foreground,#2f2f31);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.route-admin .ve-toggle input{accent-color:var(--primary,#643bff)}.route-admin .ve-slider{color:var(--muted-foreground,#5e5e60);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.route-admin .ve-slider input{inline-size:180px;accent-color:var(--primary,#643bff)}.route-admin .ve-actual{background-color:var(--surface,#fff);box-shadow:var(--ring-control);border-radius:10px;flex-direction:column;align-self:center;gap:8px;padding:10px 14px;display:flex}.route-admin .ve-actual-row{align-items:center;gap:18px;display:flex}.route-admin .ve-actual-label{inline-size:52px;color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .ve-actual-cell{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;block-size:50px;inline-size:32px;display:flex}.route-admin .ve-actual-empty{outline:1px dashed var(--border-strong,#d8d8d8);outline-offset:-1px;border-radius:4px;display:block}.route-admin .ve-actual-px{color:var(--faint-foreground,#a0a0a2);font-size:10px;font-weight:500}.route-admin .ve-side-panel{border-inline-start:.5px solid var(--divider);flex-direction:column;gap:20px;min-block-size:0;padding:16px;display:flex;overflow-y:auto}.route-admin .ve-panel-section{flex-direction:column;gap:8px;display:flex}.route-admin .ve-panel-title{color:var(--foreground,#1b1b1b);margin:0;font-size:12px;font-weight:600}.route-admin .ve-markup{resize:vertical;background-color:var(--surface-muted,#f9f9fa);min-block-size:160px;box-shadow:inset 0 0 0 .5px var(--border,#e2e2e2);color:var(--foreground,#1b1b1b);border:0;border-radius:8px;padding:10px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}.route-admin .ve-markup::placeholder{color:var(--faint-foreground,#a0a0a2);font-family:Inter;font-size:12px}.route-admin .ve-markup:focus-visible{box-shadow:0 0 0 1px var(--ring,#5314ff);outline:none}.route-admin .ve-panel-actions{gap:4px;display:flex}.route-admin .ve-panel-actions>.button{block-size:28px;padding-inline:12px;font-size:12px}.route-admin .ve-action-list{flex-direction:column;margin-inline:-6px;display:flex}.route-admin .ve-action{block-size:32px;color:var(--surface-foreground,#2f2f31);border-radius:9999px;justify-content:space-between;align-items:center;padding-inline:6px 8px;font-size:13px;font-weight:400;transition:background-color .15s;display:flex}@media (hover:hover) and (pointer:fine){.route-admin .ve-action:hover{background-color:var(--fill-menu);transition-duration:0s}}.route-admin .ve-action:focus-visible{outline-offset:-1px}.route-admin .ve-action:disabled{opacity:.4;cursor:not-allowed}.route-admin .ve-action-hint{color:var(--muted-foreground,#5e5e60);font-size:11px}.route-admin .ve-normalize{align-items:flex-start}.route-admin .ve-normalize>input{margin-block-start:2px}.route-admin .ve-normalize>span{flex-direction:column;gap:2px;display:flex}.route-admin .ve-normalize-hint{color:var(--muted-foreground,#5e5e60);font-size:11px;font-weight:500}.route-admin .ve-link{color:var(--primary-accent,#643bff);align-self:flex-start;font-size:12px;font-weight:500}.route-admin .ve-link:hover{text-decoration:underline}.route-admin .ve-markup-output{min-block-size:120px;color:var(--muted-foreground,#5e5e60)}.route-admin .ve-checks{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.route-admin .ve-check{grid-template-columns:7px auto 1fr;align-items:center;gap:8px;font-size:12px;font-weight:500;display:grid}.route-admin .ve-check-dot{background-color:var(--faint-foreground,#a0a0a2);border-radius:50%;block-size:7px;inline-size:7px}.route-admin [data-level=ok] .ve-check-dot{background-color:#4cb782}.route-admin [data-level=warn] .ve-check-dot{background-color:#f0bf00}.route-admin .ve-check-label{color:var(--muted-foreground,#5e5e60)}.route-admin .ve-check-value{text-align:end;color:var(--foreground,#1b1b1b);overflow-wrap:anywhere}.route-admin .ve-error{background-color:var(--destructive-muted,#fff1f2);border-radius:8px;padding:8px 10px}.route-admin .ve-foot{border-block-start:.5px solid var(--divider);flex-shrink:0;align-items:center;gap:6px;padding:10px 12px 10px 16px;display:flex}.route-admin .ve-foot>.button{block-size:30px;font-size:13px}.route-admin .ve-foot-hint{color:var(--muted-foreground,#5e5e60);flex-grow:1;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}@media (width<=900px){.route-admin .ve-popup{inset:8px}.route-admin .ve-body{grid-template-columns:minmax(0,1fr)}.route-admin .ve-side-panel{border-inline-start:0;border-block-start:.5px solid var(--divider)}}.route-admin .admin-feedback{flex-direction:column;gap:16px;padding:16px;display:flex}.route-admin .fb-toolbar{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.route-admin .fb-toolbar .count{color:var(--faint-foreground,#a0a0a2);margin-inline-start:6px}.route-admin .fb-section{color:var(--muted-foreground,#5e5e60);margin:0 0 8px;font-size:12px;font-weight:500}.route-admin .fb-top-list,.route-admin .fb-grid{margin:0;padding:0;list-style:none}.route-admin .fb-top-list{flex-wrap:wrap;gap:4px;display:flex}.route-admin .fb-top-item{font-variant-numeric:tabular-nums;border:.5px solid var(--border-strong,#d8d8d8);border-radius:9999px;align-items:center;gap:6px;block-size:24px;padding-inline:8px;font-size:12px;font-weight:500;display:inline-flex}.route-admin .fb-top-item>.count{color:var(--muted-foreground,#5e5e60)}.route-admin .fb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.route-admin .fb-card{background-color:var(--surface,#fff);min-inline-size:0;box-shadow:var(--ring-card);border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px 12px;display:flex}.route-admin .fb-card[data-skeleton]{min-block-size:148px}.route-admin .fb-card[data-skeleton]:before,.route-admin .fb-card[data-skeleton]:after{content:"";background-color:var(--fill-menu);border-radius:5px;block-size:10px}.route-admin .fb-card[data-skeleton]:before{inline-size:72px}.route-admin .fb-card[data-skeleton]:after{inline-size:60%}.route-admin .fb-card:is([data-status=done],[data-status=dismissed]) :is(.fb-title,.fb-message){color:var(--muted-foreground,#5e5e60)}.route-admin .fb-card-head{color:var(--muted-foreground,#5e5e60);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.route-admin .fb-kind{background-color:var(--fill-menu);block-size:22px;color:var(--surface-foreground,#2f2f31);border-radius:6px;align-items:center;gap:4px;padding-inline:6px 8px;display:inline-flex}.route-admin .fb-kind>.icon{block-size:13px;inline-size:13px;color:var(--muted-foreground,#5e5e60)}.route-admin .fb-time{font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:auto}.route-admin .fb-card-body{flex-direction:column;flex-grow:1;gap:4px;min-inline-size:0;display:flex}.route-admin .fb-card-body>p{overflow-wrap:anywhere;margin:0}.route-admin .fb-title{color:var(--foreground,#1b1b1b);font-size:15px;font-weight:600;line-height:1.35}.route-admin .fb-context{color:var(--muted-foreground,#5e5e60);font-size:12px;font-weight:500}.route-admin .fb-message{white-space:pre-wrap;color:var(--foreground,#1b1b1b);font-size:13px;font-weight:500;line-height:1.5}.route-admin .fb-message.fb-note{color:var(--surface-foreground,#2f2f31);margin-block-start:4px;font-weight:400}.route-admin .fb-card-foot{border-block-start:.5px solid var(--divider);align-items:center;gap:12px;padding-block-start:12px;display:flex}.route-admin .fb-from{flex-direction:column;flex:auto;min-inline-size:0;font-size:12px;font-weight:500;line-height:1.35;display:flex}.route-admin .fb-from>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-admin .fb-from>.name{color:var(--foreground,#1b1b1b)}.route-admin .fb-from>.email{color:var(--muted-foreground,#5e5e60)}@media (hover:hover) and (pointer:fine){.route-admin .fb-from:hover>.email{color:var(--foreground,#1b1b1b);text-decoration:underline}}.route-admin .fb-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.route-admin .button.fb-btn{background-color:var(--fill-menu);block-size:28px;box-shadow:none;color:var(--foreground,#1b1b1b);padding-inline:12px;font-size:12px}@media (hover:hover) and (pointer:fine){.route-admin .button.fb-btn:hover{background-color:var(--fill-active);box-shadow:none;transition-duration:0s}}.route-admin .fb-state{color:var(--muted-foreground,#5e5e60)}.route-admin .fb-state:before{content:"·";color:var(--faint-foreground,#a0a0a2);margin-inline-end:8px}.route-admin .fb-more{block-size:28px;inline-size:28px;color:var(--muted-foreground,#5e5e60);border-radius:9999px;place-items:center;transition:background-color .15s,color .15s;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.route-admin .fb-more:hover{background-color:var(--fill-menu);color:var(--foreground,#1b1b1b);transition-duration:0s}}.route-admin .fb-more:has(select:focus-visible){outline:1px solid var(--ring,#5314ff)}.route-admin .fb-more>.icon{block-size:16px;inline-size:16px}.route-admin .fb-more>select{opacity:0;cursor:pointer;font-size:16px;position:absolute;inset:0}.route-admin .fb-error{flex-direction:row;justify-content:center}}