.start-composer{--sc-ink: #0a0a0a;--sc-text: #262626;--sc-sub: #525252;--sc-muted: #6b6b6b;--sc-faint: #737373;--sc-primary: #0a0a0a;--sc-on-primary: #ffffff;--sc-send-off: #c8c8c8;--sc-on-send-off: #ffffff;--sc-surface: #ffffff;--sc-track: #f3f3f3;--sc-hover: #f6f6f6;--sc-hover-strong: #ebebeb;--sc-face-hover: color-mix(in srgb, var(--sc-surface), #0a0a0a 4%);--sc-face-press: color-mix(in srgb, var(--sc-surface), #0a0a0a 7%);--sc-line: #e4e4e4;--sc-line-focus: #d4d4d4;--sc-line-btn: #e6e6e6;--sc-line-strong: #dcdcdc;--sc-drop: #fafafa;--sc-drop-empty: var(--color-background-frame);--sc-drop-empty-hover: var(--color-background-canvas);--sc-drop-line: #dedede;--sc-accent: var(--color-primary-default);--sc-accent-tint: color-mix(in srgb, var(--color-primary-default) 10%, transparent);--sc-accent-ink: color-mix(in srgb, var(--color-primary-default) 66%, #000000);--sc-shadow: var(--hr-shadow-panel, 0 1px 2px rgba(10, 10, 10, .04), 0 12px 32px -14px rgba(10, 10, 10, .14));--sc-shadow-focus: var(--hr-shadow-card-hover, 0 1px 2px rgba(10, 10, 10, .05), 0 14px 36px -14px rgba(10, 10, 10, .2));--sc-shadow-tile: var(--hr-shadow-tile, 0 0 0 1px #e6e6e6);--sc-seg-track: #f3f3f3;--sc-seg-on: #ffffff;--sc-seg-shadow: 0 1px 2px rgba(10, 10, 10, .1)}.dark .start-composer{--sc-ink: var(--color-foreground-strong);--sc-text: var(--color-foreground);--sc-sub: var(--color-foreground-support);--sc-muted: var(--color-foreground-muted);--sc-faint: var(--color-foreground-muted);--sc-primary: #f2f2f2;--sc-on-primary: #0a0a0a;--sc-send-off: var(--color-border);--sc-on-send-off: var(--color-foreground-muted);--sc-surface: var(--color-background-frame);--sc-track: var(--color-border);--sc-hover: var(--color-border);--sc-hover-strong: var(--color-border-strong);--sc-face-hover: color-mix(in srgb, var(--sc-surface), #ffffff 6%);--sc-face-press: color-mix(in srgb, var(--sc-surface), #ffffff 9%);--sc-line: var(--color-border);--sc-line-focus: var(--color-border-strong);--sc-line-btn: var(--color-border);--sc-line-strong: var(--color-border-strong);--sc-drop: color-mix(in srgb, var(--color-foreground) 4%, transparent);--sc-drop-empty: color-mix(in srgb, var(--color-foreground) 7%, transparent);--sc-drop-empty-hover: color-mix(in srgb, var(--color-foreground) 10%, transparent);--sc-drop-line: var(--color-border-strong);--sc-accent: var(--color-primary-highlight);--sc-accent-tint: color-mix(in srgb, var(--color-primary-default) 24%, transparent);--sc-accent-ink: var(--color-primary-2);--sc-shadow: var(--hr-shadow-panel, 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -14px rgba(0, 0, 0, .55));--sc-shadow-focus: var(--hr-shadow-card-hover, 0 1px 2px rgba(0, 0, 0, .35), 0 14px 36px -14px rgba(0, 0, 0, .65));--sc-shadow-tile: var(--hr-shadow-tile, 0 0 0 1px var(--color-border));--sc-seg-track: color-mix(in srgb, var(--color-foreground) 7%, transparent);--sc-seg-on: color-mix(in srgb, var(--color-background-frame), #ffffff 12%);--sc-seg-shadow: 0 1px 2px rgba(0, 0, 0, .45)}.dark .app-shell-dark .start-composer{--sc-surface: var(--color-background-canvas);--sc-send-off: color-mix(in srgb, var(--sc-surface), #ffffff 12%);--sc-hover: color-mix(in srgb, var(--sc-surface), #ffffff 8%);--sc-seg-track: color-mix(in srgb, var(--sc-surface), #ffffff 6%);--sc-seg-on: color-mix(in srgb, var(--sc-surface), #ffffff 14%)}.start-composer{--sc-caption-halo: color-mix(in srgb, var(--hr-surface, #ffffff) 80%, transparent)}.dark .start-composer{--sc-caption-halo: color-mix(in srgb, var(--hr-surface, var(--color-background)) 80%, transparent)}.start-composer .sc-caption-halo{position:relative;isolation:isolate}.start-composer .sc-caption-halo:before{content:"";position:absolute;top:-6px;right:-24px;bottom:-6px;left:-24px;z-index:-1;border-radius:9999px;background:var(--sc-caption-halo);filter:blur(10px);pointer-events:none}@layer base{.start-composer :where(button,[role=button]):focus-visible{outline:2px solid var(--sc-ink);outline-offset:2px}}