.floating-panel{--floating-panel-header: 44px;--floating-panel-rim: 12px;position:fixed;inset:auto;margin:0;padding:0;border:0;width:clamp(300px,30vw,480px);max-width:calc(100vw - 20px);overflow:visible;touch-action:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background-color:var(--glass-bg-solid);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-border),var(--shadow-lg)}@media (prefers-reduced-motion: reduce){.floating-panel{transition:none!important}}.floating-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:var(--floating-panel-header);padding:0 var(--space-3);border-bottom:1px solid var(--color-border)}.floating-panel__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.floating-panel__actions{display:flex;flex:none;gap:var(--space-2)}.floating-panel__action{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--glass-bg-2);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.floating-panel__action:hover{background:var(--glass-bg-2h);color:var(--color-text)}.floating-panel__action-icon{flex:none;width:1.25em;height:1.25em}.floating-panel__body{margin:var(--floating-panel-rim)}.floating-panel__close{position:absolute;right:0;bottom:100%;display:grid;place-items:center;width:44px;height:44px}.floating-panel__close-disc{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-close);box-shadow:0 0 0 1px var(--color-border),var(--shadow-sm);color:var(--color-close-mark);transition:background-color var(--transition-fast)}.floating-panel__close:hover .floating-panel__close-disc,.floating-panel__close:active .floating-panel__close-disc{background-color:var(--color-close-active)}.floating-panel__close-icon{width:14px;height:14px}