:root{--stroke-brand-gradient: linear-gradient(135deg, rgba(163,117,255,1) 0%, rgba(74,146,255,1) 100%);--bg-oneup-toolbar: #252423;--fg-oneup-focus-ring: #ffffff;--stroke-oneup-pill: rgb(214, 214, 214);--bg-oneup-pill-hover: rgba(255, 255, 255, .1);--bg-oneup-pill-pressed: rgba(255, 255, 255, .18);--stroke-oneup-ai-pill: rgba(255, 255, 255, .1);--stroke-oneup-ai-border: #4a92ff;--bg-oneup-ai-mask-opaque: #000;--bg-oneup-ai-sweep-1: rgba(74, 146, 255, .2);--bg-oneup-ai-sweep-2: rgba(117, 132, 255, .2);--bg-oneup-ai-sweep-3: rgba(163, 117, 255, .2);--bg-caption-button-hover: rgba(255, 255, 255, .0605);--titlebar-height: 56px;--bg-scrollbar-rest: #333;--bg-scrollbar-hover: #555;--bg-toggle-track-rest: #333;--bg-toggle-knob-rest: #888;--bg-kbd-rest: #222;--bg-nav-tag-rest: #2a2a2a;--bg-spotlight-rest: #3a3520;--bg-neutral-2-alt: #161616;--fg-neutral-placeholder-rest: #444;--fg-card-desc-rest: #777;--fg-nav-tag-rest: #666;--fg-spotlight-rest: #e8c840;--stroke-kbd-rest: #333;--bg-neutral-overlay-strong: rgba(14, 14, 14, .7);--fg-neutral-overlay-rest: rgba(255, 255, 255, .9);--font-size-canvas-badge: 11px;--empty-frame-bg: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));--empty-frame-shadow: 0 8px 32px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);--empty-frame-shine: linear-gradient(145deg, rgba(255,255,255,.1), transparent 50%);--chip-bg: rgba(0,0,0,.45);--chip-bg-hover: rgba(0,0,0,.65);--fg-photo-overlay-dim: rgba(255,255,255,.75);--fg-photo-overlay-bright: rgba(255,255,255,.8);--fg-photo-overlay-strong: rgba(255,255,255,.9);--icon-fill-photo: rgba(255,255,255,.7);--icon-photo-shadow: drop-shadow(0 3px 12px rgba(0,0,0,.36));--icon-photo-shadow-lg: drop-shadow(0 3px 12px rgba(0,0,0,.36));--tile-progress-bg: rgba(255,255,255,.15);--tile-progress-border: rgba(31,31,31,.4);--album-card-shadow-rest: 0 0 2px rgba(0,0,0,.24), 0 4px 8px rgba(0,0,0,.28);--album-card-shadow-hover: 0 0 4px rgba(0,0,0,.28), 0 8px 16px rgba(0,0,0,.36);--detail-title-underline: linear-gradient(256deg, rgba(11,109,255,.9) 0%, rgba(153,78,248,.9) 50%, rgba(255,44,190,.9) 100%);--brand-gradient-solid: linear-gradient(135deg, rgba(163,117,255,1) 0%, rgba(74,146,255,1) 100%);--fg-layout-item-disabled: rgba(255,255,255,.2);--album-action-btn-filter: brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.95));--album-back-btn-shadow: drop-shadow(0px 4px 20px rgba(0, 0, 0, .4));--tile-brand-hover-bg: rgba(74,146,255,.05);--filter-active-bg: rgba(123,157,255,.15);--view-dark-purple-bg: #1a1a2a;--view-purple-hover-bg: #2a2a3a;--view-chat-user-bg: #252540;--view-navy-bg: #1a2a4a;--view-navy-border: #2a4a7a;--view-purple-border: #4a4a6a;--view-steel-blue-text: #8899cc;--view-purple-accent: #9354ff;--view-purple-accent-light: #a375ff;--view-gradient-blue: #667eea;--view-gradient-purple: #764ba2;--view-spot-blue: #2a7fff;--pill-error-border: #c50f1f;--pill-error-bg: #3b0509;--pill-error-fg: #eeacb2;--pill-warning-border: #de590b;--pill-warning-bg: #4a1e04;--pill-warning-fg: #fdcfb4;--pill-default-bg: rgba(255, 255, 255, .05);--pill-default-fg: #ffffff;--pill-premium-gradient-start: #4A92FF;--pill-premium-gradient-end: #A375FF;--fg-on-photo-secondary: rgba(255, 255, 255, .8);--card-overlay-bottom: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.3) 50%, transparent 100%)}[data-theme=light]{--bg-neutral-1-rest: #ffffff;--bg-neutral-1-hover: #f5f5f5;--bg-neutral-1-pressed: #e0e0e0;--bg-neutral-1-selected: #ebebeb;--bg-neutral-2-rest: #fafafa;--bg-neutral-2-hover: #f0f0f0;--bg-neutral-2-pressed: #dbdbdb;--bg-neutral-2-selected: #e6e6e6;--bg-neutral-3-rest: #f5f5f5;--bg-neutral-3-hover: #ebebeb;--bg-neutral-3-pressed: #d6d6d6;--bg-neutral-3-selected: #e0e0e0;--bg-neutral-4-rest: #f0f0f0;--bg-neutral-4-hover: #fafafa;--bg-neutral-4-pressed: #f5f5f5;--bg-neutral-4-selected: #ffffff;--bg-neutral-5-rest: #ebebeb;--bg-neutral-5-hover: #f5f5f5;--bg-neutral-5-pressed: #f0f0f0;--bg-neutral-5-selected: #fafafa;--bg-neutral-6-rest: #e6e6e6;--bg-neutral-7: rgba(255, 255, 255, .3);--bg-neutral-overlay: rgba(0, 0, 0, .4);--bg-neutral-inverted-rest: #292929;--bg-neutral-inverted-hover: #3d3d3d;--bg-neutral-inverted-pressed: #1f1f1f;--bg-neutral-inverted-selected: #383838;--fg-neutral-inverted-rest: #ffffff;--fg-neutral-inverted-hover: #ffffff;--fg-neutral-inverted-pressed: #e0e0e0;--bg-neutral-static: #333333;--bg-neutral-alpha: rgba(255, 255, 255, .5);--bg-neutral-alpha-2: rgba(255, 255, 255, .8);--bg-subtle-rest: #00000000;--bg-subtle-hover: #f5f5f5;--bg-subtle-pressed: #e0e0e0;--bg-subtle-selected: #ebebeb;--bg-status-danger-1: #fdf3f4;--bg-status-danger-2: #eeacb2;--bg-status-danger-3-rest: #c50f1f;--bg-status-danger-3-hover: #b10e1c;--bg-status-danger-3-pressed: #960b18;--bg-status-success-1: #f1faf1;--bg-status-success-2: #9fd89f;--bg-status-success-3: #107c10;--bg-status-warning-1: #fff9f5;--bg-status-warning-2: #fdcfb4;--bg-status-warning-3: #f7630c;--bg-brand-rest: #005eeb;--bg-brand-hover: #0055d4;--bg-brand-pressed: #00398d;--bg-brand-selected: #004cbc;--bg-brand-compound-rest: #005eeb;--bg-brand-compound-hover: #0055d4;--bg-brand-compound-pressed: #004cbc;--bg-brand-static: #005eeb;--bg-brand-2-rest: #e6f0ff;--bg-brand-2-hover: #c7ddff;--bg-brand-2-pressed: #88b8ff;--fg-neutral-1-rest: #242424;--fg-neutral-1-hover: #242424;--fg-neutral-1-pressed: #242424;--fg-neutral-1-selected: #242424;--fg-neutral-2-rest: #424242;--fg-neutral-2-hover: #242424;--fg-neutral-2-pressed: #242424;--fg-neutral-2-selected: #242424;--fg-neutral-3-rest: #616161;--fg-neutral-3-hover: #424242;--fg-neutral-3-pressed: #424242;--fg-neutral-3-selected: #424242;--fg-neutral-4-rest: #707070;--fg-neutral-5-rest: #8c8c8c;--fg-neutral-6-rest: #a3a3a3;--fg-neutral-disabled-1-rest: #bdbdbd;--fg-brand-1-rest: #005EEB;--fg-brand-2-hover: #005eeb;--fg-brand-2-pressed: #0055d4;--fg-brand-2-selected: #005eeb;--fg-brand-compound-rest: #005EEB;--fg-brand-compound-hover: #0055D4;--fg-brand-compound-pressed: #004CBC;--fg-brand-compound-selected: #005EEB;--fg-status-success-1: #0e700e;--fg-status-success-2: #094509;--fg-status-success-3: #107c10;--fg-status-success-inverted: #54b054;--fg-status-warning-1: #bc4b09;--fg-status-warning-2: #8a3707;--fg-status-warning-3: #bc4b09;--fg-status-warning-inverted: #faa06b;--fg-status-danger-1: #b10e1c;--fg-status-danger-2: #6e0811;--fg-status-danger-3: #c50f1f;--fg-status-danger-inverted: #dc626d;--stroke-neutral-1-rest: #d1d1d1;--stroke-neutral-1-hover: #c7c7c7;--stroke-neutral-1-pressed: #b3b3b3;--stroke-neutral-1-selected: #bdbdbd;--stroke-neutral-2-rest: #e0e0e0;--stroke-neutral-3-rest: #f0f0f0;--stroke-neutral-4-rest: #ebebeb;--stroke-neutral-4-hover: #e0e0e0;--stroke-neutral-4-pressed: #d6d6d6;--stroke-neutral-4-selected: #ebebeb;--stroke-neutral-subtle-rest: #e0e0e0;--stroke-neutral-alpha-1-rest: rgba(0, 0, 0, .05);--stroke-neutral-alpha-2-rest: rgba(255, 255, 255, .2);--stroke-neutral-disabled-rest: #e0e0e0;--stroke-badge: rgba(255, 255, 255, .8);--stroke-neutral-on-brand-1: #292929;--stroke-neutral-on-brand-2-rest: #ffffff;--stroke-neutral-on-brand-2-hover: #ffffff;--stroke-neutral-on-brand-2-pressed: #ffffff;--stroke-neutral-on-brand-2-selected: #ffffff;--stroke-brand-1-rest: #005EEB;--stroke-brand-2-rest: #A7CAFF;--stroke-brand-2-hover: #69A5FF;--stroke-brand-2-pressed: #005EEB;--stroke-compound-brand-rest: #005EEB;--stroke-compound-brand-hover: #0055D4;--stroke-compound-brand-pressed: #004CBC;--stroke-focus-1: #ffffff;--stroke-focus-2: #000000;--stroke-status-danger-1: #eeacb2;--stroke-status-danger-2: #c50f1f;--stroke-status-danger-active: #c50f1f;--stroke-status-warning-1: #fdcfb4;--stroke-status-warning-2: #bc4b09;--stroke-status-warning-active: #f7630c;--stroke-status-success-1: #9fd89f;--stroke-status-success-2: #107c10;--stroke-status-success-active: #107c10;--surface-background: rgba(243, 243, 243, .9);--searchinput-background-rest: rgba(255, 255, 255, .7);--searchinput-background-hover: rgba(255, 255, 255, .9);--searchinput-background-pressed: rgba(255, 255, 255, .8);--overlay-background: rgba(233, 242, 255, .6);--button-background-2-rest: rgba(0, 0, 0, .05);--button-background-2-hover: rgba(255, 255, 255, .5);--button-background-2-pressed: rgba(255, 255, 255, .8);--button-background-2-selected: rgba(255, 255, 255, .8);--button-background-2-disabled: rgba(0, 0, 0, .05);--button-floating-background-rest: rgba(243, 243, 243, .9);--button-floating-background-hover: rgba(255, 255, 255, .9);--button-floating-background-pressed: rgba(255, 255, 255, .8);--button-floating-background-selected: rgba(255, 255, 255, .9);--button-floating-background-disabled: rgba(243, 243, 243, .9);--card-empty-background: rgba(163, 117, 255, .17);--tile-background-selected: linear-gradient(249deg, rgba(74, 146, 255, .3) 19.36%, rgba(147, 84, 255, .3) 71.28%);--surface-stroke-1: rgba(0, 0, 0, .05);--surface-stroke-2: rgba(0, 0, 0, .2);--button-floating-stroke: rgba(0, 0, 0, .1);--icon-foreground-selected: linear-gradient(243deg, #0B6DFF 21.43%, #8230FF 90.25%);--icon-grad-stop-1: #8230FF;--icon-grad-stop-2: #0B6DFF;--bg-oneup-toolbar: #252423;--fg-oneup-focus-ring: #ffffff;--bg-brand-1-rest: #e8eeff;--bg-scrollbar-rest: #c0c0c0;--bg-scrollbar-hover: #a0a0a0;--bg-toggle-track-rest: #ccc;--bg-toggle-knob-rest: #999;--bg-kbd-rest: #e8e8e8;--bg-nav-tag-rest: #e0e0e0;--bg-spotlight-rest: #fff3cd;--bg-neutral-2-alt: #fafafa;--fg-neutral-placeholder-rest: #aaa;--fg-brand-1-hover: #5a80e6;--fg-card-desc-rest: #666;--fg-nav-tag-rest: #777;--fg-spotlight-rest: #856404;--stroke-kbd-rest: #ccc;--pill-error-border: #eeacb2;--pill-error-bg: #fdf3f4;--pill-error-fg: #c50f1f;--pill-warning-border: #fdcfb4;--pill-warning-bg: #fff9f5;--pill-warning-fg: #8a3707;--pill-default-bg: linear-gradient(200deg, rgba(74, 146, 255, .12), rgba(163, 117, 255, .12));--pill-default-fg: #424242;--pill-premium-gradient-start: #0B6DFF;--pill-premium-gradient-end: #8230FF;--empty-frame-bg: linear-gradient(145deg, rgba(0,0,0,.04), rgba(0,0,0,.08));--empty-frame-shadow: 0 8px 32px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.5);--empty-frame-shine: linear-gradient(145deg, rgba(255,255,255,.5), transparent 50%);--fg-layout-item-disabled: rgba(0,0,0,.2);--text-shadow-16: none;--shadow-neg-1: 0 .75px 2.5px 0 rgba(0, 0, 0, .12) inset;--shadow-2: 0 .6px 3px 0 rgba(0, 0, 0, .2);--shadow-4: 0 1.5px 6px 0 rgba(0, 0, 0, .18);--shadow-8: 0 3px 12px 0 rgba(0, 0, 0, .18);--shadow-16: 0 6px 24px 0 rgba(0, 0, 0, .2);--shadow-28: 0 0 3px 0 rgba(0, 0, 0, .03), 0 12px 48px 0 rgba(0, 0, 0, .24);--shadow-64: 0 0 4px 0 rgba(0, 0, 0, .06), 0 24px 96px 0 rgba(0, 0, 0, .36);--bg-caption-button-hover: rgba(0, 0, 0, .0605)}