html{--mat-sys-background: #fef8fc;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f5eff4;--mat-sys-inverse-primary: #d5baff;--mat-sys-inverse-surface: #323033;--mat-sys-on-background: #1d1b1e;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #5f00c0;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #4b4357;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #1d1b1e;--mat-sys-on-surface-variant: #49454e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #5f00c0;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #7b757f;--mat-sys-outline-variant: #cbc4cf;--mat-sys-primary: #7d00fa;--mat-sys-primary-container: #ecdcff;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #645b70;--mat-sys-secondary-container: #eadef7;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #fef8fc;--mat-sys-surface-bright: #fef8fc;--mat-sys-surface-container: #f2ecf1;--mat-sys-surface-container-high: #ede6eb;--mat-sys-surface-container-highest: #e6e1e6;--mat-sys-surface-container-low: #f8f2f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #ded8dd;--mat-sys-surface-tint: #7d00fa;--mat-sys-surface-variant: #e8e0eb;--mat-sys-tertiary: #7d00fa;--mat-sys-tertiary-container: #ecdcff;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--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);--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);--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);--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);--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);--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);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--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 Inter;--mat-sys-body-medium-font: Inter;--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 Inter;--mat-sys-body-small-font: Inter;--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 Inter;--mat-sys-display-large-font: Inter;--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 Inter;--mat-sys-display-medium-font: Inter;--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 Inter;--mat-sys-display-small-font: Inter;--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 Inter;--mat-sys-headline-large-font: Inter;--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 Inter;--mat-sys-headline-medium-font: Inter;--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 Inter;--mat-sys-headline-small-font: Inter;--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: 600 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--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: 600;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 600 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 600 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--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: 600 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--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: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--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: 600;--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}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}a{color:#4f46e5}.brief-select-panel.mat-mdc-select-panel{min-width:15rem;padding:.375rem;border:1px solid rgba(203,213,225,.9);border-radius:.875rem;background:#fff;box-shadow:0 18px 38px #0f172a29}.brief-select-panel .mat-mdc-option{min-height:2.75rem;margin-block:.125rem;border-radius:.625rem;color:#334155;font-size:.875rem}.brief-select-panel .mat-mdc-option:hover,.brief-select-panel .mat-mdc-option.mdc-list-item--selected{background:#f0f1ff;color:#4338ca}.download-menu-panel.mat-mdc-menu-panel,.download-menu-panel .mat-mdc-menu-panel{min-width:13rem;padding:.375rem;border:1px solid rgba(203,213,225,.9);border-radius:.875rem;background:#fff;box-shadow:0 18px 38px #0f172a29}.download-menu-panel .mat-mdc-menu-item{min-height:2.75rem;border-radius:.625rem;color:#334155;font-size:.875rem;font-weight:600}.download-menu-panel .mat-mdc-menu-item:hover{background:#f0f1ff;color:#4338ca}.download-menu-panel .download-menu-item{display:flex;align-items:center;gap:.65rem;height:auto;min-height:3.5rem;padding-inline:.55rem}.download-menu-panel .download-menu-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.6rem;background:#eef0ff;color:#5144d7}.download-menu-panel .download-menu-icon svg{width:1.05rem;height:1.05rem}.download-menu-panel .download-menu-copy{display:grid;gap:.1rem;min-width:0;line-height:1.2}.download-menu-panel .download-menu-copy span{font-size:.8125rem;font-weight:700}.download-menu-panel .download-menu-copy small{color:#7c8aa3;font-size:.6875rem;font-weight:500}.download-menu-panel .download-menu-item:hover .download-menu-icon{background:#dfe2ff}.download-menu-overlay .mat-mdc-menu-panel{--mat-menu-container-color: #fff;--mat-menu-container-shape: .875rem;min-width:13.5rem;overflow:hidden;border:1px solid #dbe3ef;border-radius:.875rem;background:#fff;box-shadow:0 16px 32px #0f172a2e}.download-menu-overlay .mat-mdc-menu-content{padding:.35rem}.download-menu-overlay button.download-menu-item{border-radius:.625rem}.download-menu-overlay button.download-menu-item+button.download-menu-item{margin-top:.2rem}.download-menu-overlay button.download-menu-item:hover{background:#eef0ff;color:#4338ca}button.download-menu-item.download-menu-item{display:flex;flex-direction:row!important;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.65rem;width:14rem;height:auto;min-height:3rem;padding-inline:.55rem}.download-menu-icon{display:inline-flex;flex:0 0 2rem;align-self:center;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.6rem;background:#eef0ff;color:#5144d7}.download-menu-icon svg{display:block;width:1.05rem!important;height:1.05rem!important}.download-menu-copy{display:block;flex:0 1 auto;min-width:0;line-height:1.2}.download-menu-copy>span{font-size:.8125rem;font-weight:700}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background:#eef2ff;padding:.1rem .35rem;border-radius:.35rem}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,420px) minmax(360px,560px);justify-content:center;align-items:center;gap:clamp(3rem,8vw,8rem);padding:2rem;background:radial-gradient(circle at 10% 12%,rgba(129,140,248,.32),transparent 28%),radial-gradient(circle at 90% 85%,rgba(236,72,153,.18),transparent 34%),#0b1220}.auth-card{width:min(100%,420px);background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 20px 60px #0f172a40;position:relative;z-index:1}.auth-card header{margin-bottom:1.5rem}.auth-card h1{margin:0;font-size:1.75rem}.subtitle,.status{margin:.5rem 0 0;color:#64748b}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600}input,select,textarea{font:inherit;padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:.65rem;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid rgba(99,102,241,.35);border-color:#6366f1}.field-error{color:#dc2626;font-size:.75rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:.35rem;border:none;border-radius:.65rem;padding:.7rem 1rem;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-ghost{background:#eef2ff;color:#4338ca}.alert{padding:.75rem .9rem;border-radius:.65rem;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.auth-links{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:1.25rem;font-size:.875rem}.auth-showcase{color:#fff;max-width:560px}app-demo app-banner-generate-panel .studio.studio-demo-mode{display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin:0}app-demo app-banner-generate-panel .studio-demo-mode .studio-sidebar{display:none}app-demo app-banner-generate-panel .studio-demo-mode .studio-main{width:100%;min-width:0;padding:clamp(1.25rem,4vw,3rem)}app-demo app-banner-generate-panel .workspace-header--demo-source{display:none}app-demo app-banner-generate-panel .quick-start-source{width:min(100%,620px);margin:clamp(2rem,8vh,6rem) auto;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid #d8dfff;border-radius:1.25rem;background:#fff;box-shadow:0 16px 48px #4f46e51a}app-demo app-banner-generate-panel .quick-start-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.35rem;border-radius:.85rem;background:#f1f5f9}app-demo app-banner-generate-panel .quick-start-choice button{border:1px solid transparent;border-radius:.6rem;padding:.65rem .5rem;background:transparent;color:#64748b;font:inherit;font-size:.82rem;font-weight:700}app-demo app-banner-generate-panel .quick-start-choice button.active{border-color:#c7d2fe;background:#fff;color:#4338ca}app-demo app-banner-generate-panel .demo-workflow-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:min(100%,760px);margin:0 auto .75rem;padding:0;list-style:none}app-demo app-banner-generate-panel .demo-workflow-stepper li{display:flex;align-items:center;gap:.55rem;min-width:0;color:#94a3b8}app-demo app-banner-generate-panel .demo-workflow-stepper li+li{border-left:1px solid #e2e8f0;padding-left:.75rem}app-demo app-banner-generate-panel .demo-workflow-stepper span{display:grid;flex:0 0 auto;place-items:center;width:1.65rem;height:1.65rem;border:1px solid #cbd5e1;border-radius:50%;background:#fff;font-size:.75rem;font-weight:800}app-demo app-banner-generate-panel .demo-workflow-stepper strong,app-demo app-banner-generate-panel .demo-workflow-stepper small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-demo app-banner-generate-panel .demo-workflow-stepper li.active{color:#4338ca}app-demo app-banner-generate-panel .demo-workflow-stepper li.active span{border-color:#6366f1;background:#eef2ff}app-demo app-banner-generate-panel .demo-workflow-stepper li.complete{color:#15803d}app-demo app-banner-generate-panel .demo-workflow-stepper li.complete span{border-color:#86efac;background:#f0fdf4}@media(max-width:720px){app-demo app-banner-generate-panel .studio.studio-demo-mode{display:block}app-demo app-banner-generate-panel .quick-start-source{margin:1rem auto;padding:1.25rem}}.showcase-copy{margin-bottom:1.75rem}.showcase-eyebrow{display:inline-flex;padding:.35rem .65rem;border:1px solid rgba(199,210,254,.25);border-radius:999px;background:#6366f12e;color:#c7d2fe;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auth-showcase h2{max-width:520px;margin:.85rem 0 0;font-size:clamp(2rem,3vw,3.1rem);line-height:1.06;letter-spacing:-.04em}.auth-showcase p{max-width:480px;margin:1rem 0 0;color:#cbd5e1;font-size:1rem;line-height:1.55}.banner-preview-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:180px 106px;gap:.85rem}.banner-preview-grid--photo{grid-template-columns:minmax(180px,.65fr) minmax(220px,1.35fr);grid-template-rows:290px}.banner-preview{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-width:0;padding:1.1rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:linear-gradient(135deg,#4338ca,#7c3aed 52%,#db2777);box-shadow:0 18px 35px #0f172a40}.banner-preview:before{content:"";position:absolute;right:-25%;bottom:-65%;width:85%;aspect-ratio:1;border:2px solid rgba(255,255,255,.25);border-radius:50%}.banner-preview>*{position:relative;z-index:1}.preview-badge{font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.banner-preview strong{font-size:1.55rem;line-height:1.02;letter-spacing:-.05em}.preview-cta{align-self:flex-start;padding:.34rem .55rem;border-radius:999px;background:#fff;color:#312e81;font-size:.68rem;font-weight:800}.preview-cta span{margin-left:.2rem}.preview-orb{position:absolute;right:10%;top:17%;width:32%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#fef08a,#fb7185);opacity:.9}.banner-preview--square{grid-row:span 2}.banner-preview--tall{background:linear-gradient(155deg,#0f766e,#14b8a6 52%,#a7f3d0)}.banner-preview--tall strong{font-size:1.05rem}.banner-preview--tall .preview-orb{background:#fef3c7}.banner-preview--landscape{grid-column:span 2;flex-direction:row;align-items:center;background:linear-gradient(125deg,#be185d,#ec4899 56%,#fbbf24)}.banner-preview--landscape strong{max-width:245px;font-size:1.05rem}.banner-preview--landscape .preview-orb{top:-50%;right:12%;width:28%}.banner-preview--wide{height:220px;background:linear-gradient(125deg,#1d4ed8,#6366f1 55%,#ec4899)}.banner-preview--wide strong{font-size:2.15rem}.banner-preview--short{width:min(100%,250px);height:min(44vh,390px);margin:0 auto}.banner-preview--short .photo-banner-content{padding:1rem}.banner-preview--short strong{font-size:1.65rem}.banner-preview--photo{padding:0;background:#111827}.banner-preview--photo:before,.banner-preview--photo .preview-orb{display:none}.banner-preview--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}.banner-preview--photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f172a08 20%,#0f172ad6 92%)}.photo-banner-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1.1rem;color:#fff}.photo-banner-content .preview-badge{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.photo-banner-content strong{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.58)}.photo-banner-content strong em{color:#6ee7b7;font-style:normal}.photo-banner-content strong s{color:#fca5a5;text-decoration-thickness:2px}.banner-preview--wide .photo-banner-content{padding:1.25rem}.showcase-result-copy{display:flex;flex-direction:column;justify-content:center;padding:1.25rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:#1e293b94}.showcase-result-copy>span{color:#a5b4fc;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.showcase-result-copy strong{margin-top:.6rem;font-size:1.35rem;line-height:1.1;letter-spacing:-.03em}.showcase-result-copy p{margin-top:.6rem;font-size:.85rem}.showcase-proof{display:flex;align-items:center;gap:.45rem;margin-top:1rem;color:#cbd5e1;font-size:.82rem;font-weight:600}.showcase-proof span{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:#a7f3d0;color:#047857;font-size:.75rem}@media(max-width:880px){.auth-layout{grid-template-columns:minmax(280px,420px);padding:1.5rem}.auth-showcase{display:none}}@media(max-width:480px){.auth-layout{padding:1rem}.auth-card{padding:1.5rem}}.page{width:100%;max-width:1440px;margin-inline:auto}.page-header h1{margin:0}.page-header p{margin:.35rem 0 1.5rem;color:#64748b}.panel{background:#fff;border:1px solid #e8edf5;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px #0f172a0a}.btn-sm{padding:.45rem .75rem;font-size:.8125rem}.banner-table{width:100%;background:#fff;font-family:inherit}.banner-table.mat-mdc-table{--mat-table-background-color: #fff;--mat-table-header-headline-color: #64748b;--mat-table-row-item-label-text-color: #0f172a;--mat-table-row-item-outline-color: #e2e8f0}.banner-table .mat-mdc-header-row{background:#f8fafc;height:auto}.banner-table .mat-mdc-header-cell{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.banner-table .mat-mdc-row{height:auto;transition:background-color .15s ease}.banner-table .mat-mdc-row:hover{background:#f8fafc}.banner-table .mat-mdc-cell{padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;font-family:inherit;font-size:.875rem;color:#0f172a;vertical-align:middle}.banner-table .mat-mdc-cell small{color:#64748b;font-size:.8125rem}.banner-table .mat-sort-header-container{gap:.25rem}.banner-table .mat-sort-header-arrow{color:#6366f1}.banner-table .mat-sort-header-content{text-transform:uppercase;letter-spacing:.04em}.banner-paginator{font-family:inherit;background:#fff;border-top:1px solid #e2e8f0;color:#64748b}.banner-paginator.mat-mdc-paginator{--mat-paginator-container-text-color: #64748b;--mat-paginator-enabled-icon-color: #64748b;--mat-paginator-disabled-icon-color: #cbd5e1}.banner-paginator .mat-mdc-paginator-container{min-height:3.25rem;padding:.5rem 1rem;font-size:.875rem}.banner-paginator .mat-mdc-paginator-page-size-label,.banner-paginator .mat-mdc-paginator-range-label{color:#64748b;font-size:.875rem}.banner-paginator .mat-mdc-icon-button{--mdc-icon-button-icon-color: #64748b;--mat-icon-button-hover-state-layer-opacity: .06;--mat-icon-button-focus-state-layer-opacity: .1}.banner-paginator .mat-mdc-icon-button:not(:disabled):hover{--mdc-icon-button-icon-color: #4338ca}.banner-paginator .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: #e2e8f0;--mdc-outlined-text-field-hover-outline-color: #cbd5e1;--mdc-outlined-text-field-focus-outline-color: #6366f1;--mat-form-field-container-text-size: .875rem}.banner-paginator .mat-mdc-text-field-wrapper{border-radius:.65rem;background:#fff}.banner-paginator .mat-mdc-form-field-infix{min-height:2.25rem;padding-top:.35rem;padding-bottom:.35rem}@media(min-width:768px)and (max-width:1023px){.banner-table .mat-column-settings{display:none}.banner-table .mat-mdc-header-cell,.banner-table .mat-mdc-cell{padding-inline:.75rem}.table-skeleton thead th:nth-child(3),.table-skeleton tbody td:nth-child(3){display:none}}@media(max-width:767px){.banner-table.mat-mdc-table,.table-skeleton{display:block;width:100%}.banner-table .mat-mdc-header-row,.table-skeleton thead{display:none}.banner-table .mat-mdc-row,.table-skeleton tbody tr.banner-row-card{display:block;margin-bottom:0;border:none;border-bottom:1px solid #e2e8f0;border-radius:0;overflow:hidden;background:#fff}.banner-table .mat-mdc-row:last-child,.table-skeleton tbody tr.banner-row-card:last-child{border-bottom:none}.banner-table .mat-mdc-row.highlighted,.table-skeleton tbody tr.banner-row-card.highlighted{background:#eef2ff;box-shadow:inset 3px 0 #6366f1}.banner-table .mat-mdc-cell,.table-skeleton tbody td{display:grid;grid-template-columns:minmax(5.5rem,38%) 1fr;gap:.75rem;align-items:start;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;text-align:right;white-space:normal}.banner-table .mat-mdc-row .mat-column-preview+.mat-mdc-cell,.table-skeleton tbody tr.banner-row-card td:not([data-label=Preview]){padding-inline:1rem}.banner-table .mat-mdc-cell:before,.table-skeleton tbody td:before{content:attr(data-label);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b;text-align:left;padding-top:.1rem}.banner-table .mat-mdc-cell:last-child,.table-skeleton tbody td:last-child{border-bottom:none}.banner-table .mat-column-preview,.table-skeleton tbody td[data-label=Preview]{display:block;text-align:stretch;padding:0}.banner-table .mat-column-preview:before,.table-skeleton tbody td[data-label=Preview]:before{display:none}.banner-table .mat-mdc-cell.actions,.table-skeleton tbody td.actions{display:block;text-align:stretch;padding-top:.5rem;padding-bottom:1rem}.banner-table .mat-mdc-cell.actions:before,.table-skeleton tbody td.actions:before{display:none}.banner-table .mat-mdc-cell.actions .btn,.table-skeleton tbody td.actions .skeleton-line-btn{width:100%}.banner-table .mat-mdc-cell small{display:block;word-break:break-word}.banner-paginator .mat-mdc-paginator-container{flex-wrap:wrap;justify-content:center;gap:.5rem .75rem;padding:.75rem 1rem}.banner-paginator .mat-mdc-paginator-page-size,.banner-paginator .mat-mdc-paginator-range-actions{width:100%;justify-content:center}.banner-paginator .mat-mdc-paginator-range-label{margin-inline:0;text-align:center}}