.ct-whiteboard{display:flex;flex-direction:column;gap:.5rem;font-family:system-ui,-apple-system,sans-serif}.ct-whiteboard-canvas{border:1px solid #d1d5db;border-radius:6px;background:#fff;display:block}.ct-whiteboard-toolbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;flex-wrap:wrap}.ct-wb-swatches,.ct-wb-widths{display:inline-flex;gap:4px}.ct-wb-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.ct-wb-swatch.is-active{border-color:#111827}.ct-wb-width{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.ct-wb-width.is-active{border-color:#111827;background:#e5e7eb}.ct-wb-width span{display:inline-block;border-radius:50%}.ct-wb-clear{border:1px solid #ef4444;color:#ef4444;background:transparent;border-radius:4px;padding:4px 10px;cursor:pointer}.ct-wb-clear:hover{background:#fef2f2}.ct-wb-status{margin-left:auto;color:#6b7280;font-size:12px}