:root{--chip-field-bg:rgba(var(--color-contrast),.03);--chip-field-input-bg:var(--color-bg,#e7eef3);--chip-field-top-input-bg:var(--color-bg,#e7eef3);--chip-field-border:var(--color-bg-secondary,#94a3b8);--chip-field-border-width:var(--border-width,1px);--chip-field-radius:var(--radius,6px);--chip-field-text:var(--color-text,#1f2937);--chip-field-text-muted:var(--color-text-muted,#6b7280)}.chip-field{flex-direction:column;gap:6px;display:flex}.chip-field-top-row{gap:6px;display:flex}.chip-field-input-wrap{border-radius:var(--chip-field-radius);border:var(--chip-field-border-width)solid var(--chip-field-border);background-color:var(--chip-field-top-input-bg);flex:1;align-items:flex-start;display:flex;position:relative;overflow:hidden}.chip-field-input-wrap-inline{background-color:var(--chip-field-input-bg);border-radius:999px;min-width:80px}.chip-field-toggle-btn{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px 2px 8px 8px;transition:opacity .15s;display:flex}.chip-field-toggle-btn:hover{opacity:1}.chip-field-input-actions{flex-shrink:0;align-self:center;align-items:center;padding-right:2px;display:flex}.chip-field-action-btn{color:var(--chip-field-text-muted);opacity:.5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .15s,color .15s;display:flex}.chip-field-action-btn:hover{opacity:1;color:var(--chip-field-text)}.chip-field-action-btn:first-child:not(:last-child):hover{color:var(--color-error,#dc2626)}.chip-field-top-input{min-width:0;color:var(--chip-field-text);background:0 0;border:none;outline:none;flex:1;padding:6px 6px 6px 10px;font-family:inherit}.chip-field-top-input::placeholder{color:var(--chip-field-text-muted)}.chip-field-window{border-radius:var(--chip-field-radius);border:var(--chip-field-border-width)solid var(--chip-field-border);background-color:var(--chip-field-bg);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px;min-height:50px;padding:8px;display:flex;position:relative;overflow:auto}.chip-field-window-single{flex-flow:column}.chip-field-resize-handle{cursor:ns-resize;background:linear-gradient(135deg,transparent 50%,var(--color-primary)50%);border-radius:0 0 calc(var(--chip-field-radius) - 1px)0;opacity:.3;width:12px;height:12px;transition:opacity .15s;position:absolute;bottom:0;right:0}.chip-field-resize-handle:hover{opacity:1}.chip-field-inline-input{min-width:0;color:var(--chip-field-text);background:0 0;border:none;outline:none;flex:1;padding:4px 6px 4px 8px;font-family:inherit}.chip-field-inline-input::placeholder{color:var(--chip-field-text-muted)}.chip-field-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:4px 10px;display:inline-flex;overflow:hidden}.chip-field-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-field-chip-multiline{white-space:pre-wrap;border-radius:var(--chip-field-radius);align-items:flex-start;padding-right:28px;display:flex;position:relative}.chip-field-chip-multiline .chip-field-chip-delete{position:absolute;top:6px;right:6px}.chip-field-chip-multiline .chip-field-chip-text{white-space:pre-wrap;text-overflow:unset;overflow:visible}.chip-field-chip-delete{width:16px;height:16px;color:inherit;cursor:pointer;background:#00000026;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:background-color .15s;display:inline-flex}.chip-field-chip-delete:hover{background:#0000004d}.chip-field-chip-draggable{cursor:grab}.chip-field-chip-draggable:active{cursor:grabbing}.chip-field-drop-indicator{background-color:var(--color-primary,#3b82f6);border-radius:1px;flex-shrink:0;align-self:stretch;width:2px;height:auto;min-height:24px}
