/* Generated by scripts/generate-color-tokens.ts. Do not edit directly. */

:host {
  --primitive-primary-black: #000000;
  --primitive-primary-black-40: rgba(0, 0, 0, 0.4);
  --primitive-primary-white: #ffffff;
  --primitive-primary-white-50: rgba(255, 255, 255, 0.5);
  --primitive-neutral-50: #f6f6f6;
  --primitive-neutral-75: #f2f2f2;
  --primitive-neutral-100: #e6e6e6;
  --primitive-neutral-150: #d9d9d9;
  --primitive-neutral-200: #cccccc;
  --primitive-neutral-250: #c0c0c0;
  --primitive-neutral-300: #b3b3b3;
  --primitive-neutral-350: #a6a6a6;
  --primitive-neutral-400: #999999;
  --primitive-neutral-450: #8d8d8d;
  --primitive-neutral-500: #808080;
  --primitive-neutral-550: #737373;
  --primitive-neutral-600: #666666;
  --primitive-neutral-650: #5a5a5a;
  --primitive-neutral-700: #4d4d4d;
  --primitive-neutral-750: #404040;
  --primitive-neutral-800: #333333;
  --primitive-neutral-850: #262626;
  --primitive-neutral-900: #1a1a1a;
  --primitive-neutral-950: #0d0d0d;
  --primitive-blue-50: #ecf3fe;
  --primitive-blue-100: #d8e6fd;
  --primitive-blue-200: #b1cdfb;
  --primitive-blue-300: #8ab4fa;
  --primitive-blue-400: #639bf8;
  --primitive-blue-500: #3c82f6;
  --primitive-blue-600: #3068c5;
  --primitive-blue-700: #244e94;
  --primitive-blue-800: #183462;
  --primitive-blue-900: #0c1a31;
  --primitive-orange-100: #ffdfcf;
  --primitive-orange-200: #ffbf9f;
  --primitive-orange-300: #ff9e6f;
  --primitive-orange-400: #ff7e3f;
  --primitive-orange-500: #ff5e0f;
  --primitive-orange-600: #cc4b0c;
  --primitive-orange-700: #993809;
  --primitive-orange-800: #662606;
  --primitive-orange-900: #331303;
  --primitive-sub-brand-100: #ffdfcf;
  --primitive-sub-brand-200: #ffbf9f;
  --primitive-sub-brand-300: #ff9e6f;
  --primitive-sub-brand-400: #ff7e3f;
  --primitive-sub-brand-500: #ff5e0f;
  --primitive-sub-brand-600: #cc4b0c;
  --primitive-sub-brand-700: #993809;
  --primitive-sub-brand-800: #662606;
  --primitive-sub-brand-900: #331303;
  --primitive-pink-100: #fad9f4;
  --primitive-pink-200: #f6b3ea;
  --primitive-pink-300: #f18edf;
  --primitive-pink-400: #ed68d5;
  --primitive-pink-500: #e842ca;
  --primitive-pink-600: #ba35a2;
  --primitive-pink-700: #8b2879;
  --primitive-pink-800: #5d1a51;
  --primitive-pink-900: #2e0d28;
  /* GitHub Primer 贡献图绿色色阶，用于活动强度可视化。 */
  --primitive-contribution-green-100: #aceebb;
  --primitive-contribution-green-300: #4ac26b;
  --primitive-contribution-green-500: #2da44e;
  --primitive-contribution-green-700: #116329;

  --primitive-green-50: #e9f8f0;
  --primitive-green-100: #d2f0e0;
  --primitive-green-200: #a5e1c0;
  --primitive-green-300: #79d2a1;
  --primitive-green-400: #4cc381;
  --primitive-green-500: #1fb462;
  --primitive-green-600: #19904e;
  --primitive-green-700: #136c3b;
  --primitive-green-800: #0c4827;
  --primitive-green-900: #062414;
  --primitive-yellow-50: #fffbe8;
  --primitive-yellow-100: #fff6d0;
  --primitive-yellow-200: #ffeca1;
  --primitive-yellow-300: #ffe372;
  --primitive-yellow-400: #ffd943;
  --primitive-yellow-500: #ffd014;
  --primitive-yellow-600: #cca610;
  --primitive-yellow-700: #997d0c;
  --primitive-yellow-800: #665308;
  --primitive-yellow-900: #332a04;
  --primitive-red-50: #ffecec;
  --primitive-red-100: #ffd9d9;
  --primitive-red-200: #ffb3b3;
  --primitive-red-300: #ff8d8d;
  --primitive-red-400: #ff6767;
  --primitive-red-500: #ff4141;
  --primitive-red-600: #cc3434;
  --primitive-red-700: #992727;
  --primitive-red-800: #661a1a;
  --primitive-red-900: #330d0d;
  --primitive-purple-50: #f3ebff;
  --primitive-purple-100: #e7d7ff;
  --primitive-purple-200: #ceb0ff;
  --primitive-purple-300: #b688ff;
  --primitive-purple-400: #9d61ff;
  --primitive-purple-500: #8539ff;
  --primitive-purple-600: #6a2ecc;
  --primitive-purple-700: #502299;
  --primitive-purple-800: #351766;
  --primitive-purple-900: #1b0b33;
  --primitive-brand-100: #ccf4ff;
  --primitive-brand-200: #99e9ff;
  --primitive-brand-300: #66deff;
  --primitive-brand-400: #33d3ff;
  --primitive-brand-500: #00c8ff;
  --primitive-brand-600: #00a0cc;
  --primitive-brand-700: #007899;
  --primitive-brand-800: #005066;
  --primitive-brand-900: #002833;
}

:host,
[data-theme] {
  --semantic-content-primary: var(--primitive-neutral-950);
  --semantic-content-inverse: var(--primitive-primary-white);
  --semantic-content-secondary: var(--primitive-neutral-750);
  --semantic-content-secondary-inverse: var(--primitive-neutral-200);
  --semantic-content-tertiary: var(--primitive-neutral-600);
  --semantic-content-tertiary-inverse: var(--primitive-neutral-400);
  --semantic-content-disabled: var(--primitive-neutral-300);
  --semantic-content-brand: var(--primitive-brand-500);
  --semantic-content-info: var(--primitive-blue-500);
  --semantic-content-link: var(--primitive-blue-500);
  --semantic-content-link-hover: var(--primitive-blue-600);
  --semantic-content-link-pressed: var(--primitive-blue-700);
  --semantic-content-notice: var(--primitive-orange-600);
  --semantic-content-negative: var(--primitive-red-600);
  --semantic-content-positive: var(--primitive-green-600);
  --semantic-fill-inverse: var(--primitive-neutral-950);
  --semantic-fill-selected: var(--primitive-neutral-50);
  --semantic-fill-hover: var(--primitive-neutral-75);
  --semantic-fill-pressed: var(--primitive-neutral-100);
  --semantic-fill-subtle: var(--primitive-neutral-75);
  --semantic-fill-strong: var(--primitive-neutral-100);
  --semantic-background-disabled: var(--primitive-neutral-75);
  --semantic-fill-positive: var(--primitive-green-500);
  --semantic-fill-positive-subtle: var(--primitive-green-100);
  --semantic-fill-negative: var(--primitive-red-500);
  --semantic-fill-negative-subtle: var(--primitive-red-100);
  --semantic-fill-notice: var(--primitive-orange-500);
  --semantic-fill-notice-subtle: var(--primitive-orange-100);
  --semantic-fill-info: var(--primitive-blue-500);
  --semantic-fill-info-subtle: var(--primitive-blue-100);
  --semantic-border-default: var(--primitive-neutral-100);
  --semantic-border-negative: var(--primitive-red-500);
  --semantic-border-notice: var(--primitive-orange-500);
  --semantic-border-info: var(--primitive-blue-500);
  --semantic-border-positive: var(--primitive-green-500);
  --semantic-surface-page: var(--primitive-neutral-50);
  --semantic-surface-panel: var(--primitive-primary-white);
  --semantic-surface-scrim: var(--primitive-primary-black-40);
}

/**
 * 品牌中性色阶：由原始灰阶与当前品牌色板派生，供文字、表面、填充和边框共用。
 * 0 为最浅档；数值越大越深。主题区域重新计算，水母品牌色变化时同步更新。
 * 原始中性灰和纯黑白继续用于遮罩、阴影及实心状态底上的前景。
 */

:host,
[data-theme] {
  --primitive-brand-contrast: var(--primitive-brand-neutral-950);
  --primitive-brand-neutral-0: color-mix(
    in oklab,
    var(--primitive-primary-white) 98%,
    var(--primitive-brand-100)
  );
  --primitive-brand-neutral-50: color-mix(
    in oklab,
    var(--primitive-neutral-50) 90%,
    var(--primitive-brand-100)
  );
  --primitive-brand-neutral-75: color-mix(
    in oklab,
    var(--primitive-neutral-75) 90%,
    var(--primitive-brand-100)
  );
  --primitive-brand-neutral-100: color-mix(
    in oklab,
    var(--primitive-neutral-100) 90%,
    var(--primitive-brand-100)
  );
  --primitive-brand-neutral-150: color-mix(
    in oklab,
    var(--primitive-neutral-150) 88%,
    var(--primitive-brand-200)
  );
  --primitive-brand-neutral-200: color-mix(
    in oklab,
    var(--primitive-neutral-200) 88%,
    var(--primitive-brand-200)
  );
  --primitive-brand-neutral-250: color-mix(
    in oklab,
    var(--primitive-neutral-250) 88%,
    var(--primitive-brand-200)
  );
  --primitive-brand-neutral-300: color-mix(
    in oklab,
    var(--primitive-neutral-300) 88%,
    var(--primitive-brand-300)
  );
  --primitive-brand-neutral-350: color-mix(
    in oklab,
    var(--primitive-neutral-350) 88%,
    var(--primitive-brand-300)
  );
  --primitive-brand-neutral-400: color-mix(
    in oklab,
    var(--primitive-neutral-400) 88%,
    var(--primitive-brand-300)
  );
  --primitive-brand-neutral-450: color-mix(
    in oklab,
    var(--primitive-neutral-450) 88%,
    var(--primitive-brand-400)
  );
  --primitive-brand-neutral-500: color-mix(
    in oklab,
    var(--primitive-neutral-500) 88%,
    var(--primitive-brand-500)
  );
  --primitive-brand-neutral-550: color-mix(
    in oklab,
    var(--primitive-neutral-550) 88%,
    var(--primitive-brand-600)
  );
  --primitive-brand-neutral-600: color-mix(
    in oklab,
    var(--primitive-neutral-600) 88%,
    var(--primitive-brand-700)
  );
  --primitive-brand-neutral-650: color-mix(
    in oklab,
    var(--primitive-neutral-650) 88%,
    var(--primitive-brand-800)
  );
  --primitive-brand-neutral-700: color-mix(
    in oklab,
    var(--primitive-neutral-700) 85%,
    var(--primitive-brand-800)
  );
  --primitive-brand-neutral-750: color-mix(
    in oklab,
    var(--primitive-neutral-750) 80%,
    var(--primitive-brand-800)
  );
  --primitive-brand-neutral-800: color-mix(
    in oklab,
    var(--primitive-neutral-800) 75%,
    var(--primitive-brand-900)
  );
  --primitive-brand-neutral-850: color-mix(
    in oklab,
    var(--primitive-neutral-850) 60%,
    var(--primitive-brand-900)
  );
  --primitive-brand-neutral-900: color-mix(
    in oklab,
    var(--primitive-neutral-900) 60%,
    var(--primitive-brand-900)
  );
  --primitive-brand-neutral-950: color-mix(
    in oklab,
    var(--primitive-neutral-950) 50%,
    var(--primitive-brand-900)
  );
}

/* 暗色深阶以中性灰为主，让页面、卡片和边框只保留轻微的品牌底调。 */
[data-theme='dark'] {
  --primitive-brand-neutral-800: color-mix(
    in oklab,
    var(--primitive-neutral-800) 85%,
    var(--primitive-brand-900)
  );
  --primitive-brand-neutral-850: color-mix(
    in oklab,
    var(--primitive-neutral-850) 85%,
    var(--primitive-brand-900)
  );
  --primitive-brand-neutral-900: color-mix(
    in oklab,
    var(--primitive-neutral-900) 85%,
    var(--primitive-brand-900)
  );
  --primitive-brand-neutral-950: color-mix(
    in oklab,
    var(--primitive-neutral-950) 85%,
    var(--primitive-brand-900)
  );
}

/**
 * 浅色语义扩展：Figma 导出（colors.css）之外的业务语义色。
 * 只允许引用 --primitive-* 或其他 --semantic-*；暗色覆盖写在 semantic-dark.css。
 * 同时声明在 [data-theme] 上：局部标记主题的区域会按自己的主题重新计算派生值。
 */

:host,
[data-theme] {
  /* 活动图的强度色阶，不承担成功状态语义。 */
  --semantic-chart-activity-1: var(--primitive-contribution-green-100);
  --semantic-chart-activity-2: var(--primitive-contribution-green-300);
  --semantic-chart-activity-3: var(--primitive-contribution-green-500);
  --semantic-chart-activity-4: var(--primitive-contribution-green-700);
  /* Ask 提问分类的图标色，不承担状态或告警含义；四色取相近明度，彼此可分又同属一组。 */
  --semantic-content-prompt-recommended: var(--primitive-purple-500);
  --semantic-content-prompt-self: var(--primitive-brand-600);
  --semantic-content-prompt-review: var(--primitive-blue-500);
  --semantic-content-prompt-next: var(--primitive-orange-400);
  --semantic-content-prompt-grow: var(--primitive-green-500);
  /* 分类色的浅底与描边：随主题面板混合，选中分类与列表图标底板共用。 */
  --semantic-fill-prompt-self: color-mix(
    in srgb,
    var(--semantic-content-prompt-self) 10%,
    var(--semantic-surface-panel)
  );
  --semantic-fill-prompt-review: color-mix(
    in srgb,
    var(--semantic-content-prompt-review) 10%,
    var(--semantic-surface-panel)
  );
  --semantic-fill-prompt-next: color-mix(
    in srgb,
    var(--semantic-content-prompt-next) 10%,
    var(--semantic-surface-panel)
  );
  --semantic-fill-prompt-grow: color-mix(
    in srgb,
    var(--semantic-content-prompt-grow) 10%,
    var(--semantic-surface-panel)
  );
  --semantic-border-prompt-self: color-mix(
    in srgb,
    var(--semantic-content-prompt-self) 45%,
    var(--semantic-surface-panel)
  );
  --semantic-border-prompt-review: color-mix(
    in srgb,
    var(--semantic-content-prompt-review) 45%,
    var(--semantic-surface-panel)
  );
  --semantic-border-prompt-next: color-mix(
    in srgb,
    var(--semantic-content-prompt-next) 45%,
    var(--semantic-surface-panel)
  );
  --semantic-border-prompt-grow: color-mix(
    in srgb,
    var(--semantic-content-prompt-grow) 45%,
    var(--semantic-surface-panel)
  );
  /* 未选分类是浮起的白色键帽，悬停只轻微压暗。 */
  --semantic-fill-prompt-category: var(--semantic-surface-panel);
  --semantic-fill-prompt-category-hover: var(--semantic-fill-soft);
  --semantic-fill-prompt-category-pressed: var(--semantic-fill-hover);
  --semantic-border-prompt-category: var(--primitive-brand-neutral-150);
  --semantic-border-prompt-category-hover: var(--primitive-brand-neutral-250);
  /* 状态弱填充、配套前景与柔和描边，供提示、标签等组件共用。 */
  --semantic-fill-info-soft: var(--primitive-blue-50);
  --semantic-border-info-soft: var(--primitive-blue-100);
  --semantic-content-on-info-soft: var(--primitive-blue-700);
  --semantic-fill-positive-soft: var(--primitive-green-50);
  --semantic-border-positive-soft: var(--primitive-green-100);
  --semantic-content-on-positive-soft: var(--primitive-green-700);
  --semantic-fill-notice-soft: var(--primitive-yellow-50);
  --semantic-border-notice-soft: var(--primitive-yellow-100);
  --semantic-content-on-notice-soft: var(--primitive-yellow-800);
  --semantic-fill-negative-soft: var(--primitive-red-50);
  --semantic-border-negative-soft: var(--primitive-red-100);
  --semantic-content-on-negative-soft: var(--primitive-red-700);

  /* 内容占位填充，明暗主题均保留与面板的区分。 */
  --semantic-fill-placeholder: var(--primitive-brand-neutral-75);
  /* 静态低强调填充，供图标底板、中性标签及键帽共用。 */
  --semantic-fill-soft: var(--primitive-brand-neutral-50);
  --semantic-fill-proactive-soft: var(--primitive-purple-50);
  --semantic-content-on-proactive-soft: var(--primitive-purple-700);
  /* 危险浅填充的交互配对；两套主题保留已确认的预览颜色。 */
  --semantic-fill-negative-subtle-hover: var(--primitive-red-200);
  --semantic-fill-negative-subtle-pressed: var(--primitive-red-300);
  --semantic-content-on-negative-subtle-interactive: var(--primitive-red-700);

  /* 主次文字从品牌中性色板选择不同档位，保持清晰层级与品牌色调。 */
  --semantic-content-primary: var(--primitive-brand-neutral-950);
  --semantic-content-secondary: var(--primitive-brand-neutral-600);
  --semantic-content-tertiary: var(--primitive-brand-neutral-450);
  --semantic-content-inverse: var(--primitive-brand-neutral-0);
  --semantic-content-secondary-inverse: var(--primitive-brand-neutral-300);
  --semantic-content-tertiary-inverse: var(--primitive-brand-neutral-500);
  --semantic-content-disabled: var(--primitive-brand-neutral-300);
  --semantic-fill-inverse: var(--primitive-brand-neutral-950);
  --semantic-fill-selected: var(--primitive-brand-neutral-50);
  --semantic-fill-hover: var(--primitive-brand-neutral-75);
  --semantic-fill-pressed: var(--primitive-brand-neutral-100);
  --semantic-fill-subtle: var(--primitive-brand-neutral-75);
  --semantic-fill-strong: var(--primitive-brand-neutral-100);
  --semantic-background-disabled: var(--primitive-brand-neutral-75);
  --semantic-border-default: var(--primitive-brand-neutral-100);
  /* 表单控件边界：浅色与 border-default 一致，深色单独提亮到 3:1 */
  --semantic-border-control: var(--primitive-brand-neutral-100);
  --semantic-surface-page: var(--primitive-brand-neutral-50);
  --semantic-surface-panel: var(--primitive-brand-neutral-0);
  --semantic-content-pending: var(--primitive-yellow-800);
  --semantic-border-pending: var(--primitive-yellow-800);
  --semantic-fill-pending-subtle: var(--primitive-yellow-100);
  /* 明暗主题都保持满饱和的品牌青，用于加载动画、品牌淡填充与选区。 */
  --semantic-fill-brand: var(--primitive-brand-500);
  /* 品牌色小字使用更深的色阶，独立于按钮填充和装饰强调。 */
  --semantic-content-brand-strong: var(--primitive-brand-700);
  /* 明亮品牌按钮在两套主题中逐级变浅。 */
  --semantic-fill-brand-hover: var(--primitive-brand-400);
  --semantic-fill-brand-pressed: var(--primitive-brand-300);
  --semantic-fill-brand-subtle: color-mix(
    in srgb,
    var(--semantic-fill-brand) 12%,
    var(--semantic-surface-panel)
  );
  --semantic-border-selected: color-mix(in srgb, var(--semantic-content-brand) 55%, transparent);
  --semantic-content-proactive: var(--primitive-purple-500);
  /* 主动式提醒的第五种状态色：实心底与淡底，和其他状态同构 */
  --semantic-fill-proactive: var(--primitive-purple-500);
  --semantic-fill-proactive-subtle: var(--primitive-purple-100);
  /* 品牌实心填充统一使用带品牌底调的浅色前景，状态填充保持独立的白色前景。 */
  --semantic-content-on-brand: var(--primitive-brand-neutral-0);
  --semantic-content-on-status: var(--primitive-primary-white);
  /* 遮罩与视频上的文字和图标：遮罩两套主题都是压暗，字保持白色 */
  --semantic-content-on-scrim: var(--primitive-primary-white);
  /* 中性控件的实心底及交互状态，与文字层级独立维护。 */
  --semantic-fill-inverse-hover: var(--primitive-brand-neutral-750);
  --semantic-fill-inverse-pressed: var(--primitive-brand-neutral-600);
  --semantic-fill-muted: var(--primitive-brand-neutral-600);
  /* 开关圆钮，在开、关两种轨道和两套主题上都保持浅色。 */
  --semantic-fill-thumb: var(--primitive-brand-neutral-50);
  --semantic-fill-disabled: var(--primitive-brand-neutral-300);
  --semantic-fill-negative-strong: var(--primitive-red-600);
  /* 控件强调描边、弱描边及危险操作按压描边。 */
  --semantic-border-strong: var(--primitive-brand-neutral-950);
  --semantic-border-emphasis: var(--primitive-brand-neutral-750);
  --semantic-border-subdued: var(--primitive-brand-neutral-650);
  --semantic-border-brand: var(--primitive-brand-500);
  --semantic-border-negative-strong: var(--primitive-red-600);
  --semantic-border-positive-strong: var(--primitive-green-600);
  --semantic-border-notice-strong: var(--primitive-orange-600);
  --semantic-border-proactive: var(--primitive-purple-500);
  /* 装饰性分隔文字与反色填充上的前景。 */
  --semantic-content-decorative: var(--primitive-brand-neutral-100);
  --semantic-content-on-inverse: var(--primitive-brand-neutral-50);
  /* 卡片内部分隔、日历网格等淡分隔线 */
  --semantic-border-subtle: color-mix(in srgb, var(--semantic-border-default) 65%, transparent);
  /* 键盘焦点环 */
  --semantic-border-focus: color-mix(in srgb, var(--semantic-content-brand) 50%, transparent);
  /* 校验错误控件聚焦时的焦点环，与 border-focus 同等强度 */
  --semantic-border-negative-focus: color-mix(
    in srgb,
    var(--semantic-border-negative) 50%,
    transparent
  );
  /* 玻璃表面：内容上的输入框与工具胶囊、窗口外框 */
  --semantic-surface-glass: color-mix(in srgb, var(--semantic-surface-panel) 72%, transparent);
  --semantic-surface-glass-chrome: color-mix(
    in srgb,
    var(--primitive-brand-neutral-0) 82%,
    transparent
  );
  /* 文字选区 */
  --semantic-selection-background: var(--primitive-brand-100);
  --semantic-selection-foreground: color-mix(
    in srgb,
    var(--semantic-content-brand) 45%,
    var(--primitive-brand-900)
  );
}

/* 初次来信保留淡白纸面与柔和蓝色辉光。 */
:host {
  --semantic-surface-letter-veil: color-mix(
    in srgb,
    var(--primitive-primary-white) 62%,
    transparent
  );
  --semantic-surface-letter-arrival-glow: color-mix(
    in srgb,
    var(--primitive-letter-glow) 46.666667%,
    transparent
  );
}

*{box-sizing:border-box}.ajd-app{position:relative;width:1512px;height:947px;overflow:hidden;background:color-mix(in srgb,var(--semantic-fill-strong) 78%,var(--semantic-surface-panel));color:var(--semantic-content-primary);font:400 13px/20px 'AirJelly Demo Sans es',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}.ajd-titlebar{position:absolute;inset:0 0 auto;height:44px;display:flex;align-items:center;gap:20px;padding:0 16px 0 99px;font-size:13px}.ajd-traffic{position:absolute;left:17px;top:16px;display:flex;gap:7px}.ajd-traffic i{width:12px;height:12px;border-radius:50%;background:#ec6a5e;border:1px solid #d85a50}.ajd-traffic i:nth-child(2){background:#f4bf4f;border-color:#d7a33a}.ajd-traffic i:nth-child(3){background:#61c554;border-color:#50ac45}.ajd-title{font-size:13px;font-weight:400}.ajd-workspace{margin-left:auto;font-size:12px;color:var(--semantic-content-tertiary)}.ajd-rail{position:absolute;left:0;top:44px;bottom:0;width:48px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:0 4px 8px}.ajd-nav{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;color:var(--semantic-content-secondary);border:1px solid transparent}.ajd-nav.is-active{background:var(--semantic-surface-glass-chrome);border-color:var(--semantic-surface-glass);color:var(--semantic-content-primary)}.ajd-nav img{width:24px;height:24px;object-fit:contain}.ajd-nav svg,.ajd-rail-bottom svg{width:22px;height:22px}.ajd-rail-bottom{position:absolute;bottom:16px;color:var(--semantic-content-secondary)}.ajd-content{position:absolute;top:44px;left:52px;right:8px;bottom:8px;border-radius:16px;overflow:hidden;background:var(--semantic-surface-panel)}.ajd-caption{display:none}.ajd-cursor{position:absolute;left:0;top:0;width:20px;height:27px;color:var(--semantic-content-primary);z-index:20;pointer-events:none;filter:drop-shadow(0 2px 2px #0003)}

:host{display:block;color-scheme:light}button,input{font:inherit}