.panel{border:1px solid var(--color-border);background:var(--color-bg-panel);-webkit-backdrop-filter:blur(10px)saturate(140%);border-radius:var(--radius-md);position:relative;overflow:hidden}.panel--interactive{transition:transform .16s,border-color .16s}.panel--interactive:hover{border-color:var(--color-accent);transform:translateY(-2px)}.panel__header{border-bottom:1px solid var(--color-border);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:linear-gradient(#ffffff06,#0000);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 10px 16px;font-size:11px;display:flex}.panel__header-left{align-items:center;gap:10px;min-width:0;display:flex}.panel__dot{background:var(--color-text-dim);border-radius:1px;flex-shrink:0;width:5px;height:5px}.panel__label{color:#dfe3ecc7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel__sublabel{color:var(--color-text-dim);white-space:nowrap}.panel__header-right{color:var(--color-text-dim);flex-shrink:0;align-items:center;gap:10px;font-size:11px;display:flex}.panel__body{position:relative}@media (prefers-reduced-motion:reduce){.panel--interactive{transition:none!important;transform:none!important}}