@layer base,components,variants;@layer components{.lcd-hd{container-type:inline-size;width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.lcd-hd__bezel{width:100%;border-radius:12px;padding:clamp(6px,1.8cqi,16px);position:relative;background:linear-gradient(180deg,#1a1d23,#12141a 40%,#0e1015);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0006,0 4px 24px #00000080,0 1px 3px #0000004d}.lcd-hd__bezel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none;z-index:1}.lcd-hd__bezel[data-style=flush]{border-radius:8px;padding:clamp(6px,1.5cqi,14px);background:#111318;box-shadow:0 2px 12px #0006}.lcd-hd__bezel[data-style=none]{background:transparent;box-shadow:none;padding:0;border-radius:0}.lcd-hd__bezel[data-style=none]:before{display:none}.lcd-hd__screen{width:100%;aspect-ratio:2 / 1;position:relative;overflow:hidden;border-radius:6px;background:var(--tk-face-bg, #0d1117);box-shadow:inset 0 2px 8px #0009,inset 0 0 0 1px #ffffff0a}.lcd-hd__canvas{display:block;width:100%;height:100%;border-radius:inherit}@keyframes lcd-hd-flash{0%,to{opacity:1}50%{opacity:.3}}.lcd-hd--flash .lcd-hd__screen{animation:lcd-hd-flash .5s steps(2) 4}[data-fullscreen] .lcd-hd{width:min(80vw,54vh);max-width:1000px}[data-fullscreen] .lcd-hd__bezel{padding:clamp(12px,2vh,28px)}}