.live-surface{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-bg),var(--surface-solid);box-shadow:var(--shadow-card)}.live-surface__content{position:relative;z-index:1;min-width:0}.live-surface__edge{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.live-surface__edge:before,.live-surface__edge:after{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:block;border-radius:inherit;content:"";pointer-events:none}.live-surface__edge:before{border:1px solid color-mix(in srgb,var(--live) 46%,transparent);opacity:.72;animation:live-surface-edge 1.8s var(--ease-out) 1 both}.live-surface__edge:after{background:linear-gradient(105deg,transparent 22%,color-mix(in srgb,var(--accent) 32%,transparent) 50%,transparent 78%);opacity:.52;transform:translate(-120%);animation:live-surface-sheen 1.8s var(--ease-out) 1 both}.live-surface__value{display:inline-flex;min-width:0;max-width:100%;align-items:baseline;gap:.5rem;flex-wrap:wrap}.live-surface__value-label{color:var(--fg-muted);font-size:.75rem;font-weight:600;letter-spacing:.015em;line-height:1.4}.live-surface__value-viewport{display:inline-grid;min-width:0;max-width:100%;overflow:hidden;vertical-align:baseline}.live-surface__value-motion{grid-area:1 / 1;min-width:0;max-width:100%;overflow-wrap:anywhere;color:var(--fg);font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;font-weight:650;line-height:1.4}.live-surface__value-note{min-width:0;max-width:100%;overflow-wrap:anywhere;color:var(--fg-subtle);font-size:.75rem;line-height:1.4}.live-surface[data-live-visible=false] .live-surface__edge:before,.live-surface[data-live-visible=false] .live-surface__edge:after{animation-play-state:paused}@keyframes live-surface-edge{0%{opacity:0}35%{opacity:.85}to{opacity:.2}}@keyframes live-surface-sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media (prefers-reduced-motion: reduce){.live-surface,.live-surface:before,.live-surface:after,.live-surface__edge,.live-surface__edge:before,.live-surface__edge:after,.live-surface__value-motion{animation:none!important;transition:none!important}.live-surface__edge:after{transform:none!important}}