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:#9d174d;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}.btn-danger{background:#f8eef4;color:#9d174d}.btn-danger:hover:not(:disabled){background:#f1dde8;color:#831843}.alert{padding:.75rem .9rem;border-radius:.65rem;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#f8eef4;color:#9d174d;border:1px solid #efc7d8}.alert-success{background:#e8f6f4;color:#0f766e;border:1px solid #99e6d8}.alert-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.alert-info{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}.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}.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}.format-pack{--pack-h: clamp(10rem, min(26vh, 20vw), 15.5rem);--pack-gap: .75rem;display:flex;flex-direction:column;gap:var(--pack-gap);width:calc(var(--pack-h) * 1.891 + var(--pack-gap) * 2);max-width:100%}.format-pack-row{display:flex;align-items:flex-end;gap:var(--pack-gap)}.pack-item{display:flex;flex:none;flex-direction:column;align-items:flex-start;gap:.45rem;animation:pack-rise .55s cubic-bezier(.2,.7,.3,1) both}.pack-item--skyscraper{animation-delay:.05s}.pack-item--rectangle{animation-delay:.13s}.pack-item--square{animation-delay:.21s}.pack-item--leaderboard{width:100%;animation-delay:.29s}.pack-frame{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;overflow:hidden;padding:.7rem;border:1px solid rgba(255,255,255,.2);border-radius:.6rem;box-shadow:0 18px 35px #0f172a47}.pack-frame:before{content:"";position:absolute;right:-22%;bottom:-55%;width:80%;aspect-ratio:1;border:2px solid rgba(255,255,255,.22);border-radius:50%}.pack-frame>*{position:relative;z-index:1}.pack-mark{width:.9rem;height:.9rem;border-radius:.3rem;background:#ffffff80;box-shadow:inset 0 0 0 1px #ffffff59}.pack-lines{display:flex;flex-direction:column;gap:.32rem;margin-top:auto}.pack-lines i{height:.42rem;border-radius:999px;background:#fffffff0}.pack-lines i:first-child{width:82%}.pack-lines i:last-child{width:54%;background:#fff9}.pack-cta{width:46%;max-width:4.5rem;height:.85rem;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0f172a4d}.pack-size{color:#94a3b8;font-size:.66rem;font-weight:700;letter-spacing:.05em;white-space:nowrap}.pack-item--skyscraper .pack-frame{height:var(--pack-h);aspect-ratio:160/600;padding:.5rem;background:linear-gradient(155deg,#0f766e,#14b8a6 52%,#a7f3d0)}.pack-item--rectangle .pack-frame{height:calc(var(--pack-h) * .82);aspect-ratio:300/250;background:linear-gradient(135deg,#4338ca,#7c3aed 52%,#db2777)}.pack-item--square .pack-frame{height:calc(var(--pack-h) * .64);aspect-ratio:1;background:linear-gradient(125deg,#be185d,#ec4899 56%,#fbbf24)}.pack-item--leaderboard .pack-frame{flex-direction:row;align-items:center;justify-content:space-between;width:100%;aspect-ratio:728/90;padding:.55rem .8rem;background:linear-gradient(125deg,#1d4ed8,#6366f1 55%,#ec4899)}.pack-item--leaderboard .pack-frame:before{right:5%;bottom:-170%;width:24%}.pack-item--leaderboard .pack-lines{flex:1;max-width:52%;margin:0}.pack-item--leaderboard .pack-lines i:first-child{width:52%}.pack-item--leaderboard .pack-lines i:last-child{width:30%}.pack-item--leaderboard .pack-cta{flex:none;width:3.4rem}.pack-item--leaderboard .pack-mark{flex:none;width:1.05rem;height:1.05rem}.pack-item--skyscraper .pack-mark{width:.75rem;height:.75rem;border-radius:.25rem}.format-pack .showcase-result-copy{width:100%;margin-top:.35rem}@keyframes pack-rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pack-item{animation:none}}@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}}.preview-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:1rem;align-items:start}.preview-editor-sidebar{position:sticky;top:1rem;min-width:0;display:flex;flex-direction:column;gap:1rem;max-height:calc(100dvh - 20rem);padding:1rem;overflow:hidden;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 12px 32px #0f172a14}.preview-editor-heading,.preview-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preview-editor-heading div,.preview-editor-section,.preview-editor-section label{display:grid;gap:.4rem}.preview-editor-heading span,.preview-editor-hint{color:#64748b;font-size:.78rem}.preview-editor-scroll{flex:1;min-height:0;display:grid;gap:1rem;overflow:auto}.no-credit-badge{flex:none;padding:.3rem .5rem;border-radius:999px;background:#dcfce7;color:#166534!important;font-weight:700}.credit-charge-badge{flex:none;padding:.3rem .5rem;border-radius:999px;background:#ffedd5;color:#9a3412;font-weight:800}.animation-credit-warning{margin:0;padding:.7rem .8rem;border:1px solid #fdba74;border-radius:.65rem;background:#fff7ed;color:#9a3412;font-size:.8125rem;font-weight:700;line-height:1.35}.background-edit-section textarea{width:100%;min-height:5.25rem;resize:vertical;padding:.65rem .7rem;border:1px solid #cbd5e1;border-radius:.6rem;font:inherit;line-height:1.4}.background-edit-section textarea:focus{outline:2px solid #a5b4fc;outline-offset:1px;border-color:#6366f1}.background-edit-credit-warning{margin:0;padding:.7rem .8rem;border:1px solid #f59e0b;border-radius:.65rem;background:#fffbeb;color:#92400e;font-size:.8125rem;font-weight:800;line-height:1.35}.preview-editor-section{padding-top:.85rem;border-top:1px solid #e2e8f0}.preview-editor-section h4{margin:0}.preview-editor-section input:not([type=color]):not([type=range]){width:100%;padding:.65rem .7rem;border:1px solid #cbd5e1;border-radius:.6rem}.preview-editor-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.preview-editor-colors input[type=color]{width:100%;height:2.25rem;padding:.15rem;border:1px solid #cbd5e1;border-radius:.5rem;background:transparent}.preview-logo-upload{position:relative;min-width:0;padding:.65rem .7rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.6rem;cursor:pointer}.preview-logo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-editor-advanced{padding-top:.85rem;border-top:1px solid #e2e8f0}.preview-editor-advanced summary{cursor:pointer;font-weight:700}.preview-editor-advanced[open] summary{margin-bottom:.8rem}.preview-editor-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.preview-editor-control-grid label{display:grid;min-width:0;gap:.35rem;font-size:.78rem;font-weight:600}.preview-editor-control-grid select{min-width:0;width:100%;padding:.55rem;border:1px solid #cbd5e1;border-radius:.55rem;background:#fff}.preview-editor-range{grid-column:1/-1}.preview-editor-range input[type=range]{display:block;min-width:0;width:100%;margin:0;padding:0;border:0}.preview-editor-toggles{display:grid;justify-items:start;gap:.25rem;margin-top:.8rem}.preview-editor-toggles mat-checkbox{font-size:.82rem}.preview-animation-settings{gap:.85rem}.preview-animation-settings select{width:100%;padding:.65rem .7rem;border:1px solid #cbd5e1;border-radius:.6rem;background:#fff}.preview-animation-switch{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preview-animation-switch div{display:grid;gap:.2rem}.preview-animation-switch small,.preview-animation-settings label small{color:#64748b;font-size:.75rem}.preview-editor-success{margin:0;color:#166534;font-size:.8rem}.preview-editor-actions{flex:none;padding-top:.75rem;border-top:1px solid #e2e8f0;background:#fff}.preview-editor-actions .btn{flex:1}@media(max-width:980px){.preview-editor-layout{grid-template-columns:1fr}.preview-editor-sidebar{position:static;max-height:none;overflow:visible}.preview-editor-scroll{overflow:visible}}