@charset "UTF-8";html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--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: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--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: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--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: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--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: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--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: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--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: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--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: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--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: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--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: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--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: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--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: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--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: 500}html{--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}html{--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}@layer properties;.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.w-1\/3{width:calc(1/3 * 100%)}.w-2\/3{width:calc(2/3 * 100%)}.w-full{width:100%}.flex-1\/2{flex:50%}.flex-1\/4{flex:25%}.flex-1\/6{flex:calc(1/6 * 100%)}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.\!overflow-hidden{overflow:hidden!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.bg-\[var\(--background-color\)\]\/80{background-color:var(--background-color)}@supports (color: color-mix(in lab,red,red)){.bg-\[var\(--background-color\)\]\/80{background-color:color-mix(in oklab,var(--background-color) 80%,transparent)}}.text-\[var\(--primary-color\)\]{color:var(--primary-color)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}:root{--primary-color: #0c77f2;--background-color: #111418;--surface-color: #1a1f24;--surface-color-darker: #1a1f2450;--border-color: #283039;--text-primary: #ffffff;--text-secondary: #a0aec0}html,body{height:100%;font-family:Inter,sans-serif;background-color:var(--background-color);margin:0;color:var(--text-primary)!important}.toast-danger{--mat-snack-bar-button-color: orange;--mat-snack-bar-container-color: firebrick}.toast-success{--mat-snack-bar-button-color: white;--mat-snack-bar-container-color: green}.toast-info{--mat-snack-bar-button-color: white;--mat-snack-bar-container-color: dodgerblue}.toast-warning{--mat-snack-bar-button-color: white;--mat-snack-bar-container-color: orange}.step-wrapper{position:relative;min-height:200px;width:100%;padding:0 24px!important}.step-container{padding:12px 24px 0;display:flex;flex-direction:row;align-items:flex-start;gap:24px;width:calc(100% - 48px);justify-content:space-between;position:absolute;inset:0;transition:opacity .3s ease-in-out;opacity:0;pointer-events:none}.step-container.active{opacity:1;pointer-events:auto}.bold{font-weight:700}.green-icon{color:green}.gap-2{gap:8px}.gap-3{gap:12px}.gap-6{gap:32px}.divider-name{color:var(--text-secondary);display:flex;flex-direction:row;align-items:flex-start;font-size:small;font-weight:400}.divider-name .name{padding-right:8px}.divider-name .divider{margin-top:8px}.mt-2{margin-top:16px}a{text-decoration:none}.ml-4{margin-left:12px}.cdk-overlay-pane.mat-mdc-dialog-panel{max-width:960px!important}.mat-drawer-content{background-color:var(--background-color)}.mat-mdc-unelevated-button{border-radius:8px!important;background-color:var(--primary-color)!important}.mat-mdc-unelevated-button.secondary{background-color:var(--surface-color)!important}textarea,input{color:var(--text-primary)!important}.mdc-text-field{background:var(--surface-color)!important}.mdc-floating-label{color:var(--text-secondary)!important}.mat-mdc-select-value{color:var(--text-primary)}.danger{color:red}.justify-between{justify-content:space-between}.align-items{align-items:center}.header{color:var(--text-primary)!important;font-size:xx-large;font-weight:700}.table{border-radius:12px!important;overflow:hidden;width:100%}.table thead{background:var(--surface-color)!important}.table thead th{color:var(--text-secondary)!important}.table tbody{background:var(--border-color)!important}.table tbody td{color:var(--text-secondary)!important}.table tbody .mat-mdc-no-data-row{background-color:var(--surface-color)!important}.table tr{border-color:var(--background-color)!important}.table tr td,.table tr th{border-bottom-color:var(--background-color)!important}mat-paginator{background:var(--surface-color)!important;color:var(--text-primary)!important}mat-paginator .mat-mdc-paginator-icon,mat-paginator button{color:var(--text-primary)!important;fill:var(--text-primary)!important}.semi-bold{font-weight:500}.filter{width:240px!important;height:44px!important;--mat-form-field-container-height: 44px}.filter .mdc-text-field--outlined{height:44px!important}.filter .mat-mdc-form-field-infix{min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important}.filter .mat-mdc-text-field-wrapper{border-radius:24px!important}.filter .mdc-notched-outline__leading{border-top-left-radius:24px;border-bottom-left-radius:24px;width:24px!important}.filter .mdc-notched-outline__trailing{border-top-right-radius:24px;border-bottom-right-radius:24px}.divider{border-bottom:2px solid var(--border-color);display:block;height:1px;margin:0 4px;width:100%}.divider.active{border-bottom:2px solid var(--text-primary)}.w-120{width:120px}.delete{color:red}.edit{color:var(--primary-color)}.mat-mdc-dialog-surface,mat-dialog-container{background-color:var(--background-color)!important;color:var(--text-primary)!important}.padded-modal .mat-mdc-dialog-container{border-radius:24px;border:1px solid var(--text-secondary)}.padded-modal .mat-mdc-dialog-container .mat-mdc-dialog-component-host{padding:24px}.info-pill{padding:4px 16px;border-radius:16px}.info-pill.success,button.success{background-color:#4caf5010!important;color:#66bb6a!important}.info-pill.info,button.info{background-color:#4299e110!important;color:#63b3ed!important}.info-pill.warn,button.warn{background-color:#ffeb3b10!important;color:#ffee58!important}.info-pill.error,button.error{background-color:#f5656510!important;color:#fc8181!important}.mat-internal-form-field{border-radius:24px;border:1px solid var(--border-color);color:var(--text-primary)!important;padding:12px 20px 12px 8px;margin-bottom:12px;font-size:small!important;cursor:pointer!important}mat-radio-button{color:var(--text-primary)!important;cursor:pointer!important}mat-radio-button.active .mat-internal-form-field{background-color:var(--surface-color);border:1px solid var(--text-primary)}.mat-button-toggle-appearance-standard:not(.mat-button-toggle-checked){background-color:var(--border-color);color:var(--text-primary);font-weight:400!important}.horizontal-divider{border-bottom:2px solid var(--border-color);width:100%}.text-white{color:var(--text-primary)}.text-small{font-size:small}.custom-radio-group{display:flex;flex-direction:row;justify-content:space-around;gap:16px;flex-wrap:wrap;padding:0 24px 0 0;width:calc(100% - 24px)}.custom-radio-group.col{flex-direction:column}.custom-radio-group mat-radio-button .mat-internal-form-field{width:100%}.select-item{color:var(--text-secondary)}.select-item.selected{color:#ffee58}.mdc-radio--disabled+label{color:var(--border-color)!important}.disabled{opacity:.5}.usage-bar{display:flex;flex-direction:row;align-items:center;height:32px;border-radius:48px;overflow:hidden}.usage-bar mat-icon{padding:2px 0}.usage-bar svg{height:24px;width:24px}.usage-bar .item{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;min-width:48px}.usage-bar .item.openai{background-color:#4caf5010!important;color:#66bb6a!important}.usage-bar .item.elevenlabs{background-color:#ffffff10;color:#fff}.usage-bar .item.claudeai{background-color:#cc9b7a10;color:#fff}.usage-bar .item.text{background-color:#f5656510!important;color:#fc8181!important}.usage-bar .item.image{background-color:#ffeb3b10!important;color:#ffee58!important}.usage-bar .item.audio{background-color:#4299e110!important;color:#63b3ed!important}.data{margin-top:48px;font-style:italic}.data .text{display:flex;flex-direction:row;align-items:center;gap:8px}.data .text .label{font-weight:600}.mat-mdc-unelevated-button[disabled],.mat-mdc-unelevated-button.mat-mdc-button-disabled{color:var(--border-color)!important}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}