.frame{isolation:isolate;border:1px solid var(--line-dark);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-dark-2), var(--surface-dark));padding:.625rem;position:relative}.frame:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 55% 45%, var(--glow-teal), transparent 72%);position:absolute;inset:-18% -14%}.frame-bar{align-items:center;gap:6px;padding:.25rem .5rem .75rem;display:flex}.frame-bar i{background:var(--line-dark-strong);border-radius:50%;width:8px;height:8px}.frame-label{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);margin-left:auto;font-size:.6875rem;font-weight:700}.frame-inner{border:1px solid var(--line-dark);border-radius:calc(var(--radius-lg) - 8px);background-color:var(--navy-950);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1.6px);background-size:var(--grid-size) var(--grid-size);position:relative;overflow:hidden}.frame-inner>*{max-width:100%}.frame-light{border-color:var(--line);background:var(--surface-50)}.frame-light:before{background:radial-gradient(closest-side at 55% 45%,#14b8a624,#0000 72%)}.frame-light .frame-bar i{background:var(--line-strong)}.frame-light .frame-label{color:var(--ink-500)}.frame-light .frame-inner{border-color:var(--line);background-color:var(--surface-0);background-image:radial-gradient(#0f172a14 1px,#0000 1.6px)}