/* Generated from design_system/tokens/web-baseline.json. Do not edit here. */
:root {
  --as-cta: #C6FF33;
  --as-section: #8BC42A;
  --as-selected: #4A6310;
  --as-olive-deep: #1E2A05;
  --as-bg: #000000;
  --as-panel: var(--as-studio-panel-bg-visual);
  --as-card: #282828;
  --as-line-base: #595959;
  --as-text: var(--as-studio-text);
  --as-text-soft: #F9FAFB;
  --as-text-muted: #8E8E8E;
  --as-danger: #BA0114;
  --as-mac-reset: #118FB5;
  --as-bg-reset: #B4600A;
  --as-cta-rgb: 198, 255, 51;
  --as-section-rgb: 139, 196, 42;
  --as-selected-rgb: 74, 99, 16;
  --as-olive-deep-rgb: 30, 42, 5;
  --as-bg-rgb: 0, 0, 0;
  --as-panel-rgb: 21, 21, 23;
  --as-card-rgb: 40, 40, 40;
  --as-line-rgb: 89, 89, 89;
  --as-danger-rgb: 186, 1, 20;
  --as-mac-reset-rgb: 17, 143, 181;
  --as-bg-reset-rgb: 180, 96, 10;
  --as-text-soft-rgb: 249, 250, 251;
  --as-record-rgb: 255, 23, 51;
  --as-online-rgb: 55, 227, 49;
  --as-info-rgb: 17, 143, 181;
  --as-content-yellow-rgb: 242, 201, 76;
  --as-page-bg: var(--as-bg);
  --as-panel-bg: rgba(var(--as-panel-rgb), 0.86);
  --as-panel-bg-strong: rgba(var(--as-panel-rgb), 0.94);
  --as-card-bg: rgba(var(--as-card-rgb), 0.42);
  --as-card-bg-strong: rgba(var(--as-card-rgb), 0.62);
  --as-control-bg: rgba(var(--as-card-rgb), 0.34);
  --as-control-bg-strong: rgba(var(--as-card-rgb), 0.58);
  --as-border: rgba(var(--as-line-rgb), 0.42);
  --as-border-soft: rgba(var(--as-line-rgb), 0.28);
  --as-border-strong: rgba(var(--as-line-rgb), 0.62);
  --as-scrollbar-width: 8px;
  --as-scrollbar-radius: var(--as-radius-pill);
  --as-scrollbar-track: rgba(var(--as-bg-rgb), 0.24);
  --as-scrollbar-thumb: rgba(var(--as-line-rgb), 0.72);
  --as-scrollbar-thumb-hover: rgba(var(--as-line-rgb), 0.92);
  --as-section-title-color: var(--as-studio-section-title-color);
  --as-link-color: var(--as-cta);
  --as-font-main: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --as-font-monospace: "Cascadia Mono", Consolas, monospace;
  --as-font-weight-regular: 400;
  --as-font-weight-medium: 600;
  --as-font-weight-bold: 700;
  --as-font-weight-heavy: 800;
  --as-font-weight-black: 900;
  --as-type-xs: 14px;
  --as-type-sm: 15px;
  --as-type-body: 16px;
  --as-type-control: 18px;
  --as-type-section: 20px;
  --as-type-panel-title: 26px;
  --as-type-page-title: 36px;
  --as-radius-xs: 4px;
  --as-radius-sm: 6px;
  --as-radius-md: 8px;
  --as-radius-lg: 10px;
  --as-radius-xl: 12px;
  --as-radius-modal: 14px;
  --as-radius-pill: 999px;
  --as-border-width: 1px;
  --as-border-width-strong: 2px;
  --as-overlay-bg: rgba(var(--as-bg-rgb), 0.72);
  --as-overlay-bg-strong: rgba(var(--as-bg-rgb), 0.82);
  --as-backdrop-blur: 7px;
  --as-shadow-panel: 0 18px 48px rgba(var(--as-bg-rgb), 0.32);
  --as-shadow-lime: 0 0 24px rgba(var(--as-cta-rgb), 0.22);
  --as-shadow-danger: 0 0 22px rgba(var(--as-danger-rgb), 0.20);
  --as-shadow-modal: 0 30px 80px rgba(var(--as-bg-rgb), 0.58);
  --as-index-panel-bg: rgba(var(--as-panel-rgb), 0.72);
  --as-index-panel-border: rgba(var(--as-line-rgb), 0.30);
  --as-index-panel-shadow: 0 18px 48px rgba(var(--as-bg-rgb), 0.22);
  --as-index-card-bg: rgba(var(--as-card-rgb), 0.18);
  --as-index-control-bg: rgba(var(--as-card-rgb), 0.30);
  --as-index-control-hover-bg: rgba(var(--as-card-rgb), 0.46);
  --as-index-row-bg: rgba(var(--as-card-rgb), 0.30);
  --as-index-row-hover-bg: rgba(var(--as-card-rgb), 0.42);
  --as-index-row-selected-bg: rgba(var(--as-selected-rgb), 0.18);
  --as-index-row-border: rgba(var(--as-line-rgb), 0.30);
  --as-index-primary-bg: var(--as-cta);
  --as-index-primary-text: var(--as-bg);
  --as-index-primary-border: rgba(var(--as-cta-rgb), 0.72);
  --as-index-primary-shadow: 0 0 18px rgba(var(--as-cta-rgb), 0.16);
  --as-index-focus-border: rgba(var(--as-cta-rgb), 0.82);
  --as-index-focus-ring: 0 0 0 3px rgba(var(--as-cta-rgb), 0.18);
  --as-index-focus-outline: var(--as-border-width-strong) solid var(--as-index-focus-border);
  --as-index-focus-offset: 3px;
  --as-index-link: var(--as-text-muted);
  --as-index-link-hover: var(--as-cta);
  --as-index-icon: var(--as-section);
  --as-index-meta-text: rgba(249, 250, 251, 0.62);
  --as-index-selected-border: rgba(var(--as-cta-rgb), 0.64);
  --as-index-selected-accent: var(--as-cta);
  --as-index-badge-bg: rgba(var(--as-selected-rgb), 0.18);
  --as-index-badge-border: rgba(var(--as-section-rgb), 0.34);
  --as-index-badge-text: rgba(var(--as-section-rgb), 0.84);
  --as-index-danger-hover-bg: rgba(var(--as-danger-rgb), 0.10);
  --as-modal-z-index: 15000;
  --as-modal-backdrop: var(--as-overlay-bg-strong);
  --as-modal-blur: var(--as-backdrop-blur);
  --as-modal-safe-padding: 30px;
  --as-modal-max-height: calc(100vh - 60px);
  --as-modal-surface-bg: rgba(var(--as-panel-rgb), 0.96);
  --as-modal-surface-border: rgba(var(--as-line-rgb), 0.36);
  --as-modal-shadow: var(--as-shadow-modal);
  --as-modal-title-color: var(--as-text);
  --as-modal-text-color: var(--as-text-muted);
  --as-modal-close-size: 38px;
  --as-modal-close-offset: 16px;
  --as-modal-close-bg: var(--as-index-control-bg);
  --as-modal-close-hover-bg: var(--as-index-control-hover-bg);
  --as-modal-close-color: var(--as-text-muted);
  --as-modal-close-hover-color: var(--as-text);
  --as-modal-primary-height: 54px;
  --as-modal-primary-radius: var(--as-radius-xl);
  --as-modal-primary-bg: var(--as-index-primary-bg);
  --as-modal-primary-border: var(--as-index-primary-border);
  --as-modal-primary-text: var(--as-index-primary-text);
  --as-modal-primary-shadow: var(--as-index-primary-shadow);
  --as-modal-primary-font-size: 19px;
  --as-modal-secondary-bg: var(--as-index-control-bg);
  --as-modal-secondary-hover-bg: var(--as-index-control-hover-bg);
  --as-modal-secondary-border: var(--as-index-panel-border);
  --as-modal-secondary-text: var(--as-text);
  --as-modal-width-confirm: 520px;
  --as-modal-radius-confirm: var(--as-radius-modal);
  --as-modal-padding-confirm: 56px 36px 28px;
  --as-modal-icon-size: 72px;
  --as-modal-icon-gap: 26px;
  --as-modal-title-size: var(--as-type-page-title);
  --as-modal-title-line-height: 1.08;
  --as-modal-title-letter-spacing: -0.025em;
  --as-modal-subject-gap: 18px;
  --as-modal-text-width: 380px;
  --as-modal-text-gap: 12px;
  --as-modal-text-line-height: 1.45;
  --as-modal-actions-gap: 12px;
  --as-modal-actions-top: 34px;
  --as-modal-actions-padding-top: 26px;
  --as-modal-action-height: 54px;
  --as-modal-action-radius: var(--as-radius-xl);
  --as-modal-action-font-size: 19px;
  --as-modal-action-line-height: 1;
  --as-modal-danger-border: rgba(var(--as-danger-rgb), 0.62);
  --as-warning-red: var(--as-danger);
  --as-warning-red-glow: var(--as-shadow-danger);
  --as-modal-width-contact: 680px;
  --as-modal-radius-contact: var(--as-radius-modal);
  --as-modal-padding-contact: 44px 46px 38px;
  --as-modal-contact-title-size: 32px;
  --as-modal-contact-head-icon-size: 62px;
  --as-modal-contact-head-gap: 18px;
  --as-modal-contact-icon-bg: rgba(var(--as-cta-rgb), 0.06);
  --as-modal-contact-icon-border: rgba(var(--as-cta-rgb), 0.34);
  --as-modal-contact-icon-shadow: 0 0 18px rgba(var(--as-cta-rgb), 0.10);
  --as-modal-contact-row-height: 58px;
  --as-modal-contact-row-bg: var(--as-index-control-bg);
  --as-modal-contact-row-border: var(--as-index-panel-border);
  --as-modal-contact-qr-bg: var(--as-bg);
  --as-modal-contact-qr-border: var(--as-index-panel-border);
  --as-modal-contact-qr-size: clamp(260px, 30vw, 340px);
  --as-modal-contact-qr-label: var(--as-cta);
  --as-modal-width-policy: 760px;
  --as-modal-radius-policy: var(--as-radius-modal);
  --as-modal-padding-policy: 36px 38px 32px;
  --as-modal-policy-title-size: var(--as-type-page-title);
  --as-modal-policy-paragraph-gap: 16px;
  --as-studio-type-h1-size: 28px;
  --as-studio-type-h1-line: 1.12;
  --as-studio-type-h1-weight: var(--as-font-weight-heavy);
  --as-studio-type-work-size: 20px;
  --as-studio-type-work-line: 1.22;
  --as-studio-type-work-weight: var(--as-font-weight-bold);
  --as-studio-type-section-size: 18px;
  --as-studio-type-section-line: 1.22;
  --as-studio-type-section-weight: var(--as-font-weight-heavy);
  --as-studio-type-info-size: var(--as-type-body);
  --as-studio-type-info-line: 1.25;
  --as-studio-type-info-weight: var(--as-font-weight-regular);
  --as-studio-type-info-strong-weight: var(--as-font-weight-bold);
  --as-studio-left-width: clamp(420px, 25.4vw, 520px);
  --as-studio-middle-width: clamp(450px, 26.9vw, 552px);
  --as-studio-gap: 16px;
  --as-studio-panel-pad: 16px;
  --as-studio-shell-bottom-reserve: 92px;
  --as-studio-top-title-y: 30px;
  --as-studio-top-title-height: 24px;
  --as-studio-real-button-gap: 20px;
  --as-studio-control-height: 48px;
  --as-studio-playback-control-height: 88px;
  --as-studio-remote-button-height: 96px;
  --as-studio-mobile-takes-min-height: 220px;
  --as-studio-mobile-preview-height: min(56vw, 360px);
  --as-studio-qr-size: clamp(208px, 12.5vw, 256px);
  --as-studio-qr-compact-size: 190px;
  --as-studio-right-preview-min-height: 0;
  --as-studio-page-overflow-x: hidden;
  --as-studio-page-overflow-y: hidden;
  --as-studio-app-overflow: hidden;
  --as-studio-panel-overflow-x: hidden;
  --as-studio-left-panel-overflow-y: auto;
  --as-studio-center-panel-overflow: hidden;
  --as-studio-right-panel-overflow-y: hidden;
  --as-studio-center-open-materials-min-height: 220px;
  --as-studio-right-preview-flex: 1 1 auto;
  --as-studio-right-preview-height: auto;
  --as-studio-right-preview-margin-bottom: 18px;
  --as-studio-right-remote-grid-rows: 22px 38px;
  --as-studio-right-remote-gap: 8px;
  --as-studio-right-remote-margin-bottom: 12px;
  --as-studio-right-remote-padding: 8px;
  --as-studio-right-remote-button-font-size: var(--as-type-sm);
  --as-studio-materials-buttons-gap: var(--as-studio-real-button-gap);
  --as-studio-center-takes-open-flex-basis: clamp(112px, 18vh, 180px);
  --as-studio-center-takes-open-min-height: 112px;
  --as-studio-center-takes-open-max-height: 620px;
  --as-studio-center-takes-open-margin-bottom: 10px;
  --as-studio-center-materials-peek-min-height: 92px;
  --as-studio-center-split-handle-height: 14px;
  --as-studio-center-split-handle-line-width: 46px;
  --as-studio-center-split-handle-line-height: 3px;
  --as-studio-center-takes-window-padding: 0;
  --as-studio-center-takes-window-border-radius: 12px;
  --as-studio-left-button-grid-gap: 10px;
  --as-studio-left-background-current-height: 44px;
  --as-studio-left-background-current-margin-bottom: 10px;
  --as-studio-left-background-row-margin: 8px 0 8px 0;
  --as-studio-left-sources-button-margin: 10px 0 18px 0;
  --as-studio-left-account-line-min-height: 14px;
  --as-studio-left-account-line-font-size: 14px;
  --as-studio-left-other-shoots-margin-top: 12px;
  --as-studio-left-other-shoots-gap: 12px;
  --as-studio-left-finish-button-height: 44px;
  --as-studio-left-finish-button-margin-top: 0;
  --as-studio-left-qr-margin-top: 10px;
  --as-studio-left-qr-caption-min-height: 28px;
  --as-studio-left-qr-caption-margin-top: 7px;
  --as-studio-left-qr-caption-font-size: 14px;
  --as-studio-left-qr-caption-line-height: 1.22;
  --as-studio-left-source-tags-gap: 8px;
  --as-studio-left-source-tags-margin-top: 10px;
  --as-studio-left-tag-padding: 7px 10px;
  --as-studio-left-tag-font-size: var(--as-type-sm);
  --as-studio-h1-margin-bottom: 12px;
  --as-studio-section-title-margin: 12px 0 8px 0;
  --as-studio-summary-box-padding: 0;
  --as-studio-summary-box-margin: 12px 0 12px 0;
  --as-studio-summary-line-padding-y: 6px;
  --as-studio-playback-card-margin-bottom: 14px;
  --as-studio-playback-title-margin-bottom: 24px;
  --as-studio-playback-controls-gap: 12px;
  --as-studio-playback-controls-margin-bottom: 20px;
  --as-studio-playback-seek-margin-bottom: 10px;
  --as-studio-playback-delete-margin-bottom: 22px;
  --as-studio-brand-mark-size: 44px;
  --as-studio-brand-mark-shadow: drop-shadow(0 0 14px rgba(var(--as-cta-rgb), 0.48));
  --as-studio-icon-size: 24px;
  --as-studio-icon-size-sm: 20px;
  --as-studio-icon-size-xs: 18px;
  --as-studio-icon-size-lg: 28px;
  --as-studio-icon-color: var(--as-section);
  --as-studio-icon-color-muted: rgba(249, 250, 251, 0.68);
  --as-studio-icon-color-danger: rgba(255, 80, 98, 0.96);
  --as-studio-lime: var(--as-cta);
  --as-studio-lime-soft: #E8FFC5;
  --as-studio-red: #ff1733;
  --as-studio-ready: #6bff95;
  --as-studio-warning-orange: #ff9f00;
  --as-studio-text: var(--as-text-soft);
  --as-studio-text-strong: rgba(249, 250, 251, 0.96);
  --as-studio-text-main: rgba(249, 250, 251, 0.92);
  --as-studio-text-work: rgba(249, 250, 251, 0.86);
  --as-studio-text-soft: rgba(249, 250, 251, 0.82);
  --as-studio-text-muted: rgba(249, 250, 251, 0.68);
  --as-studio-text-dim: rgba(249, 250, 251, 0.62);
  --as-studio-panel-bg: var(--as-panel-bg);
  --as-studio-panel-bg-visual: rgba(var(--as-panel-rgb), 0.72);
  --as-studio-panel-bg-quiet: rgba(var(--as-panel-rgb), 0.68);
  --as-studio-panel-bg-quiet-strong: rgba(var(--as-panel-rgb), 0.74);
  --as-studio-panel-bg-strong: rgba(var(--as-panel-rgb), 0.80);
  --as-studio-control-bg: rgba(var(--as-card-rgb), 0.34);
  --as-studio-control-bg-soft: rgba(var(--as-card-rgb), 0.24);
  --as-studio-control-bg-medium: rgba(var(--as-card-rgb), 0.38);
  --as-studio-control-bg-strong: rgba(var(--as-card-rgb), 0.48);
  --as-studio-field-bg: rgba(var(--as-card-rgb), 0.28);
  --as-studio-work-bg: rgba(var(--as-panel-rgb), 0.62);
  --as-studio-border: rgba(var(--as-line-rgb), 0.34);
  --as-studio-border-soft: rgba(var(--as-line-rgb), 0.28);
  --as-studio-border-medium: rgba(var(--as-line-rgb), 0.38);
  --as-studio-border-visual: rgba(var(--as-line-rgb), 0.30);
  --as-studio-border-row: rgba(var(--as-line-rgb), 0.24);
  --as-studio-section-title-color: var(--as-section);
  --as-studio-section-title-subtle: rgba(var(--as-cta-rgb), 0.82);
  --as-studio-component-button-radius: var(--as-radius-lg);
  --as-studio-component-button-padding-x: 14px;
  --as-studio-component-button-bg: var(--as-studio-control-bg);
  --as-studio-component-button-bg-primary: var(--as-studio-lime);
  --as-studio-component-button-bg-danger: #b52b2b;
  --as-studio-component-button-bg-warning: #8a5a00;
  --as-studio-component-field-bg: var(--as-studio-field-bg);
  --as-studio-component-field-border: var(--as-studio-border);
  --as-studio-component-card-radius: var(--as-radius-modal);
  --as-studio-component-panel-radius: 18px;
  --as-studio-component-slider-height: var(--as-studio-range-thumb-size);
  --as-studio-component-status-dot-size: 10px;
  --as-studio-button-hover-bg: #444;
  --as-studio-record-button-border: rgba(255, 23, 51, 0.58);
  --as-studio-record-button-bg: rgba(214, 12, 36, 0.94);
  --as-studio-record-button-text: var(--as-text);
  --as-studio-record-button-live-bg: rgba(255, 23, 51, 0.18);
  --as-studio-record-dot-size: 11px;
  --as-studio-record-dot-shadow: 0 0 12px rgba(255, 23, 51, 0.34);
  --as-studio-record-dot-pulse-shadow: 0 0 0 7px rgba(255, 23, 51, 0);
  --as-studio-ready-dot-shadow: 0 0 12px rgba(107, 255, 149, 0.28);
  --as-studio-busy-dot-shadow: 0 0 12px rgba(255, 159, 0, 0.28);
  --as-studio-range-height: 12px;
  --as-studio-range-thumb-size: 28px;
  --as-studio-range-track-bg: rgba(249, 250, 251, 0.24);
  --as-studio-range-track-border: rgba(249, 250, 251, 0.34);
  --as-studio-range-fill-bg: rgba(var(--as-cta-rgb), 0.96);
  --as-studio-range-thumb-border: rgba(var(--as-cta-rgb), 0.78);
  --as-studio-range-thumb-bg: var(--as-cta);
  --as-studio-range-thumb-shadow: 0 0 0 4px rgba(var(--as-cta-rgb), 0.16), 0 0 18px rgba(var(--as-cta-rgb), 0.24);
  --as-studio-scrollbar-size: 10px;
  --as-studio-scrollbar-track: rgba(255, 255, 255, 0.045);
  --as-studio-scrollbar-thumb: rgba(var(--as-cta-rgb), 0.72);
  --as-studio-scrollbar-thumb-hover: rgba(var(--as-cta-rgb), 0.94);
  --as-studio-scrollbar-border: rgba(0, 0, 0, 0.40);
  --as-studio-danger-subtle-bg: rgba(255, 23, 51, 0.055);
  --as-studio-danger-subtle-border: rgba(255, 23, 51, 0.62);
  --as-studio-danger-subtle-text: rgba(255, 80, 98, 0.94);
  --as-studio-finish-bg: rgba(255, 23, 51, 0.74);
  --as-studio-warning-border: rgba(255, 159, 0, 0.58);
  --as-studio-warning-bg: rgba(255, 159, 0, 0.045);
  --as-studio-warning-text: var(--as-studio-warning-orange);
  --as-studio-play-button-bg: rgba(var(--as-cta-rgb), 0.28);
  --as-studio-play-button-border: rgba(var(--as-cta-rgb), 0.42);
  --as-studio-materials-launch-bg: rgba(var(--as-card-rgb), 0.34);
  --as-studio-materials-launch-border: rgba(var(--as-cta-rgb), 0.44);
  --as-studio-materials-launch-text: rgba(var(--as-cta-rgb), 0.92);
  --as-studio-materials-launch-hover-bg: rgba(var(--as-selected-rgb), 0.28);
  --as-studio-materials-launch-hover-border: rgba(var(--as-cta-rgb), 0.68);
  --as-studio-take-window-bg: rgba(5, 6, 9, 0.90);
  --as-studio-take-window-bg-strong: rgba(5, 6, 9, 0.96);
  --as-studio-take-hover-bg: rgba(255, 255, 255, 0.055);
  --as-studio-take-selected-bg: rgba(var(--as-cta-rgb), 0.10);
  --as-studio-take-selected-accent: rgba(var(--as-cta-rgb), 0.72);
  --as-studio-modal-backdrop-z: 12000;
  --as-studio-modal-open-z: var(--as-modal-z-index);
  --as-studio-modal-surface-bg: rgba(31, 31, 31, 0.98);
  --as-studio-modal-surface-border: rgba(255, 255, 255, 0.16);
  --as-studio-modal-surface-shadow: 0 24px 80px rgba(var(--as-bg-rgb), 0.62);
  --as-studio-modal-surface-radius: var(--as-radius-modal);
  --as-type-h1-size: var(--as-studio-type-h1-size);
  --as-type-h1-line: var(--as-studio-type-h1-line);
  --as-type-h1-weight: var(--as-studio-type-h1-weight);
  --as-type-work-size: var(--as-studio-type-work-size);
  --as-type-work-line: var(--as-studio-type-work-line);
  --as-type-work-weight: var(--as-studio-type-work-weight);
  --as-type-section-size: var(--as-studio-type-section-size);
  --as-type-section-line: var(--as-studio-type-section-line);
  --as-type-section-weight: var(--as-studio-type-section-weight);
  --as-type-info-size: var(--as-studio-type-info-size);
  --as-type-info-line: var(--as-studio-type-info-line);
  --as-type-info-weight: var(--as-studio-type-info-weight);
  --as-type-info-strong-weight: var(--as-studio-type-info-strong-weight);
  --as-left-width: var(--as-studio-left-width);
  --as-middle-width: var(--as-studio-middle-width);
  --as-gap: var(--as-studio-gap);
  --as-panel-pad: var(--as-studio-panel-pad);
  --as-real-button-gap: var(--as-studio-real-button-gap);
  --as-blue: var(--as-studio-lime);
  --as-lime: var(--as-studio-lime);
  --as-lime-soft: var(--as-studio-lime-soft);
  --as-red: var(--as-studio-red);
  --as-field-bg: rgba(var(--as-card-rgb), 0.28);
  --as-materials-control-gap: 8px;
  --as-materials-control-height: 42px;
  --as-materials-launch-height: 46px;
  --as-materials-work-bg: var(--as-studio-work-bg);
  --as-materials-control-button-bg: var(--as-studio-control-bg-strong);
  --as-materials-border: var(--as-studio-border-medium);
  --as-teleprompter-style-row-height: 32px;
  --as-teleprompter-style-gap: 6px;
  --as-teleprompter-font-select-width: 104px;
  --as-teleprompter-color-button-size: 30px;
  --as-teleprompter-input-language-label-width: 66px;
  --as-teleprompter-input-language-label-gap: 8px;
  --as-teleprompter-input-language-label-size: 11px;
  --as-teleprompter-input-language-option-width: 30px;
  --as-teleprompter-editor-font-size: 17px;
  --as-teleprompter-editor-line-height: 1.42;
  --as-teleprompter-editor-padding: 14px;
  --as-teleprompter-swatch-size: 24px;
  --as-teleprompter-modal-swatch-size: 42px;
  --as-teleprompter-modal-apply-bg: rgba(var(--as-card-rgb), 0.34);
  --as-teleprompter-modal-apply-border: rgba(var(--as-cta-rgb), 0.50);
  --as-teleprompter-modal-apply-text: rgba(var(--as-cta-rgb), 0.92);
  --as-teleprompter-modal-apply-hover-bg: rgba(var(--as-selected-rgb), 0.24);
  --as-teleprompter-swatch-border: rgba(249, 250, 251, 0.36);
  --as-teleprompter-swatch-active-border: rgba(var(--as-cta-rgb), 0.86);
  --as-teleprompter-swatch-active-shadow: 0 0 0 3px rgba(var(--as-cta-rgb), 0.16);
  --as-teleprompter-color-yellow: #f2c94c;
  --as-teleprompter-color-white: #ffffff;
  --as-teleprompter-color-lime: var(--as-cta);
  --as-teleprompter-color-black: #000000;
  --as-teleprompter-color-panel: var(--as-panel);
  --as-control-height: var(--as-studio-control-height);
  --as-playback-control-height: var(--as-studio-playback-control-height);
  --as-remote-button-height: var(--as-studio-remote-button-height);
  --as-mobile-takes-min-height: var(--as-studio-mobile-takes-min-height);
  --as-mobile-preview-height: var(--as-studio-mobile-preview-height);
  --as-qr-size: var(--as-studio-qr-size);
  --as-qr-compact-size: var(--as-studio-qr-compact-size);
  --as-right-preview-min-height: var(--as-studio-right-preview-min-height);
  --as-page-overflow-x: var(--as-studio-page-overflow-x);
  --as-page-overflow-y: var(--as-studio-page-overflow-y);
  --as-app-overflow: var(--as-studio-app-overflow);
  --as-panel-overflow-x: var(--as-studio-panel-overflow-x);
  --as-left-panel-overflow-y: var(--as-studio-left-panel-overflow-y);
  --as-center-panel-overflow: var(--as-studio-center-panel-overflow);
  --as-right-panel-overflow-y: var(--as-studio-right-panel-overflow-y);
  --as-center-open-materials-min-height: var(--as-studio-center-open-materials-min-height);
  --as-right-preview-flex: var(--as-studio-right-preview-flex);
  --as-right-preview-height: var(--as-studio-right-preview-height);
  --as-right-preview-margin-bottom: var(--as-studio-right-preview-margin-bottom);
  --as-right-remote-grid-rows: var(--as-studio-right-remote-grid-rows);
  --as-right-remote-gap: var(--as-studio-right-remote-gap);
  --as-right-remote-margin-bottom: var(--as-studio-right-remote-margin-bottom);
  --as-right-remote-padding: var(--as-studio-right-remote-padding);
  --as-right-remote-button-font-size: var(--as-studio-right-remote-button-font-size);
  --as-materials-buttons-gap: var(--as-studio-materials-buttons-gap);
  --as-center-takes-open-flex-basis: var(--as-studio-center-takes-open-flex-basis);
  --as-center-takes-open-min-height: var(--as-studio-center-takes-open-min-height);
  --as-center-takes-open-max-height: var(--as-studio-center-takes-open-max-height);
  --as-center-takes-open-margin-bottom: var(--as-studio-center-takes-open-margin-bottom);
  --as-center-materials-peek-min-height: var(--as-studio-center-materials-peek-min-height);
  --as-center-split-handle-height: var(--as-studio-center-split-handle-height);
  --as-center-split-handle-line-width: var(--as-studio-center-split-handle-line-width);
  --as-center-split-handle-line-height: var(--as-studio-center-split-handle-line-height);
  --as-center-takes-window-padding: var(--as-studio-center-takes-window-padding);
  --as-center-takes-window-border-radius: var(--as-studio-center-takes-window-border-radius);
  --as-left-button-grid-gap: var(--as-studio-left-button-grid-gap);
  --as-left-background-current-height: var(--as-studio-left-background-current-height);
  --as-left-background-current-margin-bottom: var(--as-studio-left-background-current-margin-bottom);
  --as-left-background-row-margin: var(--as-studio-left-background-row-margin);
  --as-left-sources-button-margin: var(--as-studio-left-sources-button-margin);
  --as-left-account-line-min-height: var(--as-studio-left-account-line-min-height);
  --as-left-account-line-font-size: var(--as-studio-left-account-line-font-size);
  --as-left-other-shoots-margin-top: var(--as-studio-left-other-shoots-margin-top);
  --as-left-other-shoots-gap: var(--as-studio-left-other-shoots-gap);
  --as-left-finish-button-height: var(--as-studio-left-finish-button-height);
  --as-left-finish-button-margin-top: var(--as-studio-left-finish-button-margin-top);
  --as-left-qr-margin-top: var(--as-studio-left-qr-margin-top);
  --as-left-qr-caption-min-height: var(--as-studio-left-qr-caption-min-height);
  --as-left-qr-caption-margin-top: var(--as-studio-left-qr-caption-margin-top);
  --as-left-qr-caption-font-size: var(--as-studio-left-qr-caption-font-size);
  --as-left-qr-caption-line-height: var(--as-studio-left-qr-caption-line-height);
  --as-left-source-tags-gap: var(--as-studio-left-source-tags-gap);
  --as-left-source-tags-margin-top: var(--as-studio-left-source-tags-margin-top);
  --as-left-tag-padding: var(--as-studio-left-tag-padding);
  --as-left-tag-font-size: var(--as-studio-left-tag-font-size);
  --as-h1-margin-bottom: var(--as-studio-h1-margin-bottom);
  --as-section-title-margin: var(--as-studio-section-title-margin);
  --as-summary-box-padding: var(--as-studio-summary-box-padding);
  --as-summary-box-margin: var(--as-studio-summary-box-margin);
  --as-summary-line-padding-y: var(--as-studio-summary-line-padding-y);
  --as-playback-card-margin-bottom: var(--as-studio-playback-card-margin-bottom);
  --as-playback-title-margin-bottom: var(--as-studio-playback-title-margin-bottom);
  --as-playback-controls-gap: var(--as-studio-playback-controls-gap);
  --as-playback-controls-margin-bottom: var(--as-studio-playback-controls-margin-bottom);
  --as-playback-seek-margin-bottom: var(--as-studio-playback-seek-margin-bottom);
  --as-playback-delete-margin-bottom: var(--as-studio-playback-delete-margin-bottom);
  --as-component-button-height: var(--as-studio-control-height);
  --as-component-button-radius: var(--as-studio-component-button-radius);
  --as-component-button-padding-x: var(--as-studio-component-button-padding-x);
  --as-component-button-bg: var(--as-studio-component-button-bg);
  --as-component-button-bg-primary: var(--as-studio-component-button-bg-primary);
  --as-component-button-bg-danger: var(--as-studio-component-button-bg-danger);
  --as-component-button-bg-warning: var(--as-studio-component-button-bg-warning);
  --as-component-field-bg: var(--as-studio-component-field-bg);
  --as-component-field-border: var(--as-studio-component-field-border);
  --as-component-card-radius: var(--as-studio-component-card-radius);
  --as-component-panel-radius: var(--as-studio-component-panel-radius);
  --as-component-slider-height: var(--as-studio-component-slider-height);
  --as-component-status-dot-size: var(--as-studio-component-status-dot-size);
  --as-component-inline-action-width: 150px;
  --as-component-inline-action-padding-x: 12px;
  --as-component-launch-padding-x: 14px;
  --as-component-range-row-height: 24px;
  --as-component-range-value-width: 54px;
  --as-component-overlay-padding: 24px;
  --as-component-modal-width: 560px;
  --as-component-modal-padding: 22px;
  --as-component-modal-radius: 18px;
  --as-component-modal-header-gap: 16px;
  --as-component-modal-header-margin-bottom: 18px;
  --as-component-modal-actions-gap: 10px;
  --as-component-checkbox-gap: 10px;
  --as-component-checkbox-padding: 12px;
  --as-component-preset-gap: 8px;
  --as-sources-modal-width: min(680px, calc(100vw - 48px));
  --as-sources-modal-padding: 26px;
  --as-sources-modal-title-size: 24px;
  --as-sources-close-size: 48px;
  --as-sources-list-gap: 10px;
  --as-sources-row-height: 54px;
  --as-sources-row-padding-x: 14px;
  --as-sources-row-gap: 12px;
  --as-sources-checkbox-size: 22px;
  --as-sources-preset-gap: 10px;
  --as-sources-preset-height: 50px;
  --as-sources-actions-gap: 12px;
  --as-sources-actions-height: 52px;
  --as-component-bg-modal-width: min(1100px, 96vw);
  --as-component-bg-modal-max-height: 88vh;
  --as-component-bg-modal-header-padding: 16px 18px;
  --as-component-bg-modal-toolbar-padding: 14px 18px;
  --as-component-bg-modal-toolbar-gap: 10px;
  --as-component-bg-modal-body-padding: 18px;
  --as-component-bg-grid-gap: 12px;
  --as-component-bg-card-radius: 14px;
  --as-component-bg-card-info-padding: 10px;
  --as-component-source-picker-width: min(760px, calc(100vw - 48px));
  --as-component-source-picker-max-height: calc(100vh - 48px);
  --as-component-source-picker-padding: 18px;
  --as-component-source-picker-radius: 18px;
  --as-component-source-picker-list-gap: 8px;
  --as-component-picker-row-height: 54px;
  --as-component-picker-row-gap: 10px;
  --as-component-picker-row-padding: 9px 12px;
  --as-component-qr-size: var(--as-studio-qr-size);
  --as-muted: var(--as-studio-text-muted);
  --as-muted-2: rgba(142, 142, 142, 0.72);
  --as-panel-strong: var(--as-studio-panel-bg-strong);
  --as-line: var(--as-studio-border);
  --as-lime-line: var(--as-index-selected-border);
  --as-font: var(--as-font-main);
  --as-black: var(--as-bg);
  --as-white: var(--as-text);
  --as-soft-white: var(--as-text-soft);
  --as-ink: var(--as-panel);
  --as-graphite: var(--as-card);
  --as-dark-gray: var(--as-line-base);
  --as-muted-gray: var(--as-text-muted);
  --as-deep-olive: var(--as-olive-deep);
  --as-olive: var(--as-selected);
  --as-lime-shadow: var(--as-section);
  --as-light-glow: var(--as-studio-lime-soft);
  --as-speaker-left-width: clamp(420px, 25.4vw, 480px);
  --as-speaker-middle-width: clamp(340px, 26vw, 480px);
  --as-speaker-panel-padding: 12px;
  --as-speaker-section-gap: 8px;
  --as-speaker-shell-bottom-reserve: 24px;
  --as-speaker-secondary-control-height: 48px;
  --as-speaker-record-height: 64px;
  --as-speaker-qr-size: var(--as-studio-qr-size);
  --as-speaker-section-size: var(--as-type-xs);
  --as-speaker-take-title-size: var(--as-type-body);
  --as-speaker-source-size: var(--as-type-xs);
  --as-speaker-take-row-height: 40px;
  --as-speaker-selected-surface: var(--as-selected);
  --as-speaker-selected-text: var(--as-text-soft);
  --as-speaker-small-control-height: 38px;
  --as-speaker-chip-padding: 4px 8px;
  --as-speaker-health-size: 12px;
  --as-speaker-stat-padding: 0 4px;
  --as-speaker-short-gap: 4px;
  --as-speaker-short-padding: 8px;
  --as-speaker-short-bottom-reserve: 8px;
}