html{color-scheme:light;--mat-sys-primary: light-dark(#5e5e5e, #c7c6c6);--mat-sys-on-primary: light-dark(#ffffff, #303031);--mat-sys-primary-container: light-dark(#e4e2e2, #464747);--mat-sys-on-primary-container: light-dark(#1b1c1c, #e4e2e2);--mat-sys-inverse-primary: light-dark(#c7c6c6, #5e5e5e);--mat-sys-primary-fixed: light-dark(#e4e2e2, #e4e2e2);--mat-sys-primary-fixed-dim: light-dark(#c7c6c6, #c7c6c6);--mat-sys-on-primary-fixed: light-dark(#1b1c1c, #1b1c1c);--mat-sys-on-primary-fixed-variant: light-dark(#464747, #464747);--mat-sys-secondary: light-dark(#5f5e5e, #c8c6c5);--mat-sys-on-secondary: light-dark(#ffffff, #313030);--mat-sys-secondary-container: light-dark(#e5e2e1, #474746);--mat-sys-on-secondary-container: light-dark(#1b1b1b, #e5e2e1);--mat-sys-secondary-fixed: light-dark(#e5e2e1, #e5e2e1);--mat-sys-secondary-fixed-dim: light-dark(#c8c6c5, #c8c6c5);--mat-sys-on-secondary-fixed: light-dark(#1b1b1b, #1b1b1b);--mat-sys-on-secondary-fixed-variant: light-dark(#474746, #474746);--mat-sys-tertiary: light-dark(#605d5f, #cac5c7);--mat-sys-on-tertiary: light-dark(#ffffff, #323032);--mat-sys-tertiary-container: light-dark(#e6e1e3, #484648);--mat-sys-on-tertiary-container: light-dark(#1d1b1d, #e6e1e3);--mat-sys-tertiary-fixed: light-dark(#e6e1e3, #e6e1e3);--mat-sys-tertiary-fixed-dim: light-dark(#cac5c7, #cac5c7);--mat-sys-on-tertiary-fixed: light-dark(#1d1b1d, #1d1b1d);--mat-sys-on-tertiary-fixed-variant: light-dark(#484648, #484648);--mat-sys-background: light-dark(#f9f9f9, #141313);--mat-sys-on-background: light-dark(#1c1b1b, #e5e2e1);--mat-sys-surface: light-dark(#f9f9f9, #141313);--mat-sys-surface-dim: light-dark(#ddd9d8, #141313);--mat-sys-surface-bright: light-dark(#f9f9f9, #3a3939);--mat-sys-surface-container-low: light-dark(#f0f0f0, #1c1b1b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-container: light-dark(#f1edec, #201f1f);--mat-sys-surface-container-high: light-dark(#ebe7e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e5e2e1, #353434);--mat-sys-on-surface: light-dark(#1c1b1b, #e5e2e1);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#5e5e5e, #c7c6c6);--mat-sys-inverse-surface: light-dark(#313030, #e5e2e1);--mat-sys-inverse-on-surface: light-dark(#f4f0ef, #313030);--mat-sys-outline: light-dark(#747878, #8e9192);--mat-sys-outline-variant: light-dark(#c4c7c7, #444748);--mat-sys-neutral10: light-dark(#1c1b1b, #1c1b1b);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-on-error-container: light-dark(#410002, #ffdad6);--mat-sys-surface-variant: light-dark(#e0e3e3, #444748);--mat-sys-on-surface-variant: light-dark(#444748, #c4c7c7);--mat-sys-neutral-variant20: light-dark(#2d3132, #2d3132);--font: Roboto, "Helvetica Neue", sans-serif;--mdc-typography-font-family: var(--font);--mdc-typography-display-large-font-family: var(--mdc-typography-font-family);--mdc-typography-display-medium-font-family: var(--mdc-typography-font-family);--mdc-typography-display-small-font-family: var(--mdc-typography-font-family);--mdc-typography-headline-large-font-family: var(--mdc-typography-font-family);--mdc-typography-headline-medium-font-family: var(--mdc-typography-font-family);--mdc-typography-headline-small-font-family: var(--mdc-typography-font-family);--mdc-typography-title-large-font-family: var(--mdc-typography-font-family);--mdc-typography-title-medium-font-family: var(--mdc-typography-font-family);--mdc-typography-title-small-font-family: var(--mdc-typography-font-family);--mdc-typography-label-large-font-family: var(--mdc-typography-font-family);--mdc-typography-label-medium-font-family: var(--mdc-typography-font-family);--mdc-typography-label-small-font-family: var(--mdc-typography-font-family);--mdc-typography-body-large-font-family: var(--mdc-typography-font-family);--mdc-typography-body-medium-font-family: var(--mdc-typography-font-family);--mdc-typography-body-small-font-family: var(--mdc-typography-font-family);--mat-sys-brand-font-family: var(--font);--mat-sys-plain-font-family: var(--font);--mat-sys-bold-font-weight: 700;--mat-sys-medium-font-weight: 500;--mat-sys-regular-font-weight: 400;--mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);--mat-sys-body-large-font: var(--mat-sys-plain-font-family);--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);--mat-sys-body-small-font: var(--mat-sys-plain-font-family);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);--mat-sys-display-large-font: var(--mat-sys-brand-font-family);--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);--mat-sys-display-small-font: var(--mat-sys-brand-font-family);--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);--mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);--mat-sys-label-large-font: var(--mat-sys-plain-font-family);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);--mat-sys-label-small-font: var(--mat-sys-plain-font-family);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);--mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);--mat-sys-title-large-font: var(--mat-sys-brand-font-family);--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);--mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);--mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);--mat-sys-title-small-font: var(--mat-sys-plain-font-family);--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);--mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);--mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);--mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color), 0px 0px 0px 0px var(--mat-sys-penumbra-color), 0px 0px 0px 0px var(--mat-sys-ambient-color);--mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color), 0px 1px 1px 0px var(--mat-sys-penumbra-color), 0px 1px 3px 0px var(--mat-sys-ambient-color);--mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color), 0px 3px 4px 0px var(--mat-sys-penumbra-color), 0px 1px 8px 0px var(--mat-sys-ambient-color);--mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color), 0px 6px 10px 0px var(--mat-sys-penumbra-color), 0px 1px 18px 0px var(--mat-sys-ambient-color);--mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color), 0px 8px 10px 1px var(--mat-sys-penumbra-color), 0px 3px 14px 2px var(--mat-sys-ambient-color);--mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color), 0px 12px 17px 2px var(--mat-sys-penumbra-color), 0px 5px 22px 4px var(--mat-sys-ambient-color);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html{height:100%}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;padding:0;height:100%;font-family:Roboto,Helvetica Neue,sans-serif}button.secondary-button{background-color:var(--mat-sys-color-secondary)!important;color:var(--mat-sys-color-on-secondary)!important}button.secondary-button:hover{background-color:var(--mat-sys-color-secondary-container-hover-state-layer)!important;color:var(--mat-sys-color-on-secondary-container)!important}button.tertiary-button{background-color:var(--mat-sys-color-tertiary)!important;color:var(--mat-sys-color-on-tertiary)!important}.recording-editor .tag-groups{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.recording-editor .tag-groups-section{display:flex;flex-direction:column;gap:12px}.recording-editor .tag-groups-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.recording-editor .tag-groups-title{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mat-sys-on-surface-variant)}.recording-editor .tag-group-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--mat-sys-outline-variant);border-radius:8px;background:var(--mat-sys-surface-container-low);flex:1 1 240px;min-width:min(240px,100%);max-width:360px}.recording-editor .tag-group-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.recording-editor .tag-group-label{font-size:.75em;color:var(--mat-sys-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.recording-editor .tag-chip-row{display:flex;flex-wrap:wrap;gap:10px}.recording-editor .tag-chip-item{position:relative;display:inline-flex;align-items:center}.recording-editor .tag-chip{border:1px solid var(--mat-sys-outline-variant);border-radius:999px;background:var(--mat-sys-surface-container-high);color:var(--mat-sys-on-surface-variant);padding:.45rem .9rem;font:inherit;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.recording-editor .tag-chip:hover,.recording-editor .tag-chip:focus-visible{background:var(--mat-sys-surface-container-highest);border-color:var(--mat-sys-outline);color:var(--mat-sys-on-surface)}.recording-editor .tag-chip.selected{background:color-mix(in srgb,var(--mat-sys-primary-container) 82%,white);color:color-mix(in srgb,var(--mat-sys-primary) 88%,black);border-color:var(--mat-sys-primary);font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 35%,transparent),0 8px 16px color-mix(in srgb,var(--mat-sys-primary) 18%,transparent);transform:translateY(-1px) scale(1.01)}.recording-editor .custom-chip{border-style:dashed}.recording-editor .tag-chip-edit-btn{position:absolute;top:50%;right:.2rem;transform:translateY(-50%);width:1.9rem;height:1.9rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-surface-container-highest) 84%,transparent);color:var(--mat-sys-on-surface-variant);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease}.recording-editor .tag-chip-edit-btn mat-icon{font-size:16px;width:16px;height:16px}.recording-editor .tag-chip-item .tag-chip{padding-right:2.2rem}.recording-editor .tag-chip-edit-btn:hover,.recording-editor .tag-chip-edit-btn:focus-visible{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.recording-editor .error-message{padding:10px 14px;border-radius:6px;background:var(--mat-sys-error-container);color:var(--mat-sys-on-error-container);font-size:.9em}@media (max-width: 900px){.recording-editor .tag-group-header{flex-direction:column;align-items:flex-start}.recording-editor .tag-management-field{width:100%}.recording-editor .tag-group-card{max-width:none}}