/* STATIC SOURCE COMPONENT PORTS — generated from inspected GitHub source.
Tellshift: lssm-tech/tellshift-landing@72261ab6af35f1886b07d31379c712d99660c9a8.
Pactena creator studio: lssm-tech/creator-platform-ugc@3e8e2ddffc6aecb6fc85221702b259445b99366b.
Source component paths and replacement instructions are in source_studio_previews.py.
TODO(MONOREPO-COMPONENT-REUSE): remove scoped copies and import original source CSS
with the actual components after merge. Selector prefixes and container queries
are deliberate embed adaptations; original declaration values are preserved. */
@font-face{font-family:"SSP Newsreader";src:url('/assets/portfolio/source-studio/tellshift-newsreader.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"SSP Inter";src:url('/assets/portfolio/source-studio/tellshift-inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.ssp-frame{isolation:isolate;min-width:0;width:100%;overflow:hidden;border:1px solid #dedbd4;text-align:left}
.ssp-frame-tell{container:source-studio-tell / inline-size}
.ssp-frame-creator{container:source-studio-creator / inline-size}
.ssp-frame [hidden]{display:none!important}

/* SOURCE src/styles/tokens.css */
.ssp-tell{
  --brand-color-paper: #F4F0E7;
  --brand-color-surface: #FFFFFF;
  --brand-color-ink: #22251F;
  --brand-color-muted: #61655A;
  --brand-color-vermilion: #CE442B;
  --brand-color-accent-text: #8D2D1D;
  --brand-color-on-accent: #FFFFFF;
  --brand-color-rule: #C8C9BC;
  --brand-color-control-border: #737B6B;
  --brand-color-action: #22251F;
  --brand-color-action-hover: #394032;
  --brand-color-on-action: #FFFFFF;
  --brand-color-action-inverse: #FFFFFF;
  --brand-color-on-action-inverse: #22251F;
  --brand-color-focus: #145F85;
  --brand-color-focus-inverse: #FFFFFF;
  --brand-color-error: #9C1F46;
  --brand-color-error-surface: #FCEAF0;
  --brand-color-success: #285E3F;
  --brand-color-success-surface: #EAF3E8;
  --brand-color-selection: #F5D4C4;
  --brand-color-disabled-surface: #E2E2D8;
  --brand-color-disabled-text: #61655A;

  --brand-font-display: var(--font-newsreader, "Newsreader"), Georgia, "Times New Roman", serif;
  --brand-font-body: var(--font-inter, "Inter"), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-font-label: var(--brand-font-body);
  --brand-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --brand-text-display: clamp(3rem, 2rem + 4.75vw, 7.5rem);
  --brand-leading-display: 0.98;
  --brand-weight-display: 600;
  --brand-tracking-display: -0.035em;
  --brand-text-section: clamp(2.5rem, 1.75rem + 3.25vw, 5rem);
  --brand-leading-section: 1.04;
  --brand-weight-section: 500;
  --brand-tracking-section: -0.025em;
  --brand-text-draft: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
  --brand-leading-draft: 1.08;
  --brand-weight-draft: 600;
  --brand-tracking-draft: -0.015em;
  --brand-text-quote: clamp(1.25rem, 1.1rem + 0.55vw, 1.625rem);
  --brand-leading-quote: 1.25;
  --brand-weight-quote: 400;
  --brand-tracking-quote: -0.01em;
  --brand-text-lead: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --brand-leading-lead: 1.5;
  --brand-weight-lead: 400;
  --brand-tracking-lead: -0.01em;
  --brand-text-body: 1rem;
  --brand-leading-body: 1.6;
  --brand-weight-body: 400;
  --brand-tracking-body: 0em;
  --brand-text-small: 0.875rem;
  --brand-leading-small: 1.5;
  --brand-weight-small: 400;
  --brand-tracking-small: 0em;
  --brand-text-label: 0.8125rem;
  --brand-leading-label: 1.4;
  --brand-weight-label: 600;
  --brand-tracking-label: 0.08em;

  --brand-space-0: 0rem;
  --brand-space-1: 0.25rem;
  --brand-space-2: 0.5rem;
  --brand-space-3: 0.75rem;
  --brand-space-4: 1rem;
  --brand-space-5: 1.25rem;
  --brand-space-6: 1.5rem;
  --brand-space-8: 2rem;
  --brand-space-10: 2.5rem;
  --brand-space-12: 3rem;
  --brand-space-16: 4rem;
  --brand-space-20: 5rem;
  --brand-space-24: 6rem;
  --brand-space-32: 8rem;
  --brand-radius-none: 0rem;
  --brand-radius-subtle: 0.125rem;
  --brand-radius-control: 0.25rem;
  --brand-radius-sheet: 0.5rem;
  --brand-radius-pill: 999rem;
  --brand-border-hairline: 1px;
  --brand-border-strong: 2px;
  --brand-border-focus: 3px;
  --brand-border-style: solid;

  --brand-motion-instant: 0ms;
  --brand-motion-fast: 120ms;
  --brand-motion-base: 180ms;
  --brand-motion-slow: 240ms;
  --brand-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --brand-layout-page-max: 80rem;
  --brand-layout-reading-max: 48rem;
  --brand-layout-body-max: 42rem;
  --brand-layout-gutter: clamp(1.25rem, 4vw, 3rem);
  --brand-layout-section-space: clamp(4rem, 6vw, 7.5rem);
  --brand-layout-hero-gap: clamp(2rem, 3.5vw, 4rem);
  --brand-layout-column-gap: clamp(1.5rem, 2.5vw, 3rem);
  --brand-layout-control-height: 3rem;
  --brand-layout-target-min: 2.75rem;
  --brand-layout-anchor-offset: 2rem;
  --brand-layout-quote-mark-size: clamp(4rem, 7vw, 9rem);
}
@media (prefers-reduced-motion: reduce){.ssp-tell{
    --brand-motion-instant: 0ms;
    --brand-motion-fast: 0ms;
    --brand-motion-base: 0ms;
    --brand-motion-slow: 0ms;
  }}
/* SOURCE src/app/globals.css */
.ssp-tell *{ box-sizing: border-box; }
.ssp-tell{ scroll-behavior: smooth; background: var(--brand-color-paper); }
.ssp-tell{ margin: 0; color: var(--brand-color-ink); font-family: var(--brand-font-body); font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.ssp-tell ::selection{ background: var(--brand-color-selection); color: var(--brand-color-ink); }
.ssp-tell h1,.ssp-tell h2,.ssp-tell h3,.ssp-tell h4,.ssp-tell p{ margin: 0; }
.ssp-tell h1,.ssp-tell h2,.ssp-tell h3,.ssp-tell h4{ overflow-wrap: anywhere; }
.ssp-tell h1,.ssp-tell h2,.ssp-tell h3,.ssp-tell h4,.ssp-tell blockquote{ font-family: var(--brand-font-display); font-optical-sizing: auto; }
.ssp-tell h1{ font-size: var(--brand-text-display); line-height: var(--brand-leading-display); font-weight: 600; letter-spacing: var(--brand-tracking-display); text-wrap: balance; }
.ssp-tell h2{ font-size: var(--brand-text-section); line-height: var(--brand-leading-section); font-weight: 500; letter-spacing: var(--brand-tracking-section); text-wrap: balance; }
.ssp-tell h3{ font-size: var(--brand-text-draft); line-height: var(--brand-leading-draft); font-weight: 500; letter-spacing: var(--brand-tracking-draft); }
.ssp-tell a{ color: inherit; text-decoration: none; }
.ssp-tell button,.ssp-tell input,.ssp-tell select{ font: inherit; }
.ssp-tell button,.ssp-tell a,.ssp-tell input,.ssp-tell summary{ -webkit-tap-highlight-color: transparent; }
.ssp-tell button:not(:disabled),.ssp-tell summary{ cursor: pointer; }
.ssp-tell button{ color: inherit; }
.ssp-tell :focus-visible{ outline: 3px solid var(--brand-color-focus); outline-offset: 5px; }
.ssp-tell .inverse-focus :focus-visible{ outline-color: var(--brand-color-focus-inverse); }
.ssp-tell [id]{ scroll-margin-top: var(--brand-layout-anchor-offset); }
.ssp-tell [hidden]{ display: none !important; }
.ssp-tell .container{ width: min(calc(100% - var(--brand-layout-gutter) * 2), var(--brand-layout-page-max)); margin-inline: auto; }
.ssp-tell .section{ padding-block: var(--brand-layout-section-space); }
.ssp-tell .eyebrow{ font-family: var(--brand-font-body); font-size: var(--brand-text-label); font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: .095em; }
.ssp-tell .small{ font-size: 14px; line-height: 1.6; }
.ssp-tell .muted{ color: var(--brand-color-muted); }
.ssp-tell .accent{ color: var(--brand-color-accent-text); }
.ssp-tell .lead{ font-size: var(--brand-text-lead); line-height: 1.5; letter-spacing: -.01em; }
.ssp-tell .section-label{ display: flex; gap: 24px; align-items: baseline; margin-bottom: 30px; }
.ssp-tell .section-label > span{ font-size: 12px; font-weight: 500; padding-right: 24px; border-right: 1px solid currentColor; }
.ssp-tell .button{ min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; padding: 13px 22px; background: var(--brand-color-action); color: #fff; border: 1px solid var(--brand-color-action); border-radius: 3px; font-weight: 600; text-align: center; line-height: 1.5; transition: background var(--brand-motion-fast); }
.ssp-tell .button:hover:not(:disabled){ background: var(--brand-color-action-hover); }
.ssp-tell .button:disabled{ cursor: not-allowed; }
.ssp-tell .button-inverse{ background: white; color: var(--brand-color-ink); border-color: white; }
.ssp-tell .button-inverse:hover:not(:disabled){ background: var(--brand-color-paper); }
.ssp-tell .button span{ font-size: 20px; font-weight: 400; }
.ssp-tell .booking{ max-width: 320px; }
.ssp-tell .booking-note{ font-size: 13px; line-height: 1.45; margin-top: 10px; color: var(--brand-color-muted); max-width: 29ch; }
.ssp-tell .actions{ display: flex; gap: 32px; align-items: flex-start; }
.ssp-tell .secondary-action{ display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 52px; text-decoration: underline; text-underline-offset: 5px; font-weight: 600; line-height: 1.4; }
.ssp-tell .secondary-action:hover,.ssp-tell .text-link:hover,.ssp-tell .inline-link:hover{ text-decoration-thickness: 2px; }
.ssp-tell .skip-link{ position: absolute; left: 20px; top: -120px; padding: 12px 20px; background: white; z-index: 10; }
.ssp-tell .skip-link:focus{ top: 15px; }
.ssp-tell .waitlist-form-wrap{ margin-top: 24px; }
.ssp-tell .waitlist label{ display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.ssp-tell .form-row{ display: flex; flex-wrap: wrap; gap: 10px; }
.ssp-tell .form-row input{ width: 100%; min-width: 0; min-height: 52px; flex: 1 1 190px; border: 1px solid var(--brand-color-control-border); background: transparent; padding: 12px 14px; border-radius: 3px; }
.ssp-tell .form-row input[aria-invalid="true"]{ border: 2px solid var(--brand-color-error); }
.ssp-tell .form-row .button{ flex: 1 1 auto; }
.ssp-tell #waitlist-notice{ margin-top: 14px; font-size: 12px; }
.ssp-tell .waitlist form > .small:not(#waitlist-notice){ margin-top: 12px; }
.ssp-tell .inline-link{ text-decoration: underline; text-underline-offset: 3px; }
.ssp-tell .form-error{ color: var(--brand-color-error); font-size: 14px; margin-top: 12px; }
.ssp-tell .form-error:empty{ display: none; }
.ssp-tell .honeypot{ position: absolute; width: 1px; height: 1px; padding: 0; opacity: 0; pointer-events: none; }
.ssp-tell .success-message{ border-top: 2px solid var(--brand-color-success); padding-block: 20px; }
.ssp-tell .success-message p{ margin-block: 14px; }
.ssp-tell .waitlist-form-wrap label{ display: block; font-size: 1rem; font-weight: 600; margin-bottom: 8px; }
.ssp-tell .waitlist-form-wrap input{ font-size: 1rem; }
.ssp-tell #waitlist-notice{ font-size: 14px; }
.ssp-tell .text-link{ display: inline-flex; gap: 20px; align-items: center; min-height: 44px; border: 0; padding: 8px 0; background: none; text-decoration: underline; text-underline-offset: 5px; text-align: left; font-size: 1rem; line-height: 1.5; }
.ssp-tell mark{ background: none; color: inherit; text-decoration: underline; text-decoration-color: var(--brand-color-vermilion); text-underline-offset: .12em; text-decoration-thickness: 1px; }
.ssp-tell blockquote{ margin: 0; }
.ssp-tell .review-status{ display: inline-flex; gap: 8px; align-items: center; background: var(--brand-color-paper); padding: 6px 10px; font-size: 14px; line-height: 1.4; }
.ssp-tell .review-status > span{ width: 6px; height: 6px; border: 1px solid var(--brand-color-muted); border-radius: 50%; }
.ssp-tell .source-credit{ font-size: 14px; color: var(--brand-color-muted); }
.ssp-tell .error-page{ max-width: 800px; margin: 100px auto; padding: 24px; }
.ssp-tell .error-page p{ margin-block: 24px; }
@container source-studio-tell (max-width:639px){.ssp-tell .form-row{ flex-direction: column; }
.ssp-tell .form-row input,.ssp-tell .form-row .button{ flex-basis: auto; width: 100%; }}
@media(prefers-reduced-motion: reduce){.ssp-tell{ scroll-behavior: auto; }
.ssp-tell *,.ssp-tell *::before,.ssp-tell *::after{ transition: none !important; animation: none !important; }}
/* SOURCE src/styles/refresh.css */
.ssp-tell .site-header{ display:flex; align-items:center; gap:28px; min-height:100px; border-bottom:1px solid var(--brand-color-rule); }
.ssp-tell .wordmark-link{ display:inline-flex; min-height:44px; align-items:center; }
.ssp-tell .wordmark{ font-size:32px; font-weight:800; letter-spacing:-.065em; line-height:1; }
.ssp-tell .wordmark > span{ color:var(--brand-color-vermilion); }
.ssp-tell .desktop-nav{ display:flex; align-items:center; gap:28px; margin-left:auto; }
.ssp-tell .desktop-nav a{ min-height:44px; display:flex; align-items:center; font-size:1rem; }
.ssp-tell .desktop-nav a:hover,.ssp-tell .site-footer a:hover{ text-decoration:underline; text-underline-offset:5px; }
.ssp-tell .locale-switch{ display:flex; align-items:center; gap:3px; }
.ssp-tell .locale-switch a{ min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; font-size:14px; }
.ssp-tell .locale-switch a[aria-current]{ text-decoration:underline; text-underline-offset:6px; font-weight:700; }
.ssp-tell .header-booking{ max-width:260px; }
.ssp-tell .header-booking .button{ font-size:1rem; min-height:48px; padding:10px 17px; gap:15px; }
.ssp-tell .header-booking .pilot-unavailable{ margin:0; font-size:14px; max-width:24ch; }
.ssp-tell .mobile-menu{ display:none; }
.ssp-tell .hero{ padding-block:60px 64px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:52px; align-items:center; }
.ssp-tell .hero-copy,.ssp-tell .hero-figure,.ssp-tell .campaign-spread > *,.ssp-tell .moments-grid > *,.ssp-tell .pilot-grid > *{ min-width:0; }
.ssp-tell .hero-copy h1{ margin-top:24px; font-size:clamp(3.5rem,4.7vw,4.5rem); line-height:.99; letter-spacing:-.05em; text-wrap:balance; }
.ssp-tell .terminal-period{ color:var(--brand-color-vermilion); }
.ssp-tell .hero-description{ margin-top:28px; max-width:42ch; font-size:1.125rem; line-height:1.55; }
.ssp-tell .hero-actions{ display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; margin-top:28px; }
.ssp-tell .hero-actions .pilot-unavailable{ max-width:29ch; margin:0; }
.ssp-tell .hero-stage{ margin-top:16px; }
.ssp-tell .hero-figure{ margin:0; }
.ssp-tell .hero-source{ border-left:2px solid var(--brand-color-vermilion); padding-left:20px; max-width:44ch; margin-bottom:26px; }
.ssp-tell .source-byline{ margin-bottom:8px; color:var(--brand-color-muted); }
.ssp-tell .hero-source blockquote{ font-family:var(--brand-font-body); font-size:1rem; line-height:1.55; }
.ssp-tell .hero-output-label{ display:flex; flex-wrap:wrap; gap:4px 18px; justify-content:space-between; color:var(--brand-color-muted); margin-bottom:10px; }
.ssp-tell .hero-figure figcaption{ display:flex; flex-wrap:wrap; gap:4px 18px; justify-content:space-between; margin-top:12px; }
.ssp-tell .carousel-artwork{ background:white; color:var(--brand-color-ink); border:1px solid var(--brand-color-rule); padding:30px; }
.ssp-tell .artwork-label{ color:var(--brand-color-accent-text); font-size:14px; line-height:1.5; }
.ssp-tell .artwork-title{ font-family:var(--brand-font-display); font-size:clamp(2.5rem,4.3vw,4rem); font-weight:500; line-height:1.04; letter-spacing:-.035em; margin-block:22px; max-width:15ch; text-wrap:balance; }
.ssp-tell .artwork-title::after{ content:''; display:block; width:32%; height:2px; background:var(--brand-color-vermilion); margin-top:16px; }
.ssp-tell .artwork-body{ font-size:1.125rem; line-height:1.5; max-width:34ch; }
.ssp-tell .artwork-diagram{ display:block; width:100%; height:auto; margin-top:34px; }
.ssp-tell .carousel-artwork-interior{ background:var(--brand-color-vermilion); color:white; border:0; }
.ssp-tell .carousel-artwork-interior .artwork-label{ color:white; padding-bottom:15px; border-bottom:1px solid #ffffff85; }
.ssp-tell .carousel-artwork-interior .artwork-title::after{ display:none; }
.ssp-tell .carousel-artwork-interior .artwork-title{ max-width:16ch; }
.ssp-tell .campaign-section{ border-block:1px solid var(--brand-color-rule); }
.ssp-tell .campaign-spread{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:90px; align-items:center; }
.ssp-tell .campaign-introduction h2{ margin-block:22px; max-width:15ch; }
.ssp-tell .campaign-introduction > p:not(.eyebrow){ max-width:40ch; }
.ssp-tell .campaign-selector{ margin-top:26px; max-width:360px; }
.ssp-tell .campaign-selector legend{ display:block; font-size:14px; margin-bottom:8px; }
.ssp-tell .campaign-source{ margin-top:16px; }
.ssp-tell .campaign-introduction .text-link{ margin-top:8px; }
.ssp-tell .campaign-art-surface{ background:var(--brand-color-vermilion); padding:36px; }
.ssp-tell .campaign-preview{ background:white; padding:30px; color:var(--brand-color-ink); }
.ssp-tell .campaign-preview h3{ font-size:clamp(2rem,3.1vw,2.9rem); line-height:1.12; margin-block:20px; }
.ssp-tell .campaign-preview .preview-body{ font-size:1rem; line-height:1.6; }
.ssp-tell .campaign-art-caption{ color:white; margin-top:12px; }
.ssp-tell .campaign-preview.preview-instagram{ padding:0; }
.ssp-tell .preview-instagram .carousel-artwork{ padding:0; }
.ssp-tell .preview-instagram .artwork-title{ font-size:clamp(2.5rem,4vw,3.6rem); }
.ssp-tell .preview-x h3{ max-width:20ch; }
.ssp-tell .preview-x .preview-body{ border-left:1px solid var(--brand-color-rule); padding:15px 0 0 20px; }
.ssp-tell .thread-continuation{ display:flex; gap:7px; margin-top:24px; }
.ssp-tell .thread-continuation span{ height:5px; width:5px; border-radius:50%; background:var(--brand-color-muted); }
.ssp-tell .email-subject-label{ margin-top:20px; }
.ssp-tell .preview-email h3{ font-size:2rem; margin-top:8px; padding-bottom:20px; border-bottom:1px solid var(--brand-color-rule); }
.ssp-tell .preview-recipient{ border-top:1px solid var(--brand-color-rule); padding-top:20px; margin-top:24px; }
.ssp-tell .preview-recipient > p + p{ margin-top:8px; font-size:1rem; }
.ssp-tell .section-intro{ display:grid; grid-template-columns:1.2fr 1fr; gap:90px; align-items:end; }
.ssp-tell .section-intro h2{ max-width:17ch; margin-top:20px; }
.ssp-tell .section-intro > p{ max-width:43ch; }
.ssp-tell .moments-grid{ display:grid; grid-template-columns:1fr 1fr; gap:72px; margin-top:46px; }
.ssp-tell .moment{ border-top:2px solid var(--brand-color-ink); padding-top:22px; }
.ssp-tell .moment h3{ font-size:2.125rem; line-height:1.12; margin-top:14px; }
.ssp-tell .moment-quote{ border-left:2px solid var(--brand-color-vermilion); padding:18px 22px; background:white; margin-top:24px; }
.ssp-tell .moment-quote blockquote{ font-size:1.5rem; line-height:1.3; margin-top:8px; }
.ssp-tell .pending-label{ margin-top:22px; }
.ssp-tell .pending-actions{ list-style:none; padding:0; margin:8px 0 16px; }
.ssp-tell .pending-actions li{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; justify-content:space-between; border-top:1px solid var(--brand-color-rule); padding-block:14px; font-size:1rem; }
.ssp-tell .paused-state{ display:flex; align-items:center; gap:7px; font-size:13px; color:var(--brand-color-accent-text); }
.ssp-tell .next-angle{ border-bottom:1px solid var(--brand-color-rule); padding-block:22px; margin-bottom:16px; }
.ssp-tell .next-angle h4{ font-family:var(--brand-font-display); font-size:2rem; font-weight:500; line-height:1.2; margin-block:8px 12px; }
.ssp-tell .next-contributor{ margin-top:8px; }
.ssp-tell .pilot{ background:var(--brand-color-ink); color:white; }
.ssp-tell .pilot-grid{ display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.ssp-tell .pilot h2{ margin-top:22px; max-width:17ch; }
.ssp-tell .pilot-description{ margin-top:22px; max-width:44ch; }
.ssp-tell .pilot ul{ list-style:none; padding:0; margin:0 0 26px; }
.ssp-tell .pilot li{ padding-block:18px; border-top:1px solid #7c8076; }
.ssp-tell .pilot li h3{ font:600 1rem/1.5 var(--brand-font-body); margin-bottom:5px; }
.ssp-tell .pilot-scope{ margin-top:20px; }
.ssp-tell .pilot .booking-note{ color:white; }
.ssp-tell .faq-layout{ display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.ssp-tell .faq-layout h2{ max-width:13ch; }
.ssp-tell .faq-list details{ border-top:1px solid var(--brand-color-control-border); }
.ssp-tell .faq-list details:last-child{ border-bottom:1px solid var(--brand-color-control-border); }
.ssp-tell .faq-list summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:25px; padding-block:22px; font-weight:500; line-height:1.5; }
.ssp-tell .faq-list summary::-webkit-details-marker{ display:none; }
.ssp-tell .faq-symbol{ flex:0 0 20px; height:20px; position:relative; }
.ssp-tell .faq-symbol::before,.ssp-tell .faq-symbol::after{ content:''; background:var(--brand-color-ink); position:absolute; width:14px; height:1px; top:9px; left:3px; }
.ssp-tell .faq-symbol::after{ transform:rotate(90deg); }
.ssp-tell details[open] .faq-symbol::after{ display:none; }
.ssp-tell .faq-list details > p{ padding:0 30px 24px 0; }
.ssp-tell .closing{ border-top:2px solid var(--brand-color-ink); margin-top:56px; padding-top:36px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.ssp-tell .closing h3{ font-size:2.5rem; }
.ssp-tell .closing p{ margin-top:10px; }
.ssp-tell .site-footer{ border-top:1px solid var(--brand-color-rule); padding-block:28px; }
.ssp-tell .footer-top{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ssp-tell .footer-top nav{ display:flex; flex-wrap:wrap; gap:28px; font-size:14px; }
.ssp-tell .footer-top nav a{ display:flex; min-height:44px; align-items:center; gap:12px; }
.ssp-tell .footer-waitlist{ margin-top:20px; max-width:640px; }
.ssp-tell .footer-waitlist > summary{ font-size:1rem; padding-block:12px; min-height:48px; }
.ssp-tell .footer-waitlist-content{ border-top:1px solid var(--brand-color-rule); padding-block:24px; }
.ssp-tell .footer-waitlist-content h3{ font-size:2rem; margin-bottom:14px; }
.ssp-tell .footer-bottom{ display:flex; justify-content:space-between; gap:20px; align-items:end; margin-top:22px; }
.ssp-tell .footer-mark{ font-family:var(--brand-font-display); font-size:50px; line-height:.5; color:var(--brand-color-vermilion); }
@container source-studio-tell (max-width:1119px){.ssp-tell .site-header{ gap:18px; }
.ssp-tell .desktop-nav{ gap:18px; }
.ssp-tell .header-booking{ max-width:200px; }
.ssp-tell .hero{ grid-template-columns:1fr; max-width:768px; gap:36px; padding-top:40px; }
.ssp-tell .hero-copy h1{ max-width:14ch; }
.ssp-tell .hero-description{ max-width:46ch; }
.ssp-tell .hero-figure{ max-width:620px; }
.ssp-tell .hero-source{ max-width:none; }
.ssp-tell .campaign-spread,.ssp-tell .section-intro,.ssp-tell .pilot-grid,.ssp-tell .faq-layout{ gap:40px; }
.ssp-tell .campaign-art-surface{ padding:24px; }
.ssp-tell .campaign-preview{ padding:24px; }
.ssp-tell .moments-grid{ gap:40px; }}
@container source-studio-tell (max-width:767px){.ssp-tell .site-header{ min-height:80px; gap:12px; flex-wrap:wrap; position:relative; padding-block:12px; }
.ssp-tell .wordmark{ font-size:29px; }
.ssp-tell .site-header > .locale-switch{ margin-left:auto; margin-right:44px; }
.ssp-tell .desktop-nav,.ssp-tell .header-booking{ display:none; }
.ssp-tell .mobile-menu{ display:contents; }
.ssp-tell .menu-trigger{ position:absolute; right:0; top:18px; min-width:44px; min-height:44px; border:0; background:none; font-size:25px; }
.ssp-tell #mobile-navigation{ width:100%; border-top:1px solid var(--brand-color-rule); padding-top:12px; }
.ssp-tell #mobile-navigation > a{ display:flex; align-items:center; min-height:48px; }
.ssp-tell #mobile-navigation .booking{ margin-top:10px; }
.ssp-tell #mobile-navigation .button{ width:100%; }
.ssp-tell .hero{ padding-block:24px 48px; gap:22px; }
.ssp-tell .hero-copy h1{ margin-top:14px; font-size:3.5rem; }
.ssp-tell .hero .eyebrow{ font-size:12px; }
.ssp-tell .hero-description{ margin-top:16px; font-size:1rem; }
.ssp-tell .hero-actions{ margin-top:20px; gap:8px 18px; }
.ssp-tell .hero-stage{ margin-top:10px; }
.ssp-tell .hero-source{ padding-left:14px; margin-bottom:16px; }
.ssp-tell .source-byline{ font-size:13px; }
.ssp-tell .hero-output-label{ font-size:13px; }
.ssp-tell .carousel-artwork{ padding:24px; }
.ssp-tell .artwork-title{ font-size:2.75rem; margin-block:14px; }
.ssp-tell .artwork-body{ font-size:1rem; }
.ssp-tell .artwork-diagram{ margin-top:28px; }
.ssp-tell .campaign-spread,.ssp-tell .section-intro,.ssp-tell .moments-grid,.ssp-tell .pilot-grid,.ssp-tell .faq-layout{ grid-template-columns:1fr; }
.ssp-tell .campaign-spread{ gap:28px; }
.ssp-tell .campaign-introduction h2{ margin-block:18px; }
.ssp-tell .campaign-selector{ max-width:none; margin-top:20px; }
.ssp-tell .campaign-art-surface{ padding:24px; }
.ssp-tell .campaign-preview{ padding:24px; }
.ssp-tell .campaign-preview h3{ font-size:2rem; }
.ssp-tell .section-intro{ gap:22px; }
.ssp-tell .moments-grid{ gap:40px; margin-top:32px; }
.ssp-tell .moment h3{ font-size:2rem; }
.ssp-tell .moment-quote{ padding:16px 18px; }
.ssp-tell .moment-quote blockquote{ font-size:1.375rem; }
.ssp-tell .pilot-grid,.ssp-tell .faq-layout{ gap:32px; }
.ssp-tell .pilot h2,.ssp-tell .faq-layout h2{ max-width:17ch; }
.ssp-tell .closing{ flex-direction:column; align-items:flex-start; gap:24px; margin-top:40px; padding-top:30px; }
.ssp-tell .closing h3{ font-size:2.25rem; }
.ssp-tell .footer-top{ align-items:start; flex-direction:column; gap:10px; }
.ssp-tell .footer-top nav{ gap:24px; }
.ssp-tell .footer-bottom{ font-size:13px; }}
@container source-studio-tell (max-width:359px){.ssp-tell .hero-copy h1{ font-size:3rem; }
.ssp-tell .hero-actions{ align-items:flex-start; flex-direction:column; }
.ssp-tell .carousel-artwork{ padding:20px; }
.ssp-tell .artwork-title{ font-size:2.5rem; }
.ssp-tell .campaign-art-surface{ padding:18px; }
.ssp-tell .campaign-preview{ padding:20px; }
.ssp-tell .campaign-preview h3{ font-size:1.875rem; }}
.ssp-tell .hero-ending{ white-space:nowrap; }
.ssp-tell .hero-copy h1 > span{ display:block; }
.ssp-tell .hero-copy h1 > span + span{ margin-top:.15em; }
.ssp-tell .hero-demonstration{ min-width:0; }
.ssp-tell .film-watch{ border:0; background:none; font:inherit; padding:0; text-align:left; }
.ssp-tell .play-mark{ color:var(--brand-color-vermilion); font-size:1.2em; }
.ssp-tell .film-label{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 20px; margin-bottom:12px; }
.ssp-tell .film-frame{ aspect-ratio:16/9; border:1px solid var(--brand-color-rule); background:var(--brand-color-paper); }
.ssp-tell .film-frame video,.ssp-tell .film-frame img{ display:block; width:100%; height:100%; object-fit:contain; }
.ssp-tell .hero-figure figcaption{ display:block; max-width:58ch; margin-top:12px; }
.ssp-tell .film-detail-actions{ margin-top:16px; }
.ssp-tell .film-transcript{ margin-top:8px; border-top:1px solid var(--brand-color-rule); }
.ssp-tell .film-transcript summary{ min-height:44px; padding:12px 0; }
.ssp-tell .film-transcript h2{ font-size:2rem; margin-block:16px; }
.ssp-tell .film-transcript ol{ list-style:none; padding:0; }
.ssp-tell .film-transcript li{ border-top:1px solid var(--brand-color-rule); padding-top:20px; margin-top:24px; }
.ssp-tell .film-transcript h3{ font-family:var(--brand-font-body); font-size:1rem; font-weight:600; line-height:1.6; margin-bottom:12px; }
.ssp-tell .film-transcript p + p{ margin-top:12px; }
.ssp-tell .film-error{ margin-top:16px; padding-left:16px; border-left:2px solid var(--brand-color-vermilion); }
.ssp-tell .campaign-selector{ border:0; padding:0; max-width:none; min-width:0; }
.ssp-tell .campaign-channels{ display:flex; flex-wrap:wrap; gap:8px; }
.ssp-tell .campaign-channels label{ position:relative; cursor:pointer; }
.ssp-tell .campaign-channels input{ position:absolute; width:1px; height:1px; opacity:0; }
.ssp-tell .campaign-channels span{ display:flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid var(--brand-color-control-border); }
.ssp-tell .campaign-channels input:checked + span{ background:var(--brand-color-ink); color:white; border-color:var(--brand-color-ink); }
.ssp-tell .campaign-channels input:focus-visible + span{ outline:3px solid var(--brand-color-focus); outline-offset:3px; }
.ssp-tell .campaign-source-quote{ border-left:2px solid var(--brand-color-vermilion); padding-left:20px; margin-bottom:24px; }
.ssp-tell .campaign-source-quote blockquote{ font-family:var(--brand-font-display); font-size:1.5rem; line-height:1.3; margin-top:8px; }
@container source-studio-tell (max-width:1119px){.ssp-tell .hero-figure{ max-width:none; }}
@container source-studio-tell (max-width:767px){.ssp-tell .hero-copy h1{ max-width:none; }
.ssp-tell .hero{ gap:32px; }
.ssp-tell .hero-stage{ margin-top:16px; }
.ssp-tell .hero-actions{ gap:16px; }
.ssp-tell .hero-description{ font-size:1.0625rem; }}
.ssp-tell .film-frame{ position:relative; }
.ssp-tell .film-frame[data-started="false"] video{ visibility:hidden; }
.ssp-tell .film-poster{ position:absolute; inset:0; padding:0; border:0; width:100%; height:100%; background:var(--brand-color-paper); }
.ssp-tell .film-poster > span{ position:absolute; bottom:12px; right:12px; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:var(--brand-color-vermilion); color:white; box-shadow:0 0 0 4px var(--brand-color-paper); }
/* SOURCE libs/ui/src/tokens.css */
.ssp-creator{
  --ui-canvas: #FAF9F6;
  --ui-surface: #FFFFFF;
  --ui-surface-soft: #F2F0ED;
  --ui-ink: #111827;
  --ui-muted: #606875;
  --ui-border: #E4E2DE;
  --ui-control-border: #83868E;
  --ui-action: #2650EB;
  --ui-action-hover: #193FC7;
  --ui-action-strong: #2345C7;
  --ui-action-soft: #EFF1FF;
  --ui-on-action: #FFFFFF;
  --ui-editorial: #F6D7C6;
  --ui-sand: #E6D9CC;
  --ui-taupe: #D6C8BC;
  --ui-success-bg: #ECFDF5;
  --ui-success: #047857;
  --ui-warning-bg: #FFFBEB;
  --ui-warning: #92400E;
  --ui-danger-bg: #FEF2F2;
  --ui-danger: #B91C1C;
  --ui-info-bg: #EFF6FF;
  --ui-info: #1D4ED8;
  --ui-progression-bg: #F3EEFC;
  --ui-progression: #6431AD;
  --ui-focus: #2345C7;
  --ui-space-4: 0.25rem;
  --ui-space-8: 0.5rem;
  --ui-space-12: 0.75rem;
  --ui-space-16: 1rem;
  --ui-space-24: 1.5rem;
  --ui-space-32: 2rem;
  --ui-space-48: 3rem;
  --ui-space-64: 4rem;
  --ui-radius-control: 0.625rem;
  --ui-radius-card: 1.125rem;
  --ui-radius-editorial: 1.75rem;
  --ui-radius-pill: 62.4375rem;
  --ui-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-display: "Playfair Display", "GFS Didot", Didot, Georgia, "Times New Roman", serif;
  --ui-font-note: "Nothing You Could Do", "Comic Neue", "Segoe Print", cursive;
  --ui-text-caption: 0.75rem;
  --ui-leading-caption: 1.3333333333333333;
  --ui-text-small: 0.875rem;
  --ui-leading-small: 1.4285714285714286;
  --ui-text-body: 1rem;
  --ui-leading-body: 1.5;
  --ui-text-card: 1.25rem;
  --ui-leading-card: 1.4;
  --ui-text-section: 1.75rem;
  --ui-leading-section: 1.2142857142857142;
  --ui-text-page: 2.5rem;
  --ui-leading-page: 1.1;
  --ui-text-display: 4rem;
  --ui-leading-display: 1.03125;
  --ui-motion-control: 120ms;
  --ui-motion-panel: 180ms;
  --ui-motion-editorial: 240ms;
  --ui-breakpoint-small: 640px;
  --ui-breakpoint-medium: 768px;
  --ui-breakpoint-large: 1024px;
  --ui-breakpoint-wide: 1280px;
}
/* SOURCE libs/ui/src/styles.css */
.ssp-creator .ui-root{ color: var(--ui-ink); background: var(--ui-canvas); font: var(--ui-text-body)/var(--ui-leading-body) var(--ui-font); -webkit-font-smoothing: antialiased; }
.ssp-creator .ui-root *,.ssp-creator .ui-select-popup *,.ssp-creator .ui-dialog *{ box-sizing: border-box; }
.ssp-creator .ui-root :where(.ssp-hero-title,h2,h3,p){ margin: 0; }
.ssp-creator .ui-root :where(.ssp-hero-title,h2,h3,p,dt,dd){ overflow-wrap: anywhere; }
.ssp-creator .ui-root :where(button,input,textarea,select),.ssp-creator .ui-dialog button{ font: inherit; }
.ssp-creator .ui-root :where(a,button,input,textarea,select),.ssp-creator .ui-select-popup,.ssp-creator .ui-dialog button{ touch-action: manipulation; }
.ssp-creator .ui-root :focus-visible,.ssp-creator .ui-select-item:focus-visible,.ssp-creator .ui-dialog :focus-visible{ outline: 2px solid var(--ui-focus); outline-offset: 3px; }
.ssp-creator .ui-root a{ color: var(--ui-action); }
.ssp-creator .ui-icon{ display: inline-block; flex: none; vertical-align: middle; }
.ssp-creator .ui-sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ssp-creator .ui-muted,.ssp-creator .ui-help{ color: var(--ui-muted); }
.ssp-creator .ui-help,.ssp-creator .ui-error{ overflow-wrap: anywhere; font-size: var(--ui-text-small); line-height: var(--ui-leading-small); margin: 6px 0 0; }
.ssp-creator .ui-error{ color: var(--ui-danger); }
.ssp-creator .ui-action-wrap{ display: inline-flex; flex-direction: column; align-items: flex-start; gap: 0; max-width: 100%; }
.ssp-creator .ui-full-width,.ssp-creator .ui-full-width > .ui-button{ width: 100%; }
.ssp-creator .ui-button{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; max-width: 100%; padding: 11px 18px; border: 1px solid transparent; border-radius: var(--ui-radius-control); background: var(--ui-action); color: var(--ui-on-action); font: 600 var(--ui-text-small)/var(--ui-leading-small) var(--ui-font); text-decoration: none; cursor: pointer; text-align: center; transition: background var(--ui-motion-control); overflow-wrap: anywhere; }
.ssp-creator .ui-button:hover:not(:disabled){ background: var(--ui-action-hover); }
.ssp-creator .ui-root a.ui-button{ color: var(--ui-on-action); text-decoration: none; }
.ssp-creator .ui-root a.ui-button--secondary{ color: var(--ui-ink); }
.ssp-creator .ui-root a.ui-button--quiet{ color: var(--ui-action); }
.ssp-creator .ui-root a.ui-button--danger{ color: var(--ui-on-action); }
.ssp-creator .ui-button--secondary{ background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-border); }
.ssp-creator .ui-button--secondary:hover:not(:disabled){ background: var(--ui-surface-soft); }
.ssp-creator .ui-button--quiet{ color: var(--ui-action); background: transparent; }
.ssp-creator .ui-button--quiet:hover:not(:disabled){ background: var(--ui-surface-soft); }
.ssp-creator .ui-button--danger{ color: var(--ui-on-action); background: var(--ui-danger); }
.ssp-creator .ui-button--danger:hover:not(:disabled){ background: var(--ui-ink); }
.ssp-creator .ui-button:disabled{ color: var(--ui-muted); background: var(--ui-surface-soft); border-color: var(--ui-border); cursor: not-allowed; }
.ssp-creator .ui-spinner{ width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: ui-spin .8s linear infinite; }
.ssp-creator .ui-field{ display: grid; gap: 6px; min-width: 0; }
.ssp-creator .ui-label{ display: block; color: var(--ui-ink); font-size: var(--ui-text-small); line-height: var(--ui-leading-small); font-weight: 600; }
.ssp-creator .ui-input{ width: 100%; min-width: 0; min-height: 48px; padding: 11px 13px; background: var(--ui-surface); border: 1px solid var(--ui-control-border); border-radius: var(--ui-radius-control); color: var(--ui-ink); font: var(--ui-text-body)/var(--ui-leading-body) var(--ui-font); }
.ssp-creator textarea.ui-input{ resize: vertical; }
.ssp-creator .ui-input::placeholder{ color: var(--ui-muted); opacity: 1; }
.ssp-creator .ui-input[aria-invalid=true]{ border-color: var(--ui-danger); }
.ssp-creator .ui-input:disabled,.ssp-creator .ui-input[data-disabled]{ background: var(--ui-surface-soft); color: var(--ui-muted); cursor: not-allowed; }
.ssp-creator .ui-field > .ui-help,.ssp-creator .ui-field > .ui-error{ margin: 0; }
.ssp-creator .ui-select{ display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; cursor: pointer; }
.ssp-creator .ui-select-positioner{ z-index: 50; outline: none; }
.ssp-creator .ui-select-popup{ box-sizing: border-box; padding: 6px; width: var(--anchor-width); max-width: calc(100vw - 24px); max-height: min(var(--available-height), 320px); overflow-y: auto; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-control); background: var(--ui-surface); color: var(--ui-ink); box-shadow: 0 8px 24px #20231f18; font: var(--ui-text-body)/var(--ui-leading-body) var(--ui-font); }
.ssp-creator .ui-select-item{ min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border-radius: 6px; cursor: pointer; overflow-wrap: anywhere; }
.ssp-creator .ui-select-item[data-highlighted]{ background: var(--ui-surface-soft); outline: 2px solid var(--ui-focus); outline-offset: -2px; }
.ssp-creator .ui-select-item[data-disabled]{ color: var(--ui-muted); cursor: not-allowed; }
.ssp-creator .ui-checkbox-label{ display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: var(--ui-text-small); cursor: pointer; }
.ssp-creator .ui-checkbox{ width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid var(--ui-muted); background: var(--ui-surface); border-radius: 5px; }
.ssp-creator .ui-checkbox[data-checked]{ background: var(--ui-action); color: var(--ui-on-action); border-color: var(--ui-action); }
.ssp-creator .ui-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--ui-radius-pill); font-size: var(--ui-text-small); line-height: var(--ui-leading-small); font-weight: 500; max-width: 100%; }
.ssp-creator .ui-tone--neutral,.ssp-creator .ui-tone--info{ background: var(--ui-surface-soft); color: var(--ui-ink); }
.ssp-creator .ui-tone--success{ background: var(--ui-success-bg); color: var(--ui-success); }
.ssp-creator .ui-tone--warning{ background: var(--ui-warning-bg); color: var(--ui-warning); }
.ssp-creator .ui-tone--danger{ background: var(--ui-danger-bg); color: var(--ui-danger); }
.ssp-creator .ui-tone--progression{ background: var(--ui-progression-bg); color: var(--ui-progression); }
.ssp-creator .ui-card{ min-width: 0; padding: var(--ui-space-24); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.ssp-creator .ui-card--soft{ background: var(--ui-surface-soft); border-color: transparent; }
.ssp-creator .ui-card--editorial{ background: var(--ui-editorial); border-color: transparent; }
.ssp-creator .ui-density--compact{ padding: var(--ui-space-16); }
.ssp-creator .ui-shell-main{ max-width: 1440px; margin: 0 auto; padding: 32px clamp(16px,3vw,40px) 64px; }
.ssp-creator .ui-shell-main > .ui-page-header{ margin-bottom: 32px; }
.ssp-creator .ui-shell-main > .ui-notice{ margin-bottom: 24px; }
.ssp-creator .ui-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); align-items: start; gap: 24px; }
.ssp-creator .ui-grid > *{ min-width: 0; }
.ssp-creator .ui-form-stack{ display: grid; gap: 20px; margin-block: 24px; }
.ssp-creator .ui-action-row{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.ssp-creator .ui-fact-list{ margin: 0; display: grid; }
.ssp-creator .ui-fact-list > div{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--ui-border); font-size: var(--ui-text-small); }
.ssp-creator .ui-fact-list dt{ color: var(--ui-muted); }
.ssp-creator .ui-fact-list dd{ margin: 0; text-align: end; font-weight: 500; font-variant-numeric: tabular-nums; }
.ssp-creator .ui-step-list{ padding: 0; margin: 0; list-style: none; display: grid; gap: 24px; }
.ssp-creator .ui-step-list > li{ display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 12px; position: relative; }
.ssp-creator .ui-step-list > li:not(:last-child)::after{ content: ''; position: absolute; left: 13px; top: 32px; bottom: -20px; width: 1px; background: var(--ui-border); }
.ssp-creator .ui-step-marker{ display: grid; place-items: center; width: 28px; height: 28px; background: var(--ui-surface-soft); color: var(--ui-muted); border: 1px solid var(--ui-border); border-radius: 50%; font-size: var(--ui-text-caption); }
.ssp-creator .ui-step-marker--complete{ background: var(--ui-success-bg); color: var(--ui-success); }
.ssp-creator .ui-step-marker--current{ background: var(--ui-action); color: var(--ui-on-action); border-color: var(--ui-action); }
.ssp-creator .ui-step-list strong{ font-size: var(--ui-text-body); }
.ssp-creator .ui-step-status{ color: var(--ui-muted); font-size: var(--ui-text-small); margin-top: 3px !important; }
@container source-studio-creator (max-width: 479px){.ssp-creator .ui-fact-list > div{ grid-template-columns: minmax(0,1fr); gap: 4px; }
.ssp-creator .ui-fact-list dd{ text-align: start; }}
.ssp-creator .ui-text--small{ font-size: var(--ui-text-small); line-height: var(--ui-leading-small); }
.ssp-creator .ui-text--body{ font-size: var(--ui-text-body); line-height: var(--ui-leading-body); }
.ssp-creator .ui-text--card{ font-size: var(--ui-text-card); line-height: var(--ui-leading-card); }
.ssp-creator .ui-text--section{ font-size: var(--ui-text-section); line-height: var(--ui-leading-section); letter-spacing: -.035em; }
.ssp-creator .ui-text--page{ font-family: var(--ui-font-display); font-size: var(--ui-text-page); line-height: var(--ui-leading-page); letter-spacing: -.02em; }
.ssp-creator .ui-eyebrow{ color: var(--ui-muted); font-size: var(--ui-text-caption); font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.ssp-creator .ui-page-header{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 24px; }
.ssp-creator .ui-page-header > :first-child{ flex: 1 1 20rem; min-width: 0; max-width: 100%; }
.ssp-creator .ui-page-header > :not(:first-child){ flex: 0 0 auto; min-width: 0; max-width: 100%; }
.ssp-creator .ui-page-header .ssp-hero-title{ margin: 10px 0 14px; font-family: var(--ui-font-display); font-size: clamp(2rem,3.4vw,var(--ui-text-page)); line-height: var(--ui-leading-page); letter-spacing: -.02em; font-weight: 600; max-width: 760px; }
.ssp-creator .ui-page-header p{ max-width: 660px; }
.ssp-creator .ui-notice{ padding: 18px; display: flex; align-items: flex-start; gap: 12px; border-radius: var(--ui-radius-control); font-size: var(--ui-text-small); }
.ssp-creator .ui-notice > .ui-icon{ margin-top: 2px; }
.ssp-creator .ui-notice-body{ margin-top: 4px; }
.ssp-creator .ui-notice-action{ margin-top: 12px; }
.ssp-creator .ui-empty{ display: grid; justify-items: center; gap: 16px; padding: 48px 24px; border: 1px dashed var(--ui-muted); border-radius: var(--ui-radius-card); text-align: center; }
.ssp-creator .ui-empty h2{ font-size: var(--ui-text-card); }
.ssp-creator .ui-empty p{ max-width: 440px; }
.ssp-creator .ui-empty-icon{ padding: 18px; background: var(--ui-surface-soft); border-radius: 50%; }
.ssp-creator .ui-skeleton{ height: 190px; border-radius: var(--ui-radius-card); background: var(--ui-surface-soft); animation: ui-pulse 1.5s ease-in-out infinite alternate; }
.ssp-creator .ui-skeleton--line{ height: 20px; margin-top: 16px; }
.ssp-creator .ui-skeleton--short{ width: 65%; }
.ssp-creator .ui-wordmark{ display: inline-flex; align-items: center; gap: 10px; color: var(--ui-ink) !important; font-family: var(--ui-font-display); font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.025em; text-decoration: none; }
.ssp-creator .ui-brand-symbol{ flex: none; }
.ssp-creator .ui-locale{ display: inline-flex; padding: 4px; gap: 2px; background: var(--ui-surface-soft); border-radius: var(--ui-radius-control); }
.ssp-creator .ui-locale button{ min-height: 44px; padding: 6px 12px; border: 0; border-radius: 7px; color: var(--ui-muted); background: transparent; cursor: pointer; font-size: var(--ui-text-small); }
.ssp-creator .ui-locale button[aria-pressed=true]{ color: var(--ui-ink); background: var(--ui-surface); }
.ssp-creator .ui-dialog-backdrop{ position: fixed; inset: 0; background: #20231f80; z-index: 60; }
.ssp-creator .ui-dialog{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: calc(100dvh - 32px); overflow: auto; width: min(520px,calc(100vw - 32px)); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); color: var(--ui-ink); padding: 28px; z-index: 61; font: var(--ui-text-body)/var(--ui-leading-body) var(--ui-font); }
.ssp-creator .ui-dialog-title{ margin: 0 0 12px; font-size: var(--ui-text-section); line-height: var(--ui-leading-section); letter-spacing: -.03em; }
.ssp-creator .ui-dialog-body{ margin: 24px 0; }
@container source-studio-creator (max-width: 639px){.ssp-creator .ui-page-header{ flex-direction: column; }
.ssp-creator .ui-page-header > :first-child{ flex-basis: auto; }
.ssp-creator .ui-card{ padding: var(--ui-space-16); }}
@media (prefers-reduced-motion: reduce){.ssp-creator .ui-root *,.ssp-creator .ui-dialog *,.ssp-creator .ui-select-popup *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }}
@media (forced-colors: active){.ssp-creator .ui-checkbox[data-checked]{ background: Highlight; }
.ssp-creator .ui-badge,.ssp-creator .ui-notice,.ssp-creator .ui-locale button[aria-pressed=true]{ border: 1px solid CanvasText; }}
.ssp-creator .ui-sheet,.ssp-creator .ui-drawer,.ssp-creator .ui-menu{ box-sizing: border-box; background: var(--ui-surface); color: var(--ui-ink); font: var(--ui-text-body)/var(--ui-leading-body) var(--ui-font); box-shadow: 0 24px 80px color-mix(in srgb,var(--ui-ink) 18%,transparent); }
.ssp-creator .ui-sheet *,.ssp-creator .ui-drawer *,.ssp-creator .ui-menu *{ box-sizing: border-box; }
.ssp-creator .ui-sheet :where(button,input,textarea),.ssp-creator .ui-drawer :where(button,input,textarea),.ssp-creator .ui-menu button{ font: inherit; }
.ssp-creator .ui-sheet :focus-visible,.ssp-creator .ui-drawer :focus-visible,.ssp-creator .ui-menu :focus-visible{ outline: 2px solid var(--ui-focus); outline-offset: 3px; }
.ssp-creator .ui-sheet :where(h2,p),.ssp-creator .ui-drawer :where(h2,p){ margin: 0; overflow-wrap: anywhere; }
.ssp-creator .ui-sheet{ position: fixed; z-index: 61; inset-block: 0; width: min(440px,calc(100vw - 24px)); display: flex; flex-direction: column; border: 1px solid var(--ui-border); padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); transition: transform 180ms ease; }
.ssp-creator .ui-sheet--right{ right: 0; border-radius: 24px 0 0 24px; }
.ssp-creator .ui-sheet--left{ left: 0; border-radius: 0 24px 24px 0; }
.ssp-creator .ui-sheet--right[data-starting-style],.ssp-creator .ui-sheet--right[data-ending-style]{ transform: translateX(100%); }
.ssp-creator .ui-sheet--left[data-starting-style],.ssp-creator .ui-sheet--left[data-ending-style]{ transform: translateX(-100%); }
.ssp-creator .ui-overlay-header{ display: flex; align-items: flex-start; justify-content: space-between; flex: none; gap: 16px; padding: 24px; border-bottom: 1px solid var(--ui-border); }
.ssp-creator .ui-overlay-title{ font-size: var(--ui-text-card); line-height: var(--ui-leading-card); letter-spacing: -.025em; font-weight: 600; }
.ssp-creator .ui-overlay-description{ margin-top: 8px !important; color: var(--ui-muted); font-size: var(--ui-text-small); line-height: var(--ui-leading-small); }
.ssp-creator .ui-overlay-body{ min-height: 0; padding: 24px; overflow-y: auto; overscroll-behavior: contain; }
.ssp-creator .ui-icon-button{ width: 48px; height: 48px; flex: none; display: inline-grid; place-items: center; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-control); background: var(--ui-surface); color: var(--ui-ink); cursor: pointer; touch-action: manipulation; }
.ssp-creator .ui-icon-button:hover{ background: var(--ui-surface-soft); }
.ssp-creator .ui-icon-button svg{ width: 18px; height: 18px; }
.ssp-creator .ui-drawer-viewport{ position: fixed; z-index: 61; inset: 0; display: flex; align-items: flex-end; justify-content: center; }
.ssp-creator .ui-drawer{ width: min(640px,100%); max-height: calc(100dvh - max(24px,env(safe-area-inset-top))); display: flex; flex-direction: column; border: 1px solid var(--ui-border); border-bottom: 0; border-radius: 24px 24px 0 0; padding-bottom: env(safe-area-inset-bottom); transform: translateY(var(--drawer-swipe-movement-y,0px)); transition: transform 180ms ease; }
.ssp-creator .ui-drawer[data-starting-style],.ssp-creator .ui-drawer[data-ending-style]{ transform: translateY(100%); }
.ssp-creator .ui-drawer[data-swiping]{ transition: none; }
.ssp-creator .ui-drawer-handle{ width: 40px; height: 4px; flex: none; margin: 12px auto 0; border-radius: var(--ui-radius-pill); background: var(--ui-border); }
.ssp-creator .ui-drawer .ui-overlay-header{ padding-top: 16px; }
.ssp-creator .ui-menu-positioner{ z-index: 70; outline: none; }
.ssp-creator .ui-menu{ min-width: min(224px,calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: var(--available-height); overflow-y: auto; border: 1px solid var(--ui-border); border-radius: 16px; padding: 6px; transform-origin: var(--transform-origin); transition: opacity 120ms ease,transform 120ms ease; }
.ssp-creator .ui-menu[data-starting-style],.ssp-creator .ui-menu[data-ending-style]{ opacity: 0; transform: translateY(-4px); }
.ssp-creator .ui-menu-item{ display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 12px; border-radius: 10px; color: var(--ui-ink); font-size: var(--ui-text-small); text-decoration: none; cursor: pointer; overflow-wrap: anywhere; }
.ssp-creator .ui-menu-item svg{ width: 18px; height: 18px; flex: none; }
.ssp-creator .ui-menu-item[data-highlighted]{ outline: none; background: var(--ui-surface-soft); }
.ssp-creator .ui-menu-item[data-disabled]{ color: var(--ui-muted); cursor: not-allowed; }
.ssp-creator .ui-menu-label{ padding: 10px 12px 6px; color: var(--ui-muted); font-size: var(--ui-text-caption); font-weight: 600; }
.ssp-creator .ui-separator{ border: 0; height: 1px; background: var(--ui-border); margin: 8px 0; flex: none; }
.ssp-creator .ui-sidebar{ min-width: 0; width: 240px; display: flex; flex-direction: column; gap: 8px; background: var(--ui-surface); border-right: 1px solid var(--ui-border); }
.ssp-creator .ui-sidebar-header{ padding: 28px 24px 20px; }
.ssp-creator .ui-sidebar-content{ display: flex; flex-direction: column; gap: 24px; flex: 1; min-height: 0; padding: 8px 16px; overflow-y: auto; overscroll-behavior: contain; }
.ssp-creator .ui-sidebar-footer{ padding: 16px; border-top: 1px solid var(--ui-border); }
.ssp-creator .ui-sidebar-group{ display: flex; flex-direction: column; gap: 8px; }
.ssp-creator .ui-sidebar-group-label{ padding: 0 12px; color: var(--ui-muted); font-size: var(--ui-text-caption); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.ssp-creator .ui-sidebar-menu{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.ssp-creator .ui-sidebar-menu-item{ min-width: 0; }
.ssp-creator .ui-sidebar-menu-button{ width: 100%; min-height: 48px; display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--ui-muted) !important; font: 500 var(--ui-text-small)/var(--ui-leading-small) var(--ui-font); text-decoration: none; text-align: start; cursor: pointer; overflow-wrap: anywhere; }
.ssp-creator .ui-sidebar-menu-button:hover{ background: var(--ui-surface-soft); color: var(--ui-ink) !important; }
.ssp-creator .ui-sidebar-menu-button[data-active]{ background: var(--ui-surface-soft); color: var(--ui-action) !important; border-color: var(--ui-border); font-weight: 650; }
.ssp-creator .ui-sidebar-menu-button svg{ width: 20px; height: 20px; flex: none; }
.ssp-creator .ui-sidebar-inset{ min-width: 0; flex: 1; }
.ssp-creator .ui-field-group{ display: flex; flex-direction: column; gap: 24px; }
.ssp-creator .ui-field-set{ min-width: 0; margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 20px; }
.ssp-creator .ui-field-legend{ padding: 0; margin-bottom: 16px; font-size: var(--ui-text-card); line-height: var(--ui-leading-card); font-weight: 600; letter-spacing: -.02em; }
.ssp-creator .ui-field--horizontal{ display: flex; align-items: flex-start; gap: 12px; }
.ssp-creator .ui-field[data-invalid] > .ui-label{ color: var(--ui-danger); }
.ssp-creator .ui-field[data-disabled]{ color: var(--ui-muted); }
.ssp-creator .ui-progress{ display: flex; flex-direction: column; gap: 10px; }
.ssp-creator .ui-progress-heading{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: var(--ui-text-small); color: var(--ui-muted); }
.ssp-creator .ui-progress-track{ height: 6px; overflow: hidden; border-radius: var(--ui-radius-pill); background: var(--ui-surface-soft); }
.ssp-creator .ui-progress-indicator{ height: 100%; background: var(--ui-action); border-radius: inherit; transition: width 180ms ease; }
.ssp-creator .ui-toggle-group{ display: flex; flex-wrap: wrap; gap: 6px; padding: 5px; border: 1px solid var(--ui-border); border-radius: 14px; background: var(--ui-surface-soft); }
.ssp-creator .ui-toggle-item{ min-height: 48px; flex: 1; padding: 10px 16px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--ui-muted); font: 600 var(--ui-text-small)/var(--ui-leading-small) var(--ui-font); cursor: pointer; }
.ssp-creator .ui-toggle-item[data-pressed]{ background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-border); box-shadow: 0 2px 4px color-mix(in srgb,var(--ui-ink) 4%,transparent); }
.ssp-creator .ui-toggle-item:disabled{ cursor: not-allowed; opacity: .65; }
.ssp-creator .ui-card-header{ display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.ssp-creator .ui-card-title{ font-size: var(--ui-text-card); line-height: var(--ui-leading-card); font-weight: 600; letter-spacing: -.025em; }
.ssp-creator .ui-card-description{ color: var(--ui-muted); font-size: var(--ui-text-small); line-height: var(--ui-leading-small); }
.ssp-creator .ui-card-content{ min-width: 0; }
.ssp-creator .ui-card-footer{ display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--ui-border); }
.ssp-creator .ui-skeleton-layout{ display: flex; flex-direction: column; gap: 16px; }
.ssp-creator .ui-skeleton-layout .ui-skeleton--line{ margin-top: 0; }
.ssp-creator .ui-skeleton-layout--form .ui-skeleton{ height: 48px; border-radius: var(--ui-radius-control); }
.ssp-creator .ui-skeleton-layout--list .ui-skeleton{ height: 64px; border-radius: var(--ui-radius-control); }
@container source-studio-creator (max-width: 479px){.ssp-creator .ui-overlay-header,.ssp-creator .ui-overlay-body{ padding: 20px 16px; }}
@media (prefers-reduced-motion: reduce){.ssp-creator .ui-sheet,.ssp-creator .ui-drawer,.ssp-creator .ui-menu,.ssp-creator .ui-progress-indicator,.ssp-creator .ui-sheet *,.ssp-creator .ui-drawer *,.ssp-creator .ui-menu *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }}
@media (forced-colors: active){.ssp-creator .ui-sidebar-menu-button[data-active],.ssp-creator .ui-toggle-item[data-pressed],.ssp-creator .ui-menu-item[data-highlighted]{ outline: 1px solid Highlight; }
.ssp-creator .ui-progress-indicator{ background: Highlight; }}
.ssp-creator .ui-sheet .ui-overlay-header,.ssp-creator .ui-sheet .ui-overlay-body,.ssp-creator .ui-drawer .ui-overlay-header,.ssp-creator .ui-drawer .ui-overlay-body{ padding-left: max(24px,env(safe-area-inset-left)); padding-right: max(24px,env(safe-area-inset-right)); }
@container source-studio-creator (max-width:479px){.ssp-creator .ui-sheet .ui-overlay-header,.ssp-creator .ui-sheet .ui-overlay-body,.ssp-creator .ui-drawer .ui-overlay-header,.ssp-creator .ui-drawer .ui-overlay-body{ padding-left: max(16px,env(safe-area-inset-left)); padding-right: max(16px,env(safe-area-inset-right)); }}
.ssp-creator body.ui-root{ position: relative; }
@supports (-webkit-touch-callout: none){.ssp-creator body.ui-root .ui-dialog-backdrop{ position: absolute; }}
.ssp-creator .ui-collapsible-trigger{ width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 0; border-radius: var(--ui-radius-control); background: transparent; color: var(--ui-muted); text-align: start; font: 600 var(--ui-text-small)/var(--ui-leading-small) var(--ui-font); cursor: pointer; }
.ssp-creator .ui-collapsible-trigger:hover{ background: var(--ui-surface-soft); color: var(--ui-ink); }
.ssp-creator .ui-collapsible-trigger:disabled{ cursor: not-allowed; }
.ssp-creator .ui-collapsible-chevron{ width: 16px; height: 16px; flex: none; transition: transform 180ms ease; }
.ssp-creator .ui-collapsible-trigger[data-panel-open] .ui-collapsible-chevron{ transform: rotate(180deg); }
.ssp-creator .ui-collapsible-content{ overflow: hidden; height: var(--collapsible-panel-height); transition: height 180ms ease; }
.ssp-creator .ui-collapsible-content[data-starting-style],.ssp-creator .ui-collapsible-content[data-ending-style]{ height: 0; }
@media (prefers-reduced-motion: reduce){.ssp-creator .ui-collapsible-chevron,.ssp-creator .ui-collapsible-content{ transition: none !important; }}
.ssp-creator .ui-link-button{ display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: var(--ui-action-strong); font: inherit; font-size: var(--ui-text-small); font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.ssp-creator .ui-coverage{ gap: 8px; }
.ssp-creator .ui-coverage-meter{ display: inline-block; width: 28px; height: 6px; border-radius: 3px; background: color-mix(in srgb, currentColor 18%, transparent); overflow: hidden; }
.ssp-creator .ui-coverage-meter > span{ display: block; height: 100%; background: currentColor; }
.ssp-creator .ui-freshness{ display: inline-flex; align-items: center; gap: 6px; color: var(--ui-muted); font-size: var(--ui-text-caption); line-height: var(--ui-leading-caption); }
.ssp-creator .ui-freshness--stale{ color: var(--ui-warning); }
.ssp-creator .ui-metric-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 16px; }
.ssp-creator .ui-metric-card{ position: relative; min-width: 0; display: grid; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.ssp-creator .ui-metric-card--selected{ border-color: var(--ui-action); background: var(--ui-action-soft); box-shadow: inset 0 0 0 1px var(--ui-action); }
.ssp-creator .ui-metric-select,.ssp-creator .ui-metric-static{ display: grid; gap: 6px; align-content: start; width: 100%; padding: 20px; border: 0; background: none; color: inherit; font: inherit; text-align: start; border-radius: inherit; }
.ssp-creator .ui-metric-select{ cursor: pointer; }
.ssp-creator .ui-metric-definition{ margin: -12px 20px 12px; justify-self: start; }
.ssp-creator .ui-metric-label{ color: var(--ui-muted); font-size: var(--ui-text-small); font-weight: 500; }
.ssp-creator .ui-metric-value{ font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.15; font-weight: 650; letter-spacing: -.02em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ssp-creator .ui-metric-value--missing{ font-size: var(--ui-text-body); line-height: var(--ui-leading-body); font-weight: 600; color: var(--ui-muted); }
.ssp-creator .ui-metric-unit{ font-size: var(--ui-text-small); font-weight: 500; color: var(--ui-muted); }
.ssp-creator .ui-metric-context{ color: var(--ui-muted); font-size: var(--ui-text-caption); line-height: var(--ui-leading-caption); }
.ssp-creator .ui-metric-meta{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ssp-creator .ui-metric-meta .ui-badge{ font-size: var(--ui-text-caption); padding: 3px 8px; }
.ssp-creator .ui-filter-bar{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; padding: 16px 20px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.ssp-creator .ui-filter-fields{ display: flex; flex-wrap: wrap; gap: 12px; flex: 1 1 420px; min-width: 0; }
.ssp-creator .ui-filter-field{ flex: 1 1 150px; max-width: 240px; }
.ssp-creator .ui-filter-actions{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ssp-creator .ui-filter-summary{ flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--ui-muted); font-size: var(--ui-text-caption); }
.ssp-creator .ui-native-select{ appearance: auto; cursor: pointer; }
.ssp-creator .ui-chart{ margin: 0; display: grid; gap: 12px; min-width: 0; }
.ssp-creator .ui-chart-heading{ display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.ssp-creator .ui-chart-heading h3{ margin: 0 0 4px; font-size: var(--ui-text-card); line-height: var(--ui-leading-card); }
.ssp-creator .ui-chart-heading p{ font-size: var(--ui-text-small); }
.ssp-creator .ui-chart-svg{ width: 100%; height: clamp(180px, 28vw, 260px); overflow: visible; }
.ssp-creator .ui-chart-grid{ stroke: var(--ui-border); stroke-dasharray: 3 4; }
.ssp-creator .ui-chart-tick{ fill: var(--ui-muted); font-size: 12px; font-family: var(--ui-font); }
.ssp-creator .ui-chart-line{ fill: none; stroke: var(--ui-action); stroke-width: 2.5; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.ssp-creator .ui-chart-point{ fill: var(--ui-surface); stroke: var(--ui-action); stroke-width: 2; vector-effect: non-scaling-stroke; }
.ssp-creator .ui-chart-correction{ fill: var(--ui-warning-bg); stroke: var(--ui-warning); stroke-width: 2; vector-effect: non-scaling-stroke; }
.ssp-creator .ui-series--1 .ui-chart-line,.ssp-creator .ui-series--1 .ui-chart-point{ stroke: var(--ui-progression); }
.ssp-creator .ui-series--1 .ui-chart-line{ stroke-dasharray: 8 5; }
.ssp-creator .ui-series--2 .ui-chart-line,.ssp-creator .ui-series--2 .ui-chart-point{ stroke: var(--ui-ink); }
.ssp-creator .ui-series--2 .ui-chart-line{ stroke-dasharray: 2 4; }
.ssp-creator .ui-series--3 .ui-chart-line,.ssp-creator .ui-series--3 .ui-chart-point{ stroke: var(--ui-success); }
.ssp-creator .ui-series--3 .ui-chart-line{ stroke-dasharray: 12 4 2 4; }
.ssp-creator .ui-chart-legend{ display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; list-style: none; font-size: var(--ui-text-small); }
.ssp-creator .ui-chart-legend li{ display: inline-flex; align-items: center; gap: 8px; }
.ssp-creator .ui-series-key{ width: 24px; height: 0; border-top: 3px solid var(--ui-action); }
.ssp-creator .ui-series-key.ui-series--1{ border-top: 3px dashed var(--ui-progression); }
.ssp-creator .ui-series-key.ui-series--2{ border-top: 3px dotted var(--ui-ink); }
.ssp-creator .ui-series-key.ui-series--3{ border-top: 3px double var(--ui-success); }
.ssp-creator .ui-chart-empty,.ssp-creator .ui-record-empty{ padding: 24px; border: 1px dashed var(--ui-control-border); border-radius: var(--ui-radius-control); color: var(--ui-muted); text-align: center; }
.ssp-creator .ui-chart-data summary{ min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--ui-action-strong); font-size: var(--ui-text-small); font-weight: 600; }
.ssp-creator .ui-table-scroll{ overflow-x: auto; max-width: 100%; }
.ssp-creator .ui-data-table{ width: 100%; border-collapse: collapse; font-size: var(--ui-text-small); font-variant-numeric: tabular-nums; }
.ssp-creator .ui-data-table th,.ssp-creator .ui-data-table td{ padding: 12px; text-align: start; vertical-align: top; border-bottom: 1px solid var(--ui-border); }
.ssp-creator .ui-data-table thead th{ color: var(--ui-muted); font-weight: 600; font-size: var(--ui-text-caption); white-space: nowrap; }
.ssp-creator .ui-data-table tbody th{ font-weight: 600; }
.ssp-creator .ui-data-table .ui-numeric{ text-align: end; }
.ssp-creator .ui-record-table{ min-width: 0; }
.ssp-creator .ui-record-frame{ min-width: 0; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); overflow-x: auto; }
.ssp-creator .ui-record-caption{ caption-side: top; padding: 16px 12px 4px; text-align: start; font-weight: 600; }
.ssp-creator .ui-record-table{ container-type: inline-size; }
@container (max-width: 640px){.ssp-creator .ui-data-table--records caption.ui-record-caption{ display: block; width: 100%; padding-inline: 0; }
.ssp-creator .ui-record-frame{ border: 0; background: transparent; overflow: visible; }
.ssp-creator .ui-data-table--records,.ssp-creator .ui-data-table--records tbody,.ssp-creator .ui-data-table--records tr,.ssp-creator .ui-data-table--records th,.ssp-creator .ui-data-table--records td{ display: block; width: 100%; }
.ssp-creator .ui-data-table--records thead{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.ssp-creator .ui-data-table--records tr{ margin-bottom: 12px; padding: 4px 16px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.ssp-creator .ui-data-table--records th,.ssp-creator .ui-data-table--records td{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 12px; padding: 10px 0; text-align: start !important; }
.ssp-creator .ui-data-table--records tr > :last-child{ border-bottom: 0; }
.ssp-creator .ui-data-table--records [data-label]::before{ content: attr(data-label); color: var(--ui-muted); font-weight: 500; font-size: var(--ui-text-caption); }}
@container source-studio-creator (max-width: 767px){.ssp-creator .ui-filter-field{ max-width: none; flex-basis: calc(50% - 6px); }}
.ssp-creator .ui-view-nav{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding-bottom: 12px; border-bottom: 1px solid var(--ui-border); }
.ssp-creator .ui-view-nav ul{ display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.ssp-creator .ui-view-nav a{ display: inline-flex; align-items: center; min-height: 40px; padding: 8px 12px; border-radius: var(--ui-radius-control); color: var(--ui-muted); font-size: var(--ui-text-small); font-weight: 500; text-decoration: none; }
.ssp-creator .ui-view-nav a:hover{ color: var(--ui-ink); background: var(--ui-surface-soft); }
.ssp-creator .ui-view-nav a[aria-current=page]{ color: var(--ui-action-strong); background: var(--ui-action-soft); font-weight: 600; }
.ssp-creator .ui-view-more{ position: relative; }
.ssp-creator .ui-view-more summary{ display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-control); background: var(--ui-surface); cursor: pointer; font-size: var(--ui-text-small); }
.ssp-creator .ui-view-more[open] ul{ position: absolute; right: 0; z-index: 20; display: grid; min-width: 220px; margin-top: 6px; padding: 6px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-control); background: var(--ui-surface); box-shadow: 0 16px 40px color-mix(in srgb, var(--ui-ink) 14%, transparent); }
@container source-studio-creator (max-width: 639px){.ssp-creator .ui-view-more[open] ul{ left: 0; right: auto; }}
.ssp-creator .ui-setup-progress{ display: grid; gap: 12px; padding: 20px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.ssp-creator .ui-setup-heading{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: var(--ui-text-small); }
.ssp-creator .ui-setup-progress .ui-progress-track{ height: 6px; border-radius: 3px; background: var(--ui-surface-soft); overflow: hidden; }
.ssp-creator .ui-setup-progress .ui-progress-indicator{ height: 100%; background: var(--ui-action); border-radius: inherit; }
.ssp-creator .ui-setup-steps{ display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; list-style: none; font-size: var(--ui-text-caption); color: var(--ui-muted); }
.ssp-creator .ui-setup-steps a{ color: inherit; }
.ssp-creator .ui-setup-steps [data-state=current]{ color: var(--ui-action-strong); font-weight: 600; }
.ssp-creator .ui-setup-steps [data-state=complete]{ color: var(--ui-ink); }
.ssp-creator .ui-setup-steps [data-state=skipped]{ text-decoration: line-through; }
.ssp-creator .ui-setup-steps [data-state=blocked]{ color: var(--ui-warning); }
.ssp-creator .ui-choice-cards{ display: grid; gap: 12px; margin: 0; padding: 0; border: 0; min-width: 0; }
.ssp-creator .ui-field-legend{ padding: 0; margin-bottom: 4px; font-weight: 600; }
.ssp-creator .ui-choice-card{ display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; padding: 18px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); cursor: pointer; }
.ssp-creator .ui-choice-card[data-checked]{ border-color: var(--ui-action); background: var(--ui-action-soft); }
.ssp-creator .ui-choice-card input{ width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--ui-action); }
.ssp-creator .ui-choice-card strong{ display: block; }
.ssp-creator .ui-choice-card:has(input:focus-visible){ outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ssp-creator .ui-checklist{ display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.ssp-creator .ui-checklist > li{ display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--ui-border); }
.ssp-creator .ui-checklist > li:last-child{ border-bottom: 0; }
.ssp-creator .ui-checklist-icon{ display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ui-surface-soft); color: var(--ui-muted); }
.ssp-creator .ui-checklist-icon--done{ background: var(--ui-success-bg); color: var(--ui-success); }
.ssp-creator .ui-checklist-icon--required,.ssp-creator .ui-checklist-icon--blocked{ background: var(--ui-warning-bg); color: var(--ui-warning); }
.ssp-creator .ui-checklist-title{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; }
.ssp-creator .ui-checklist-state{ color: var(--ui-muted); font-size: var(--ui-text-small); }
.ssp-creator .ui-checklist-action{ margin-top: 8px; }
.ssp-creator .ui-value-preview{ display: grid; gap: 6px; padding: 14px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-control); background: var(--ui-surface-soft); }
.ssp-creator .ui-value-preview code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--ui-text-small); overflow-wrap: anywhere; word-break: break-all; }
.ssp-creator .ui-section-title{ font-family: var(--ui-font-display); font-size: var(--ui-text-section); line-height: var(--ui-leading-section); font-weight: 600; letter-spacing: -.015em; }
@media (forced-colors: active){.ssp-creator .ui-metric-card--selected,.ssp-creator .ui-choice-card[data-checked]{ outline: 2px solid Highlight; }
.ssp-creator .ui-chart-line{ stroke: CanvasText; }}
.ssp-creator .ui-editorial-title{ margin: 0; font-family: var(--ui-font-display); font-weight: 600; letter-spacing: -.03em; color: var(--ui-ink); overflow-wrap: anywhere; }
.ssp-creator .ui-editorial-title em{ font-style: italic; color: var(--ui-action); font-weight: 500; }
.ssp-creator .ui-editorial-title--display{ font-size: clamp(2.5rem, 6vw, var(--ui-text-display)); line-height: var(--ui-leading-display); }
.ssp-creator .ui-editorial-title--page{ font-size: clamp(2rem, 3.4vw, var(--ui-text-page)); line-height: var(--ui-leading-page); }
.ssp-creator .ui-editorial-title--section{ font-size: clamp(1.5rem, 2.4vw, var(--ui-text-section)); line-height: var(--ui-leading-section); }
.ssp-creator .ui-page-header .ssp-hero-title em,.ssp-creator .ui-section-title em{ font-style: italic; color: var(--ui-action); font-weight: 500; }
.ssp-creator .ui-media-frame{ position: relative; display: block; width: 100%; overflow: hidden; background: var(--ui-surface-soft); }
.ssp-creator .ui-media-frame img{ display: block; width: 100%; height: 100%; }
.ssp-creator .ui-media-frame--media{ border-radius: 12px; }
.ssp-creator .ui-media-frame--editorial{ border-radius: var(--ui-radius-editorial); }
.ssp-creator .ui-paper-note{ margin: 0; max-width: 16ch; padding: 10px 14px; font-family: var(--ui-font-note); font-size: 1.15rem; line-height: 1.25; color: var(--ui-ink); background: #FFFDF8; border-radius: 4px; box-shadow: 0 10px 24px -14px #11182766; }
.ssp-creator .ui-paper-note--peach{ background: var(--ui-editorial); }
.ssp-creator .ui-paper-note--sand{ background: var(--ui-sand); }
.ssp-creator .ui-paper-note--lavender{ background: var(--ui-progression-bg); }
.ssp-creator .ui-eyebrow{ margin: 0; font-size: var(--ui-text-caption); line-height: var(--ui-leading-caption); letter-spacing: .14em; text-transform: uppercase; color: var(--ui-muted); font-weight: 600; }
.ssp-creator .ui-editorial-hero{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
.ssp-creator .ui-editorial-hero-copy{ display: grid; gap: 22px; align-content: start; }
.ssp-creator .ui-editorial-hero-lead{ margin: 0; max-width: 34rem; font-size: 1.125rem; line-height: 1.6; color: var(--ui-muted); }
.ssp-creator .ui-editorial-hero-media{ position: relative; padding: 0 0 40px 48px; }
.ssp-creator .ui-polaroid{ position: absolute; left: 0; bottom: 0; width: clamp(140px, 34%, 220px); margin: 0; padding: 10px 10px 34px; background: #fff; border-radius: 4px; box-shadow: 0 18px 40px -20px #11182780; rotate: -5deg; }
.ssp-creator .ui-polaroid figcaption{ position: absolute; left: 12px; right: 12px; bottom: 6px; font-family: var(--ui-font-note); font-size: 1rem; line-height: 1.1; color: var(--ui-ink); }
.ssp-creator .ui-editorial-hero-note{ position: absolute; right: -6px; top: 18px; }
.ssp-creator .ui-photo-story{ display: grid; gap: 20px; }
.ssp-creator .ui-stat-row{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 16px; }
.ssp-creator .ui-stat{ display: grid; gap: 2px; align-content: start; min-width: 0; padding: 18px 20px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); color: inherit; text-decoration: none; }
.ssp-creator a.ui-stat:hover{ border-color: var(--ui-action); }
.ssp-creator .ui-stat-value{ font-family: var(--ui-font-display); font-size: 1.75rem; line-height: 1.15; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ssp-creator .ui-stat-label{ font-size: var(--ui-text-small); color: var(--ui-muted); }
.ssp-creator .ui-stat-hint{ font-size: var(--ui-text-caption); color: var(--ui-muted); }
.ssp-creator .ui-level-card{ display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: var(--ui-radius-card); background: var(--ui-progression-bg); min-width: 0; }
.ssp-creator .ui-level-badge{ flex: none; }
.ssp-creator .ui-level-copy{ display: grid; gap: 4px; min-width: 0; flex: 1; }
.ssp-creator .ui-level-copy > strong{ font-family: var(--ui-font-display); font-size: 1.25rem; line-height: 1.2; }
.ssp-creator .ui-level-copy > span:not([class]){ color: var(--ui-muted); font-size: var(--ui-text-small); }
.ssp-creator .ui-level-meter{ display: block; height: 6px; border-radius: 3px; background: #FFFFFFB3; overflow: hidden; }
.ssp-creator .ui-level-meter > span{ display: block; height: 100%; border-radius: inherit; background: var(--ui-progression); }
.ssp-creator .ui-level-count{ font-size: var(--ui-text-caption); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ssp-creator .ui-section-header{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.ssp-creator .ui-section-header-title{ margin: 0; font-size: var(--ui-text-card); line-height: var(--ui-leading-card); font-weight: 600; }
.ssp-creator .ui-section-header-link{ font-size: var(--ui-text-small); font-weight: 600; white-space: nowrap; }
.ssp-creator .ui-learning-row{ display: grid; grid-template-columns: 96px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 10px; border-radius: var(--ui-radius-card); color: inherit; text-decoration: none; min-height: 44px; }
.ssp-creator a.ui-learning-row:hover{ background: var(--ui-surface-soft); }
.ssp-creator .ui-learning-thumb{ width: 96px; }
.ssp-creator .ui-learning-thumb--empty{ display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: 12px; background: var(--ui-editorial); color: var(--ui-ink); }
.ssp-creator .ui-learning-copy{ display: grid; gap: 2px; min-width: 0; }
.ssp-creator .ui-learning-copy > span{ color: var(--ui-muted); font-size: var(--ui-text-small); }
.ssp-creator .ui-bottom-nav{ display: none; }
@container source-studio-creator (max-width: 767px){.ssp-creator .ui-bottom-nav{ display: block; position: fixed; inset: auto 0 0 0; z-index: 40; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: #FFFFFFF2; border-top: 1px solid var(--ui-border); backdrop-filter: blur(8px); }
.ssp-creator .ui-bottom-nav ul{ display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; margin: 0; padding: 0; list-style: none; }
.ssp-creator .ui-bottom-nav a{ position: relative; display: grid; justify-items: center; gap: 2px; min-height: 52px; padding: 6px 2px; color: var(--ui-muted); font-size: 11px; line-height: 1.2; text-decoration: none; text-align: center; }
.ssp-creator .ui-bottom-nav a[aria-current=page]{ color: var(--ui-action); font-weight: 600; }
.ssp-creator .ui-bottom-nav-badge{ position: absolute; top: 2px; left: calc(50% + 6px); min-width: 18px; padding: 0 5px; border-radius: 9px; background: var(--ui-action); color: var(--ui-on-action); font-size: 10px; line-height: 18px; }
.ssp-creator .ui-has-bottom-nav{ padding-bottom: calc(76px + env(safe-area-inset-bottom)); }}
.ssp-creator .ui-brand-identity{ display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.ssp-creator .ui-brand-identity-mark{ flex: none; width: 40px; height: 40px; border-radius: 10px; background: var(--ui-surface); border: 1px solid var(--ui-border); }
.ssp-creator .ui-brand-identity-mark--monogram{ display: grid; place-items: center; background: var(--ui-sand); border-color: transparent; color: var(--ui-ink); font-weight: 700; font-size: var(--ui-text-small); letter-spacing: .02em; }
.ssp-creator .ui-brand-identity-copy{ display: grid; min-width: 0; }
.ssp-creator .ui-brand-identity-copy > strong{ font-size: var(--ui-text-small); overflow-wrap: anywhere; }
.ssp-creator .ui-brand-identity-copy > span{ font-size: var(--ui-text-caption); color: var(--ui-muted); }
.ssp-creator .ui-opportunity-card{ position: relative; display: grid; gap: 14px; align-content: start; min-width: 0; padding: 20px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.ssp-creator .ui-opportunity-card:has(.ui-opportunity-title a:hover){ border-color: var(--ui-action); }
.ssp-creator .ui-opportunity-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ssp-creator .ui-opportunity-head-end{ display: flex; align-items: center; gap: 8px; flex: none; }
.ssp-creator .ui-opportunity-title{ margin: 0; font-family: var(--ui-font-display); font-size: 1.375rem; line-height: 1.2; font-weight: 600; letter-spacing: -.015em; overflow-wrap: anywhere; }
.ssp-creator .ui-opportunity-title a{ color: var(--ui-ink); text-decoration: none; }
.ssp-creator .ui-opportunity-title a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.ssp-creator .ui-opportunity-pay{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; }
.ssp-creator .ui-opportunity-pay strong{ font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.ssp-creator .ui-opportunity-pay span{ color: var(--ui-muted); font-size: var(--ui-text-small); }
.ssp-creator .ui-opportunity-facts{ display: grid; gap: 8px; margin: 0; }
.ssp-creator .ui-opportunity-facts > div{ display: grid; grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr); gap: 10px; font-size: var(--ui-text-small); }
.ssp-creator .ui-opportunity-facts dt{ display: inline-flex; align-items: center; gap: 6px; color: var(--ui-muted); }
.ssp-creator .ui-opportunity-facts dd{ margin: 0; overflow-wrap: anywhere; }
.ssp-creator .ui-opportunity-foot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid var(--ui-border); }
.ssp-creator .ui-opportunity-deadline{ display: inline-flex; align-items: center; gap: 6px; color: var(--ui-muted); font-size: var(--ui-text-small); }
@container source-studio-creator (max-width: 479px){.ssp-creator .ui-opportunity-facts > div{ grid-template-columns: minmax(0, 1fr); gap: 0; }}
.ssp-creator .ui-money,.ssp-creator .ui-rights,.ssp-creator .ui-feedback{ display: grid; gap: 12px; min-width: 0; }
.ssp-creator .ui-money-head,.ssp-creator .ui-feedback > header{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.ssp-creator :is(.ui-money, .ui-rights, .ui-feedback) h3{ margin: 0; font-size: var(--ui-text-body); font-weight: 600; }
.ssp-creator .ui-money dl{ margin: 0; display: grid; }
.ssp-creator .ui-money dl > div{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--ui-border); font-size: var(--ui-text-small); }
.ssp-creator .ui-money dt{ display: grid; color: var(--ui-muted); }
.ssp-creator .ui-money dt > span{ font-size: var(--ui-text-caption); }
.ssp-creator .ui-money dd{ margin: 0; text-align: end; font-weight: 600; font-variant-numeric: tabular-nums; }
.ssp-creator .ui-money-row--emphasis dt,.ssp-creator .ui-money-total dt{ color: var(--ui-ink); font-weight: 600; }
.ssp-creator .ui-money-total{ border-bottom: 0 !important; font-size: var(--ui-text-body) !important; }
.ssp-creator .ui-payout-blocker,.ssp-creator .ui-exception{ display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; padding: 16px 18px; border-radius: var(--ui-radius-card); }
.ssp-creator :is(.ui-payout-blocker, .ui-exception) p{ margin: 4px 0 0; }
.ssp-creator .ui-exception-consequence{ font-size: var(--ui-text-small); }
.ssp-creator :is(.ui-payout-blocker, .ui-exception) .ui-action-row{ margin-top: 12px; }
.ssp-creator .ui-rights-excluded{ display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: var(--ui-text-small); color: var(--ui-muted); }
.ssp-creator .ui-finding{ display: grid; gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--ui-border); }
.ssp-creator .ui-finding > header{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ssp-creator .ui-finding h4{ margin: 0; font-size: var(--ui-text-body); }
.ssp-creator .ui-finding p{ margin: 0; font-size: var(--ui-text-small); }
.ssp-creator .ui-finding-requirement,.ssp-creator .ui-finding-evidence{ display: inline-flex; align-items: center; gap: 6px; color: var(--ui-muted); font-size: var(--ui-text-caption); }
.ssp-creator .ui-finding-correction{ padding: 10px 12px; border-radius: var(--ui-radius-control); background: var(--ui-surface-soft); }
.ssp-creator .ui-feedback ol{ display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ssp-creator .ui-feedback li{ display: grid; gap: 4px; padding: 12px 14px; border-radius: var(--ui-radius-control); background: var(--ui-surface-soft); }
.ssp-creator .ui-feedback li p{ margin: 0; }
.ssp-creator .ui-feedback-meta{ font-size: var(--ui-text-caption); color: var(--ui-muted); }
.ssp-creator .ui-review-grid{ display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(290px, 1fr); gap: 24px; align-items: start; }
.ssp-creator .ui-review-main{ display: grid; gap: 16px; min-width: 0; }
.ssp-creator .ui-review-media{ overflow: hidden; border-radius: var(--ui-radius-editorial); background: var(--ui-ink); }
.ssp-creator .ui-review-caption{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: var(--ui-text-small); color: var(--ui-muted); }
.ssp-creator .ui-review-decision{ display: grid; gap: 16px; padding: 22px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); position: sticky; top: 24px; }
@container source-studio-creator (max-width: 900px){.ssp-creator .ui-review-grid{ grid-template-columns: minmax(0, 1fr); }
.ssp-creator .ui-review-decision{ position: static; }}
.ssp-creator .ui-timeline{ display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.ssp-creator .ui-timeline-step{ display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; position: relative; padding-bottom: 18px; }
.ssp-creator .ui-timeline-step:not(:last-child)::after{ content: ""; position: absolute; left: 11px; top: 26px; bottom: 2px; width: 2px; background: var(--ui-border); }
.ssp-creator .ui-timeline-dot{ display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--ui-border); background: var(--ui-surface); color: var(--ui-on-action); }
.ssp-creator .ui-timeline-step--complete .ui-timeline-dot{ background: var(--ui-success); border-color: var(--ui-success); }
.ssp-creator .ui-timeline-step--current .ui-timeline-dot{ border-color: var(--ui-action); box-shadow: inset 0 0 0 4px var(--ui-surface); background: var(--ui-action); }
.ssp-creator .ui-timeline-step--blocked .ui-timeline-dot{ border-color: var(--ui-warning); background: var(--ui-warning-bg); }
.ssp-creator .ui-timeline-copy{ display: grid; gap: 2px; min-width: 0; }
.ssp-creator .ui-timeline-copy > span{ color: var(--ui-muted); font-size: var(--ui-text-small); }
.ssp-creator .ui-compare{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.ssp-creator .ui-compare-card{ display: grid; gap: 12px; align-content: start; padding: 20px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.ssp-creator .ui-compare-card > header{ display: flex; align-items: center; gap: 12px; }
.ssp-creator .ui-compare-card > header > span:last-child{ display: grid; }
.ssp-creator .ui-compare-card > header > span:last-child > span{ color: var(--ui-muted); font-size: var(--ui-text-small); }
.ssp-creator .ui-compare-avatar{ display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: none; }
@container source-studio-creator (max-width: 1023px){.ssp-creator .ui-editorial-hero,.ssp-creator .ui-photo-story--with-aside{ grid-template-columns: minmax(0, 1fr); }
.ssp-creator .ui-photo-story-aside{ display: none; }}
@container source-studio-creator (max-width: 639px){.ssp-creator .ui-photo-story-main{ grid-template-columns: minmax(0, 1fr); padding: 16px; }
.ssp-creator .ui-photo-story-main > .ui-media-frame{ max-width: 220px; }
.ssp-creator .ui-editorial-hero-media{ padding: 0 0 28px 28px; }
.ssp-creator .ui-learning-row{ grid-template-columns: 72px minmax(0, 1fr) auto; }
.ssp-creator .ui-learning-thumb{ width: 72px; }
.ssp-creator .ui-learning-row > .ui-icon:last-child{ display: none; }}
@media (prefers-reduced-motion: reduce){.ssp-creator .ui-paper-note,.ssp-creator .ui-polaroid{ rotate: none !important; }}
@media (forced-colors: active){.ssp-creator .ui-level-meter > span,.ssp-creator .ui-timeline-dot{ background: Highlight; }
.ssp-creator .ui-opportunity-card,.ssp-creator .ui-stat{ border: 1px solid CanvasText; }}
.ssp-creator .ui-opportunity-eyebrow{ font-size: var(--ui-text-caption); letter-spacing: .12em; text-transform: uppercase; color: var(--ui-muted); font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.ssp-creator .ui-opportunity-summary{ margin: 0; color: var(--ui-muted); font-size: var(--ui-text-small); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ssp-creator .ui-photo-story--with-aside{ grid-template-columns: minmax(0, 1fr) 200px; align-items: stretch; }
.ssp-creator .ui-photo-story-main{ position: relative; display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; align-items: center; padding: 24px 32px 24px 24px; border-radius: var(--ui-radius-editorial); background: var(--ui-editorial); }
.ssp-creator .ui-photo-story-main > .ui-media-frame{ max-width: 240px; }
.ssp-creator .ui-photo-story-copy{ display: grid; gap: 18px; justify-items: start; }
.ssp-creator .ui-photo-story-note{ position: absolute; left: 28px; bottom: 14px; }
.ssp-creator .ui-photo-story-aside{ position: relative; display: grid; align-content: center; }
.ssp-creator .ui-photo-story-aside-note{ position: absolute; left: -18px; bottom: 10px; }
@container source-studio-creator (max-width: 1023px){.ssp-creator .ui-photo-story--with-aside{ grid-template-columns: minmax(0, 1fr); }
.ssp-creator .ui-photo-story-aside{ display: none; }}
@container source-studio-creator (max-width: 639px){.ssp-creator .ui-photo-story-main{ grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 16px 16px 20px; }
.ssp-creator .ui-photo-story-main > .ui-media-frame{ max-width: 220px; }
.ssp-creator .ui-photo-story-note{ display: none; }}
.ssp-creator .ui-page--narrow{ max-width: 880px; }
/* SOURCE bundles/marketing/src/studio.css */
.ssp-creator .mkt-root{min-height:100vh;overflow-wrap:break-word}
.ssp-creator .mkt-root a{text-underline-offset:4px}
.ssp-creator .mkt-root .ssp-hero-title,.ssp-creator .mkt-root h2,.ssp-creator .mkt-root h3{font-weight:600;letter-spacing:-.045em}
.ssp-creator .mkt-root .ssp-hero-title{font-size:clamp(38px,4.45vw,64px);line-height:1.035}
.ssp-creator .mkt-root h2{font-size:clamp(26px,2.2vw,32px);line-height:1.2}
.ssp-creator .mkt-root h3{font-size:20px;line-height:1.4;letter-spacing:-.025em}
.ssp-creator .mkt-pilot-bar{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 24px;background:var(--ui-ink);color:var(--ui-canvas);font-size:14px;line-height:20px}
.ssp-creator .mkt-pilot-bar>span{font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--ui-editorial)}
.ssp-creator .mkt-header{max-width:1240px;min-height:106px;padding:24px;display:flex;align-items:center;gap:32px;margin:auto}
.ssp-creator .mkt-header nav{display:flex;align-items:center;justify-content:flex-end;gap:27px;flex:1}
.ssp-creator .mkt-header nav>a{color:var(--ui-ink);text-decoration:none;font-size:14px;font-weight:500;min-height:44px;display:flex;align-items:center}
.ssp-creator .mkt-header nav>a:hover,.ssp-creator .mkt-header nav>a[aria-current=page]{color:var(--ui-action)}
.ssp-creator .mkt-header nav>a[aria-current=page]{text-decoration:underline}
.ssp-creator .mkt-language{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ui-ink)!important;min-width:58px;min-height:44px;font-size:14px;text-decoration:none;border:1px solid var(--ui-border);border-radius:999px}
.ssp-creator .mkt-main{max-width:1240px;margin:auto;padding:24px 24px 64px}
.ssp-creator .mkt-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:32px 0 64px}
.ssp-creator .mkt-hero-copy>.ui-eyebrow{margin-bottom:24px}
.ssp-creator .mkt-hero .ssp-hero-title span{color:var(--ui-action)}
.ssp-creator .mkt-lead{font-size:18px;line-height:1.65;color:var(--ui-muted);max-width:620px;margin-top:24px!important}
.ssp-creator .mkt-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 16px}
.ssp-creator .mkt-root a.mkt-action{min-height:48px;padding:13px 18px;border-radius:var(--ui-radius-control);background:var(--ui-action);color:var(--ui-on-action);display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-size:14px;line-height:20px;font-weight:600;border:1px solid var(--ui-action)}
.ssp-creator .mkt-root a.mkt-action:hover{background:var(--ui-action-hover)}
.ssp-creator .mkt-root a.mkt-action-secondary{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-ink)}
.ssp-creator .mkt-root a.mkt-action-secondary:hover{background:var(--ui-surface-soft)}
.ssp-creator .mkt-small{font-size:14px;line-height:1.5;color:var(--ui-muted)}
.ssp-creator .mkt-art{position:relative;min-width:0;height:472px;background:var(--ui-editorial);border-radius:28px;overflow:hidden}
.ssp-creator .mkt-art-grid{position:absolute;inset:0;background-image:linear-gradient(#20231f0b 1px,transparent 1px),linear-gradient(90deg,#20231f0b 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(135deg,#000,transparent 85%)}
.ssp-creator .mkt-frame{position:absolute;width:190px;height:308px;border-radius:18px;padding:17px;box-shadow:0 15px 30px #20231f17;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:var(--ui-ink)}
.ssp-creator .mkt-frame-one{left:32px;top:40px;background:#d7e1d2;transform:rotate(-9deg)}
.ssp-creator .mkt-frame-two{right:28px;top:81px;background:#d5daee;transform:rotate(9deg)}
.ssp-creator .mkt-frame-label{font-size:10px;letter-spacing:.12em;font-weight:600;z-index:1}
.ssp-creator .mkt-frame-caption{font-size:26px;line-height:1.03;letter-spacing:-.06em;font-weight:700;z-index:1}
.ssp-creator .mkt-orbit{height:130px;width:130px;border:1px solid #677362;border-radius:50%;display:grid;place-items:center;transform:rotate(-25deg);margin-left:18px}
.ssp-creator .mkt-orbit:before{content:'';position:absolute;inset:14px;border:1px solid #677362;border-radius:50%}
.ssp-creator .mkt-orbit span{display:block;width:67px;height:100px;border-radius:40px;background:#f8f5e9;box-shadow:8px 8px 0 #9baa91}
.ssp-creator .mkt-paper{display:grid;gap:9px;transform:rotate(-17deg);margin:15px -8px 15px 17px}
.ssp-creator .mkt-paper span{height:28px;background:#f5f0e8;border-radius:8px;box-shadow:4px 4px 0 #b0b9d6}
.ssp-creator .mkt-paper span:nth-child(2){width:80%}
.ssp-creator .mkt-paper span:nth-child(3){width:60%}
.ssp-creator .mkt-art-note{position:absolute;bottom:43px;left:24px;right:24px;display:flex;align-items:center;gap:14px;background:var(--ui-surface);border-radius:14px;padding:18px;box-shadow:0 8px 18px #20231f0a}
.ssp-creator .mkt-art-note>div{flex:1}
.ssp-creator .mkt-art-note strong{font-size:16px;display:block;line-height:24px}
.ssp-creator .mkt-art-note span{font-size:14px;color:var(--ui-muted)}
.ssp-creator .mkt-art-note>.ui-icon:first-child{color:var(--ui-action)}
.ssp-creator .mkt-illustration-label{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:12px;color:var(--ui-muted)}
.ssp-creator .mkt-section{padding:36px 0}
.ssp-creator .mkt-section-title{margin-bottom:28px}
.ssp-creator .mkt-section-title .ui-eyebrow{margin-bottom:12px}
.ssp-creator .mkt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ssp-creator .mkt-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssp-creator .mkt-grid .ui-card h3{margin:18px 0 12px}
.ssp-creator .mkt-grid .ui-card p{color:var(--ui-muted);line-height:1.65}
.ssp-creator .mkt-step-number{color:var(--ui-action);font-size:12px;font-weight:600;letter-spacing:.08em}
.ssp-creator .mkt-text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:20px;font-weight:500;font-size:14px}
.ssp-creator .mkt-editorial{background:var(--ui-editorial);border-radius:var(--ui-radius-card);padding:40px;display:flex;align-items:center;gap:36px;justify-content:space-between}
.ssp-creator .mkt-editorial>div{max-width:720px}
.ssp-creator .mkt-editorial h2{margin:12px 0}
.ssp-creator .mkt-editorial p:not(.ui-eyebrow){color:var(--ui-ink);line-height:1.65}
.ssp-creator .mkt-editorial .mkt-action{flex-shrink:0}
.ssp-creator .mkt-page-heading{padding:32px 0 44px;max-width:850px}
.ssp-creator .mkt-page-heading .ssp-hero-title{margin-top:20px}
.ssp-creator .mkt-centered{text-align:center;margin:auto;max-width:760px}
.ssp-creator .mkt-centered .mkt-lead{margin-left:auto;margin-right:auto}
.ssp-creator .mkt-period{margin-top:28px;background:var(--ui-surface-soft);padding:5px;border-radius:12px;display:inline-flex;gap:5px}
.ssp-creator .mkt-period button{border:0;background:transparent;color:var(--ui-muted);border-radius:8px;min-height:44px;min-width:115px;padding:8px 20px;cursor:pointer}
.ssp-creator .mkt-period button[aria-pressed=true]{background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 2px 6px #20231f0a}
.ssp-creator .mkt-pricing{margin-top:28px;align-items:stretch}
.ssp-creator .mkt-price-card{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:var(--ui-radius-card);padding:28px;display:flex;flex-direction:column;gap:24px}
.ssp-creator .mkt-price-featured{border:2px solid var(--ui-action);padding:27px}
.ssp-creator .mkt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ssp-creator .mkt-row h2{font-size:24px}
.ssp-creator .mkt-price{font-size:42px;line-height:1.2;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:8px!important}
.ssp-creator .mkt-price-card ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--ui-border);font-size:14px;line-height:1.5}
.ssp-creator .mkt-price-card li{padding-top:13px}
.ssp-creator .mkt-price-card li strong{font-weight:600}
.ssp-creator .mkt-price-card>.ui-action-wrap{margin-top:auto}
.ssp-creator .mkt-pricing-notes{max-width:900px;margin-top:24px;display:grid;gap:12px;font-size:14px;line-height:1.6;color:var(--ui-muted)}
.ssp-creator .mkt-audience{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:32px 0}
.ssp-creator .mkt-audience .ssp-hero-title{margin-top:22px}
.ssp-creator .mkt-brief{padding:36px!important}
.ssp-creator .mkt-brief h2{margin-top:24px;max-width:350px}
.ssp-creator .mkt-brief ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:20px}
.ssp-creator .mkt-brief li{display:flex;gap:12px;align-items:flex-start}
.ssp-creator .mkt-brief li .ui-icon{margin-top:3px}
.ssp-creator .mkt-document-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.ssp-creator .mkt-document-nav a{padding:12px 18px;min-height:44px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);color:var(--ui-ink)}
.ssp-creator .mkt-document-nav a[aria-current=page]{border-color:var(--ui-action);background:var(--ui-surface);color:var(--ui-action)}
.ssp-creator .mkt-prose{max-width:760px}
.ssp-creator .mkt-prose p{margin-top:20px;line-height:1.7;color:var(--ui-muted)}
.ssp-creator .mkt-faq{max-width:860px}
.ssp-creator .mkt-faq details{border-top:1px solid var(--ui-border)}
.ssp-creator .mkt-faq details:last-child{border-bottom:1px solid var(--ui-border)}
.ssp-creator .mkt-faq summary{padding:24px 0;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:20px;font-weight:500;list-style:none}
.ssp-creator .mkt-faq summary::-webkit-details-marker{display:none}
.ssp-creator .mkt-faq summary span{font-weight:400;color:var(--ui-action)}
.ssp-creator .mkt-faq details[open] summary span{transform:rotate(45deg)}
.ssp-creator .mkt-faq details p{max-width:740px;padding:0 0 24px;line-height:1.65;color:var(--ui-muted)}
.ssp-creator .mkt-footer{max-width:1192px;margin:auto;padding:40px 0 24px;border-top:1px solid var(--ui-border);display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;font-size:14px}
.ssp-creator .mkt-footer>div{display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.ssp-creator .mkt-footer p:not(.ui-eyebrow){color:var(--ui-muted)}
.ssp-creator .mkt-footer a:not(.ui-wordmark){color:var(--ui-ink);min-height:30px}
.ssp-creator .mkt-footer-note{grid-column:1/-1;border-top:1px solid var(--ui-border);padding-top:24px;margin-top:12px!important;font-size:14px}
.ssp-creator .mkt-skip{position:fixed;left:16px;top:-100px;padding:14px 22px;background:var(--ui-surface);border:2px solid var(--ui-action);z-index:100;border-radius:8px}
.ssp-creator .mkt-skip:focus{top:16px}
@container source-studio-creator (max-width:1100px){.ssp-creator .mkt-header{gap:20px}
.ssp-creator .mkt-header nav{gap:18px}
.ssp-creator .mkt-hero{gap:28px}
.ssp-creator .mkt-frame{width:165px}
.ssp-creator .mkt-frame-one{left:22px}
.ssp-creator .mkt-frame-two{right:20px}
.ssp-creator .mkt-price-card{padding:22px}
.ssp-creator .mkt-price-featured{padding:21px}
.ssp-creator .mkt-footer{margin:0 24px}
.ssp-creator .mkt-audience{gap:32px}
.ssp-creator .mkt-editorial{padding:32px}}
@container source-studio-creator (max-width:900px){.ssp-creator .mkt-header{flex-wrap:wrap;padding-bottom:12px}
.ssp-creator .mkt-header nav{order:3;flex:1 0 100%;justify-content:flex-start;flex-wrap:wrap;gap:4px 22px}
.ssp-creator .mkt-language{margin-left:auto}
.ssp-creator .mkt-grid:not(.mkt-grid-two){grid-template-columns:1fr}
.ssp-creator .mkt-steps:not(.mkt-grid-two){grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ssp-creator .mkt-steps .ui-card{padding:20px}
.ssp-creator .mkt-hero{grid-template-columns:1fr 1fr}
.ssp-creator .mkt-art{height:420px}
.ssp-creator .mkt-frame{width:140px;height:265px;padding:13px}
.ssp-creator .mkt-frame-one{left:15px;top:40px}
.ssp-creator .mkt-frame-two{right:15px;top:72px}
.ssp-creator .mkt-frame-caption{font-size:23px}
.ssp-creator .mkt-orbit{height:105px;width:105px;margin-left:3px}
.ssp-creator .mkt-art-note{left:16px;right:16px;padding:14px}
.ssp-creator .mkt-art-note>.ui-icon{display:none}
.ssp-creator .mkt-editorial{align-items:flex-start;flex-direction:column;gap:24px}
.ssp-creator .mkt-audience{grid-template-columns:1fr}
.ssp-creator .mkt-brief h2{max-width:none}
.ssp-creator .mkt-pricing{max-width:640px;margin:28px auto 0}
.ssp-creator .mkt-price-card{padding:28px}
.ssp-creator .mkt-price-featured{padding:27px}}
@container source-studio-creator (max-width:640px){.ssp-creator .mkt-pilot-bar{padding:9px 18px;justify-content:flex-start}
.ssp-creator .mkt-pilot-bar>span{display:none}
.ssp-creator .mkt-pilot-bar p{font-size:14px;line-height:20px}
.ssp-creator .mkt-header{padding:22px 18px 12px}
.ssp-creator .mkt-header nav{gap:0 18px}
.ssp-creator .mkt-header nav>a{font-size:14px}
.ssp-creator .mkt-main{padding:12px 18px 40px}
.ssp-creator .mkt-hero{grid-template-columns:1fr;padding:20px 0 30px;gap:32px}
.ssp-creator .mkt-root .ssp-hero-title{font-size:clamp(38px,10.2vw,56px)}
.ssp-creator .mkt-hero-copy>.ui-eyebrow{font-size:11px;margin-bottom:20px}
.ssp-creator .mkt-lead{font-size:16px;margin-top:20px!important}
.ssp-creator .mkt-actions{margin-top:24px}
.ssp-creator .mkt-actions .mkt-action{flex:1 1 auto}
.ssp-creator .mkt-art{height:390px;max-width:460px;width:100%;margin:auto}
.ssp-creator .mkt-frame{width:155px;height:255px}
.ssp-creator .mkt-frame-one{left:32px;top:27px}
.ssp-creator .mkt-frame-two{right:32px;top:53px}
.ssp-creator .mkt-art-note{bottom:36px;left:18px;right:18px}
.ssp-creator .mkt-art-note>.ui-icon{display:inline-block}
.ssp-creator .mkt-art-note>.ui-icon:last-child{display:none}
.ssp-creator .mkt-art-note strong{font-size:15px}
.ssp-creator .mkt-art-note span{font-size:14px}
.ssp-creator .mkt-section{padding:28px 0}
.ssp-creator .mkt-grid-two,.ssp-creator .mkt-steps:not(.mkt-grid-two){grid-template-columns:1fr}
.ssp-creator .mkt-grid .ui-card{padding:24px}
.ssp-creator .mkt-steps .ui-card h3{margin-top:14px}
.ssp-creator .mkt-editorial{padding:26px}
.ssp-creator .mkt-page-heading{padding:26px 0 32px}
.ssp-creator .mkt-page-heading .ssp-hero-title{margin-top:18px}
.ssp-creator .mkt-price{font-size:40px}
.ssp-creator .mkt-audience{padding-top:24px}
.ssp-creator .mkt-brief{padding:26px!important}
.ssp-creator .mkt-faq summary{font-size:18px;line-height:1.5;padding:20px 0}
.ssp-creator .mkt-footer{margin:0 18px;grid-template-columns:1fr 1fr;padding-top:32px;gap:32px 20px}
.ssp-creator .mkt-footer>div:first-child{grid-column:1/-1}
.ssp-creator .mkt-footer-note{margin-top:0!important;font-size:14px}
.ssp-creator .mkt-document-nav{gap:8px}
.ssp-creator .mkt-document-nav a{padding:10px 12px;font-size:14px}}
@container source-studio-creator (max-width:360px){.ssp-creator .mkt-art{height:360px}
.ssp-creator .mkt-frame{width:132px;height:236px}
.ssp-creator .mkt-frame-one{left:18px}
.ssp-creator .mkt-frame-two{right:18px}
.ssp-creator .mkt-art-note{padding:12px}
.ssp-creator .mkt-art-note>.ui-icon:first-child{display:none}
.ssp-creator .mkt-orbit{margin-left:0;width:95px}
.ssp-creator .mkt-frame-caption{font-size:20px}
.ssp-creator .mkt-price-card{padding:22px}
.ssp-creator .mkt-price-featured{padding:21px}}
@media(prefers-reduced-motion:reduce){.ssp-creator .mkt-root *{scroll-behavior:auto;transition:none!important;animation:none!important}}
.ssp-creator .mkt-document-nav a{min-height:48px;display:inline-flex;align-items:center}
.ssp-creator .mkt-deletion ol{padding-inline-start:24px;line-height:1.7}
.ssp-creator .mkt-deletion li+li{margin-top:16px}
.ssp-creator .mkt-deletion h2:not(:first-child){margin-top:36px}
.ssp-creator .mkt-deletion .mkt-action{white-space:normal;text-align:center}
.ssp-creator .mkt-company-details{display:grid;gap:16px;margin:24px 0}
.ssp-creator .mkt-company-details>div{display:grid;gap:4px}
.ssp-creator .mkt-company-details dt{font-weight:600}
.ssp-creator .mkt-company-details dd{margin:0}
.ssp-creator .mkt-policy>section{margin-top:32px}
.ssp-creator .mkt-policy nav{margin:24px 0}
.ssp-creator .mkt-policy ol,.ssp-creator .mkt-policy ul{padding-inline-start:24px;line-height:1.7}
.ssp-creator .mkt-policy li+li{margin-top:12px}
.ssp-creator .mkt-policy nav a{display:inline-flex;align-items:center;min-height:44px}
.ssp-creator .mkt-policy h3{scroll-margin-top:24px}
.ssp-creator .mkt-root .ssp-hero-title,.ssp-creator .mkt-root h2{font-family:var(--ui-font-display);letter-spacing:-.025em}
.ssp-creator .mkt-hero .ssp-hero-title span,.ssp-creator .mkt-root .ssp-hero-title em{font-style:italic;font-weight:500;color:var(--ui-action)}
.ssp-creator .mkt-photo-art{position:relative;margin:0 auto;width:min(100%,420px);padding:0 0 44px 56px}
.ssp-creator .mkt-photo-art>.ui-media-frame{box-shadow:0 30px 60px -36px #11182766}
.ssp-creator .mkt-photo-polaroid{left:0;bottom:24px;width:clamp(140px,44%,190px)}
.ssp-creator .mkt-photo-polaroid>p{position:absolute;left:12px;right:12px;bottom:6px;margin:0;font-family:var(--ui-font-note);font-size:15px;line-height:1.1;color:var(--ui-ink)}
.ssp-creator .mkt-photo-note{position:absolute;right:-18px;top:28px}
.ssp-creator .mkt-photo-art .mkt-illustration-label{position:static;display:block;margin-top:14px;text-align:center}
@container source-studio-creator (max-width:640px){.ssp-creator .mkt-photo-art{width:min(100%,320px);padding:0 0 36px 36px}
.ssp-creator .mkt-photo-note{right:-4px;top:12px;font-size:1rem}}
.ssp-creator .mkt-photo-art .mkt-illustration-label{text-align:right;padding-left:48%}
@container source-studio-creator (max-width:640px){.ssp-creator .mkt-photo-polaroid>p{font-size:12px}
.ssp-creator .mkt-photo-art .mkt-illustration-label{padding-left:52%}}
.ssp-creator .mkt-brief{position:relative}
.ssp-creator .mkt-brief-photo{position:relative;left:auto;bottom:auto;float:right;width:150px;margin:-6px -4px 16px 20px;padding:8px 8px 22px;rotate:4deg}
@container source-studio-creator (max-width:640px){.ssp-creator .mkt-brief-photo{width:112px}}
/* SOURCE bundles/creator-discovery/src/workspace-overview.css */
.ssp-creator .workspace-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--ui-space-24);align-items:start}
.ssp-creator .workspace-overview .ui-card-header{margin-bottom:var(--ui-space-16)}
.ssp-creator .workspace-overview .ui-card-footer{margin-top:var(--ui-space-24)}
.ssp-creator .workspace-overview-profile .workspace-profile-summary{align-items:flex-start}
.ssp-creator .workspace-overview-profile .workspace-profile-summary>div{display:grid;gap:var(--ui-space-8);min-width:0;justify-items:start}
.ssp-creator .workspace-overview h3{margin:0;overflow-wrap:anywhere}
.ssp-creator .workspace-overview-bio{overflow-wrap:anywhere;white-space:pre-wrap}
.ssp-creator .workspace-overview-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-16);margin:var(--ui-space-24) 0 0}
.ssp-creator .workspace-overview-facts dt{color:var(--ui-muted);font-size:var(--ui-text-small)}
.ssp-creator .workspace-overview-facts dd{margin:var(--ui-space-4) 0 0;overflow-wrap:anywhere}
.ssp-creator .workspace-overview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-8)}
.ssp-creator .workspace-overview a.ui-button--primary{color:var(--ui-on-action)}
.ssp-creator .workspace-overview a.ui-button--secondary{color:var(--ui-ink)}
.ssp-creator .workspace-overview-organizations{display:grid;gap:var(--ui-space-24)}
.ssp-creator .workspace-overview-organization{min-width:0;display:grid;gap:var(--ui-space-16)}
.ssp-creator .workspace-overview-organization-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-12)}
.ssp-creator .workspace-overview-tools-trigger{width:100%}
.ssp-creator .workspace-overview-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--ui-space-8);padding-top:var(--ui-space-8)}
.ssp-creator .workspace-overview-tools .ui-button{justify-content:flex-start;text-align:start}
@container source-studio-creator (max-width:1100px){.ssp-creator .workspace-overview{grid-template-columns:minmax(0,1fr)}}
@container source-studio-creator (max-width:479px){.ssp-creator .workspace-overview{gap:var(--ui-space-16)}
.ssp-creator .workspace-overview-actions{display:grid;grid-template-columns:minmax(0,1fr)}
.ssp-creator .workspace-overview-actions>.ui-action-wrap,.ssp-creator .workspace-overview-actions>.ui-action-wrap>.ui-button{width:100%}
.ssp-creator .workspace-overview-organization-heading{align-items:flex-start}
.ssp-creator .workspace-overview-facts{grid-template-columns:minmax(0,1fr)}}
.ssp-creator .creator-home{display:grid;gap:var(--ui-space-32);min-width:0;margin-bottom:var(--ui-space-32)}
.ssp-creator .creator-home-briefs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--ui-space-16)}
.ssp-creator .creator-home-learning-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--ui-space-8);padding:8px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface)}

/* Embed adapters: intrinsic width, local nav buttons and compact excerpts.
   TODO(MONOREPO-COMPONENT-REUSE): move these only into a shared preview adapter. */
.ssp-tell{--font-newsreader:"SSP Newsreader";--font-inter:"SSP Inter";padding:28px;background:var(--brand-color-paper);font:16px/1.6 var(--brand-font-body);color:var(--brand-color-ink)}
.ssp-tell :is(h2,h3,h4,p,blockquote){margin:0;color:inherit}
.ssp-tell :is(h2,h3,h4){font-family:var(--brand-font-display);font-optical-sizing:auto;font-weight:500;letter-spacing:-.025em;line-height:1.08}
.ssp-tell h2{font-size:clamp(30px,4cqi,56px)}
.ssp-tell .ssp-wordmark-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--brand-color-rule);padding:0 0 22px;margin-bottom:30px}
.ssp-tell .wordmark{font-family:var(--brand-font-body);font-size:32px;font-weight:800;letter-spacing:-.065em;line-height:1}
.ssp-tell .wordmark>span{color:var(--brand-color-vermilion)}
.ssp-tell .campaign-section{border:0}
.ssp-tell .campaign-spread{gap:clamp(24px,5cqi,70px)}
.ssp-tell .campaign-introduction h2{margin-block:22px}
.ssp-tell .campaign-preview h3{font-size:clamp(28px,3.1cqi,46px);line-height:1.12;margin-block:20px}
.ssp-tell .campaign-source-quote blockquote{font-size:24px;line-height:1.3;margin-top:8px}
.ssp-tell .eyebrow{font:600 13px/1.5 var(--brand-font-body);letter-spacing:.095em;color:var(--brand-color-accent-text);text-transform:uppercase}
.ssp-tell .artwork-title{font-size:clamp(32px,4.3cqi,64px);line-height:1.04;margin-block:22px;max-width:15ch}
.ssp-tell .artwork-label{color:var(--brand-color-accent-text)}
.ssp-tell .carousel-artwork-interior .artwork-label{color:#fff}
.ssp-tell .carousel-artwork-interior{color:white}
.ssp-tell .campaign-art-caption{margin-top:12px;color:white}
.ssp-tell .muted{color:var(--brand-color-muted)}
.ssp-tell .ssp-caption,.ssp-creator .ssp-caption{margin:22px 0 0;font:12px/1.5 "SSP Inter",system-ui,sans-serif;color:#61655a}
.ssp-tell .ssp-tell-compact{max-width:500px;margin:auto}
.ssp-tell .ssp-tell-compact .carousel-artwork{padding:24px}
.ssp-tell .ssp-tell-compact .artwork-title{font-size:clamp(28px,7.7cqi,44px)}
.ssp-tell .ssp-tell-compact .artwork-body{font-size:16px}
.ssp-tell .ssp-tell-compact .artwork-diagram{margin-top:24px}
.ssp-compact .ssp-tell{padding:22px}
.ssp-compact .ssp-tell .ssp-wordmark-row{margin-bottom:22px;padding-bottom:18px}
.ssp-compact .ssp-tell .ssp-wordmark-row>.small{display:none}
.ssp-creator{--ui-font:"SSP Inter",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ui-canvas);font:16px/1.5 var(--ui-font);color:var(--ui-ink)}
.ssp-creator .mkt-root{min-height:0}
.ssp-creator .ui-root :is(h2,h3,h4,p){color:inherit;margin:0}
.ssp-creator .ui-wordmark{font-family:var(--ui-font-display);font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.025em}
.ssp-creator .mkt-header{min-height:86px;padding:22px 28px}
.ssp-creator .mkt-header nav{gap:8px 24px}
.ssp-creator .mkt-header nav button{background:none;border:0;padding:0;display:inline-flex;align-items:center;min-height:44px;color:var(--ui-ink);font-size:14px;font-weight:500;cursor:pointer}
.ssp-creator .mkt-header nav button[aria-pressed=true]{color:var(--ui-action);text-decoration:underline;text-underline-offset:4px}
.ssp-creator .mkt-main{padding:8px 28px 20px}
.ssp-creator .mkt-hero{gap:32px;padding:20px 0 28px}
.ssp-creator .ssp-hero-title{font-family:var(--ui-font-display);font-size:clamp(38px,5cqi,64px);line-height:1.035;letter-spacing:-.025em;font-weight:600}
.ssp-creator .mkt-hero .ssp-hero-title span{font-style:italic;font-weight:500;color:var(--ui-action)}
.ssp-creator .mkt-hero-copy>.ui-eyebrow{margin-bottom:24px}
.ssp-creator .ui-root .ui-eyebrow{font:600 11px/1.5 var(--ui-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted)}
.ssp-creator .mkt-lead{font-size:18px;line-height:1.65;color:var(--ui-muted)!important;margin-top:24px!important}
.ssp-creator .mkt-small{font-size:14px;line-height:1.5;color:var(--ui-muted)!important}
.ssp-creator button.mkt-action{min-height:48px;padding:13px 18px;border-radius:var(--ui-radius-control);background:var(--ui-action);color:var(--ui-on-action);display:inline-flex;align-items:center;justify-content:center;gap:18px;font:600 14px/20px var(--ui-font);border:1px solid var(--ui-action);cursor:pointer}
.ssp-creator button.mkt-action:hover{background:var(--ui-action-hover)}
.ssp-creator button.mkt-action-secondary{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-ink)}
.ssp-creator button.mkt-action-secondary:hover{background:var(--ui-surface-soft)}
.ssp-creator .mkt-photo-art{width:min(100%,420px);padding-left:56px}
.ssp-creator .mkt-photo-art .mkt-illustration-label{font-size:12px;line-height:1.5;color:var(--ui-muted);padding-left:48%}
.ssp-creator .mkt-photo-note{font-family:var(--ui-font-note);font-size:1.15rem;line-height:1.25}
.ssp-creator .ssp-caption{padding:0 28px 18px;margin:0;color:var(--ui-muted)}
.ssp-creator .mkt-brief h2{font-family:var(--ui-font-display);font-size:32px;line-height:1.2;margin-top:24px}
.ssp-creator .mkt-brief ul{clear:both}
.ssp-creator .mkt-brief li>span{color:var(--ui-action)}
.ssp-creator .ssp-creator-app{padding:26px}
.ssp-creator .ssp-app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--ui-border)}
.ssp-creator .ssp-creator-app .creator-home{margin:0}
.ssp-creator .ssp-creator-app .ssp-caption{padding:24px 0 0}
.ssp-creator .ssp-creator-app .ui-editorial-title{font-family:var(--ui-font-display);font-size:clamp(1.5rem,2.4cqi,var(--ui-text-section));font-weight:600;line-height:var(--ui-leading-section);letter-spacing:-.03em}
.ssp-creator .ssp-creator-app .ui-editorial-title em{color:var(--ui-action);font-weight:500}
.ssp-creator .ssp-creator-app .ui-section-header-title{font:600 var(--ui-text-card)/var(--ui-leading-card) var(--ui-font);margin:0}
.ssp-creator .ssp-creator-app .ui-empty h3{font:600 1.25rem/1.4 var(--ui-font);margin:12px 0}
.ssp-creator .ssp-creator-app .ui-empty p{color:var(--ui-muted)}
.ssp-compact .ssp-creator .mkt-header{min-height:68px;padding:18px 22px;justify-content:space-between;gap:12px;flex-wrap:nowrap}
.ssp-compact .ssp-creator .mkt-main{padding:0 22px 10px}
.ssp-compact .ssp-creator .mkt-hero{grid-template-columns:1fr;gap:24px;padding:14px 0 20px}
.ssp-compact .ssp-creator .mkt-hero-copy{max-width:40ch}
.ssp-compact .ssp-creator .ssp-hero-title{font-size:clamp(36px,9cqi,46px)}
.ssp-compact .ssp-creator .mkt-lead{font-size:14px;line-height:1.6;margin-top:16px!important}
.ssp-compact .ssp-creator .mkt-hero-copy>.mkt-small{display:none}
.ssp-compact .ssp-creator .mkt-photo-art{width:240px;padding:0 0 30px 48px}
.ssp-compact .ssp-creator .mkt-photo-polaroid{width:125px;bottom:18px}
.ssp-compact .ssp-creator .mkt-photo-polaroid>p{font-size:11px}
.ssp-compact .ssp-creator .mkt-photo-note{font-size:13px;right:-4px;top:14px;max-width:14ch}
.ssp-compact .ssp-creator .mkt-illustration-label{display:none}
.ssp-compact .ssp-creator .ssp-caption{padding:0 22px 18px}
@container source-studio-tell (max-width:540px){.ssp-tell{padding:22px}.ssp-tell .ssp-wordmark-row>.small{display:none}.ssp-tell .campaign-art-surface{padding:18px}.ssp-tell .campaign-preview{padding:22px}.ssp-tell .campaign-preview h3{font-size:30px}.ssp-tell .campaign-introduction h2{font-size:38px}.ssp-tell .campaign-source-quote blockquote{font-size:22px}}
@container source-studio-creator (max-width:640px){.ssp-creator .mkt-header{padding:18px 22px;gap:12px}.ssp-creator .mkt-main{padding:0 22px 18px}.ssp-creator .mkt-hero{grid-template-columns:1fr;gap:32px}.ssp-creator .ssp-hero-title{font-size:44px}.ssp-creator .mkt-hero-copy>.ui-eyebrow{margin-bottom:18px}.ssp-creator .mkt-lead{font-size:16px;margin-top:20px!important}.ssp-creator .mkt-photo-art{width:min(100%,300px);padding:0 0 36px 36px}.ssp-creator .mkt-photo-note{right:-4px;top:12px;font-size:16px}.ssp-creator .mkt-photo-polaroid>p{font-size:12px}.ssp-creator .mkt-actions .mkt-action{flex:1 1 auto}.ssp-creator .mkt-audience{grid-template-columns:1fr}.ssp-creator .mkt-brief h2{font-size:28px}}
@container source-studio-creator (max-width:340px){.ssp-creator .ssp-hero-title{font-size:36px}.ssp-creator .mkt-header,.ssp-creator .mkt-main{padding-left:18px;padding-right:18px}.ssp-creator .mkt-photo-art{max-width:240px}.ssp-creator .ui-wordmark{font-size:26px}}