#floating-toolbar{position:absolute;display:none;align-items:center;gap:4px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:6px 10px;box-shadow:0 10px 30px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.05);z-index:1000;transform:translateX(-50%);pointer-events:auto;animation:.18s cubic-bezier(.175,.885,.32,1.275) popover-appear}#floating-toolbar.active{display:flex}@keyframes popover-appear{from{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.toolbar-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:0 0;border:1px solid transparent;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-weight:600;transition:all var(--transition-fast);position:relative}.toolbar-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-subtle);color:var(--primary)}.toolbar-btn.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.toolbar-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.toolbar-separator{width:1px;height:20px;background:var(--border-subtle);margin:0 2px}.color-preview-circle{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border-strong);background:#3b82f6}.toolbar-popover{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px;display:none;flex-direction:column;gap:10px;z-index:1010;min-width:230px}.toolbar-popover.open{display:flex}.popover-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.color-swatch{width:26px;height:26px;border-radius:6px;border:1.5px solid rgba(0,0,0,.08);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.color-swatch:hover{transform:scale(1.18);box-shadow:0 3px 8px rgba(0,0,0,.18)}.color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary);transform:scale(1.1)}.shapes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shape-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-app);cursor:pointer;font-size:10px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.shape-option:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.shape-option.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.shape-mini-preview{width:24px;height:12px;border:1.5px solid currentColor}.shape-mini-preview.shape-pill{border-radius:999px}.shape-mini-preview.shape-rectangle{border-radius:3px}.shape-mini-preview.shape-underline{border-width:0 0 2px}.shape-mini-preview.shape-cloud{border-radius:8px 8px 8px 2px}.icons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:150px;overflow-y:auto;padding:2px}.icon-item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-app);border:1px solid transparent;transition:all var(--transition-fast)}.icon-item:hover{background:var(--primary-light);border-color:var(--primary);transform:scale(1.15)}.icon-item.clear-icon{font-size:12px;color:var(--danger);font-weight:700}