.blocks-input{flex-direction:column;gap:.5rem;display:flex;position:relative}.blocks-selected{flex-wrap:wrap;gap:.25rem;display:flex}.blocks-pill{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.75rem;display:inline-flex}.blocks-pill-category{background:var(--category-color,#64748b);color:#fff;text-transform:uppercase;letter-spacing:.025em;border-radius:2px;padding:0 .25rem;font-size:.625rem;font-weight:600;display:inline-block}.blocks-pill-name{color:var(--text-primary)}.blocks-pill-remove{width:14px;height:14px;color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.blocks-pill-remove:hover{opacity:1}.blocks-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;border-radius:6px;max-height:280px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}.blocks-group{padding:.25rem 0}.blocks-group:not(:last-child){border-bottom:1px solid var(--border-color)}.blocks-group-header{text-transform:uppercase;letter-spacing:.05em;color:var(--category-color,var(--text-muted));background:#ffffff05;align-items:center;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;display:flex}.blocks-group-items{flex-direction:column;display:flex}.blocks-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;transition:background-color .15s;display:flex}.blocks-option:hover{background:#ffffff0d}.blocks-option.selected{background:#8b5cf61a}.blocks-option-check{width:14px;height:14px;color:var(--accent-color);justify-content:center;align-items:center;display:flex}.blocks-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}