.util-panel{--accent:#0a84ff;width:var(--panel-w);height:var(--panel-h);color:#fff;-webkit-user-select:none;user-select:none;background:#151517;border-radius:24px;flex-direction:column;font-size:12px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 30px 70px -24px #000000bf}.util-panel :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.util-panel-header{flex:none;align-items:center;gap:9px;height:56px;padding:0 16px 0 18px;display:flex}.util-panel-icon{color:var(--accent);display:grid}.util-panel-icon svg{width:16px;height:16px}.util-panel-title{flex:1;font-size:14px;font-weight:600}.util-panel-actions{align-items:center;gap:4px;display:flex}.util-panel-close{color:#ffffff80;background:#ffffff12;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.util-panel-card{background:#ffffff09;border-radius:18px;flex:1;min-height:0;margin:0 8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.util-panel-footer{color:#ffffff80;flex:none;justify-content:space-between;align-items:center;gap:12px;height:42px;padding:0 18px;font-size:11px;display:flex}.util-panel-status{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.util-panel-controls{flex:1;align-items:center;gap:10px;min-width:0;display:flex}