.echo-led-key{--led-well:var(--echo-space-2,4px);--ctl-h:var(--echo-control-default);--led-px:var(--echo-space-9);--led-font:var(--echo-text-xs);display:inline-flex;padding:var(--led-well);border-radius:var(--echo-radius-full);background:var(--echo-well);box-shadow:inset 0 2px 4px color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent),0 1px 0 var(--echo-cap-highlight),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-led-key[data-size=sm]{--led-well:var(--echo-space-1,2px);--ctl-h:var(--echo-control-compact);--led-px:var(--echo-space-6);--led-font:var(--echo-text-2xs)}.echo-led-key[data-size=lg]{--ctl-h:var(--echo-control-large);--led-px:var(--echo-space-10);--led-font:var(--echo-text-sm)}.echo-led-key__cap{display:inline-flex;align-items:center;gap:var(--echo-space-4);box-sizing:border-box;height:calc(var(--ctl-h) - 2 * var(--led-well));padding:0 var(--led-px);border:0;border-radius:var(--echo-radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);color:var(--echo-text);background:linear-gradient(180deg,var(--echo-cap-highlight) 0,var(--echo-cap) 55%,var(--echo-cap-shadow) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.25 * var(--echo-gloss, 1))),inset 0 -2px 3px color-mix(in oklab,var(--echo-cast-ink,black) calc(.35 * var(--echo-shade, 1) * 100%),transparent),0 calc(3px + 3px * var(--lift, 0) - 2px * var(--press, 0)) calc(5px + 6px * var(--lift, 0) - 2px * var(--press, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.45 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);will-change:transform;position:relative}.echo-led-key__cap:after{content:"";position:absolute;inset-block:calc(-1 * var(--led-well));inset-inline:0}.echo-led-key__cap:focus-visible{outline:2px solid var(--echo-accent-ink,var(--echo-accent-glow));outline-offset:3px}.echo-led-key__cap:disabled{cursor:not-allowed;opacity:.5}.echo-led-key__label{font-size:var(--led-font);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-widest,.25em);text-transform:uppercase;line-height:var(--echo-leading-none,1)}.echo-led-key__led{width:6px;height:6px;border-radius:50%;flex:none;background:color-mix(in oklab,var(--echo-cap) 70%,var(--echo-text-dim))}.echo-led-key[data-lit] .echo-led-key__led{background:var(--echo-accent-glow);box-shadow:0 0 6px var(--echo-accent-glow);animation:echo-led-key-breathe 1.4s ease-in-out infinite}@keyframes echo-led-key-breathe{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.echo-led-key[data-lit] .echo-led-key__led{animation:none}}.echo-led-key__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (pointer:coarse){.echo-led-key[data-size=sm]{--ctl-h:44px}}@media (forced-colors:active){.echo-led-key__cap,.echo-led-key__led{border:var(--echo-border-hairline,1px) solid ButtonText}.echo-led-key__led{background:Canvas}.echo-led-key[data-lit] .echo-led-key__led{background:Highlight;border-color:Highlight}}