.control-bar{height:32px;background-color:var(--surface-background);border:1px solid var(--border-default);border-radius:var(--sds-size-radius-150);display:flex;align-items:center;gap:var(--sds-size-space-100);padding:var(--sds-size-space-100);margin-bottom:var(--sds-size-space-400)}.control-bar__button{width:24px;height:24px;background-color:transparent;border:1px solid var(--border-subtle);border-radius:var(--sds-size-radius-100);padding:0;margin:0;cursor:pointer;color:var(--text-secondary);font-size:12px;line-height:1;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;user-select:none}.control-bar__button:hover{background-color:var(--surface-background-hover);border-color:var(--border-default);color:var(--text-primary)}.control-bar__button:active{background-color:var(--surface-background-pressed);border-color:var(--border-default);transform:scale(.95)}.control-bar__button--active{background-color:var(--interactive-primary);border-color:var(--interactive-primary);color:var(--text-inverse)}.control-bar__button--active:hover{background-color:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.control-bar__button--primary{background-color:var(--interactive-primary);border-color:var(--interactive-primary);color:var(--text-inverse)}.control-bar__button--primary:hover{background-color:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.control-bar__button--secondary{background-color:var(--surface-background);border-color:var(--border-interactive);color:var(--text-primary)}.control-bar__button--secondary:hover{background-color:var(--surface-background-hover);border-color:var(--border-interactive-hover)}.control-bar__button--destructive{background-color:var(--status-error);border-color:var(--status-error);color:var(--text-inverse)}.control-bar__button--destructive:hover{background-color:var(--status-error-hover);border-color:var(--status-error-hover)}.control-bar__divider{width:1px;height:16px;background-color:var(--border-subtle);margin:0 var(--sds-size-space-100)}.control-bar__label{font-size:var(--font-size-50);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-right:var(--sds-size-space-200)}.control-bar__button:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--focus-ring);outline-offset:1px}.control-bar__button:disabled{cursor:not-allowed;opacity:.5}.control-bar__button:disabled,.control-bar__button:disabled:hover{background-color:var(--surface-background-disabled);border-color:var(--border-disabled);color:var(--text-disabled)}.control-bar__button:disabled:hover{transform:none}.control-bar__section{display:flex;align-items:center;gap:var(--sds-size-space-100)}.control-bar__section+.control-bar__section{margin-left:var(--sds-size-space-200)}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:400px}.search-bar__icon{position:absolute;left:var(--sds-size-space-300);color:var(--text-secondary);pointer-events:none}.search-bar__input{width:100%;padding:var(--sds-size-space-200) var(--sds-size-space-300);padding-left:calc(var(--sds-size-space-300) + 20px);padding-right:calc(var(--sds-size-space-300) + 20px);background:var(--surface-background);border:1px solid var(--border-default);border-radius:var(--sds-size-radius-100);font-size:var(--font-size-100);color:var(--text-primary);transition:border-color .2s ease}.search-bar__input:hover{border-color:var(--border-strong)}.search-bar__input:focus{outline:none;border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--interactive-primary-subtle)}.search-bar__input::placeholder{color:var(--text-tertiary)}.search-bar__clear{position:absolute;right:var(--sds-size-space-300);padding:var(--sds-size-space-100);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--sds-size-radius-50);transition:all .2s ease}.search-bar__clear:hover{background:var(--surface-subtle);color:var(--text-primary)}.search-bar__clear:active{transform:scale(.95)}.search-bar__filter-btn{width:36px;height:36px;border:1px solid var(--border-default);border-radius:var(--sds-size-radius-100);background:var(--surface-background);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.search-bar__filter-btn:hover{background:var(--surface-background-hover);border-color:var(--border-hover)}