/* Cool gray preview. Cream restore point: 5a73236. Existing theme hooks are retained. */
:root[data-theme="cream"]{
 --ink:#252932;--muted:#737986;--green:#29694f;--green-dark:#1e533f;
 --mint:#eceede;--lime:#dce6bd;--line:#e0e3eb;--paper:#f2f3f7;--soft:#e9ecf2;
 --cream-panel:#ffffff;--cream-field:#ffffff;--shadow:0 8px 30px #1f2a4408;
 color-scheme:light;scrollbar-color:#bbc1cd #f2f3f7;background:var(--paper);
}
:root[data-theme="cream"] body{
 color:var(--ink);background:#f2f3f7;min-height:100dvh;
}
:root[data-theme="cream"] ::selection{background:#dce6bd;color:#294c37}
:root[data-theme="cream"] :focus-visible{outline-color:#527d55}
:root[data-theme="cream"] :is(.site-header,.sidebar){background:#f8f9fc;border-color:var(--line)}
:root[data-theme="cream"] :is(.app-main,.app-content,.app-shell,.login-left){background:transparent}
:root[data-theme="cream"] .login-right{background:#e9edf4;border-left:1px solid var(--line)}
:root[data-theme="cream"] .checkout-maintenance{background:#eaedf3;color:#59634a;border-color:#dce1e9}
:root[data-theme="cream"] .login-page:has(>.checkout-maintenance){grid-template-rows:auto 1fr}
:root[data-theme="cream"] .login-page>.checkout-maintenance{grid-column:1/-1}

/* Quiet neutral sections, with the existing green brand accents. */
:root[data-theme="cream"] :is(.quiet-band,.platform-landing .quiet-band,.automation-section,.pricing-section){background:#e9ecf2;border-color:var(--line)}
:root[data-theme="cream"] :is(.tiktok-note,.self-hosted-offer){background:#eef0f5;border-color:var(--line)}
:root[data-theme="cream"] :is(.section-heading,.faqs details,.last-call,.site-footer){border-color:var(--line)}
:root[data-theme="cream"] :is(.hero-description,.hero-note,.section-heading>p,.workflow-feature>p,.automation-copy>p,.small-feature-grid p,.pricing-intro p,.pricing-bottom-note,.faqs details>p,.faq-section>div>p,.last-call p,.site-footer){color:var(--muted)}
:root[data-theme="cream"] .hero-tree{--tree-line:#b5bca2;background-image:radial-gradient(circle,#b7b9a44d .7px,transparent .8px)}
:root[data-theme="cream"] :is(.tree-generation,.tree-platform){background:var(--cream-panel);border-color:#dddcca;box-shadow:0 7px 22px #69583a08}
:root[data-theme="cream"] :is(.tree-schedule-label,.tree-dm-label,.tree-footnote){background:transparent}

/* Cards and controls stay a little lighter than the page. */
:root[data-theme="cream"] :is(.panel,.stat-card,.video-card,.studio-card,.connect-card,.connected-account,.calendar-week,.credit-plan,.modal,.credit-examples-dialog,.toast,.automation-preview){background:var(--cream-panel);border-color:var(--line)}
:root[data-theme="cream"] :is(.panel-header,.panel-body,.modal-header,.modal-footer,.form-section,.form-actions,.setting-summary,.automation-app-row,.activity-item,.preview-queue-row,.preview-queue-title,.credit-example-row,.addon-row,.price-features){border-color:var(--line)}
:root[data-theme="cream"] :is(.preview-window-bar,.preview-cadence,.preview-window-footer,.automation-footer,.schedule-table thead){background:#f5f6fa;border-color:var(--line)}
:root[data-theme="cream"] :is(.credit-plan-description,.credit-plan-allowance small,.credit-example-row small,.price-features li,.price-subtext,.price small,.addon-row small,.field-help,.field small,.studio-history-note,.studio-card-caption small){color:var(--muted)}
:root[data-theme="cream"] .credit-plan-featured{border-color:#93a574}
:root[data-theme="cream"] :is(.credit-plan-allowance,.billing-options article,.automation-setup,.automation-step,.music-settings,.schedule-music-note,.dm-target,.topup-card){background:#f4f6f9;border-color:#e0e4ec}
:root[data-theme="cream"] .automation-step:hover{background:#eeeedc;border-color:#b0b98d}
:root[data-theme="cream"] :is(.workspace-switch,.workspace-menu-toggle){background:var(--cream-panel);border-color:var(--line)}
:root[data-theme="cream"] :is(.workspace-switch small,.sidebar-profile small,.sidebar-credit-card p,.nav-section-label){color:#77786a}
:root[data-theme="cream"] :is(.side-nav a,.sidebar-tools>a,.sidebar-tools>button){color:#69715e}
:root[data-theme="cream"] :is(.side-nav a:hover,.sidebar-tools>a:hover,.sidebar-tools>button:hover){background:#edf0f5;color:#42633e}
:root[data-theme="cream"] .side-nav a.active{background:#e8ebd7;color:#41663b}
:root[data-theme="cream"] .sidebar-credit-card{background:#eff3ee;border-color:#dce5d8}
:root[data-theme="cream"] .button-secondary{background:var(--cream-panel);border-color:#dce1e9}
:root[data-theme="cream"] .button-secondary:hover{background:#edf1f5}
:root[data-theme="cream"] :is(.field input,.field textarea,.field select,.search-field input,.caption-text){background:var(--cream-field);border-color:#dce1e9;color:#45533c;color-scheme:light}
:root[data-theme="cream"] .field input::placeholder,
:root[data-theme="cream"] .field textarea::placeholder,
:root[data-theme="cream"] .search-field input::placeholder,
:root[data-theme="cream"] .caption-text::placeholder{color:#7a8190;opacity:1}
:root[data-theme="cream"] :is(.choice-card,.upload-zone,.uploaded-file,.studio-frame){background:#f8f9fc;border-color:#dce1e9}
:root[data-theme="cream"] .character-option{background:var(--cream-panel)}
:root[data-theme="cream"] :is(.choice-card.selected,.choice-card:has(input:checked),.character-option.selected){background:#eef0de;border-color:#95ad72}
:root[data-theme="cream"] :is(.tabs,.studio-tabs){background:#eceff4;border-color:#dce1e9}
:root[data-theme="cream"] :is(.tabs button.active,.studio-tabs button.selected){background:var(--cream-panel)}
:root[data-theme="cream"] :is(.studio-frame:hover,.studio-frame:focus-visible,.studio-frame.is-dragging){background:#efefdc}
:root[data-theme="cream"] .studio-audio{background:#f0f3f7}
:root[data-theme="cream"] :is(.studio-card-media,.video-card-image,.next-video-preview){background:#e9edf3}
:root[data-theme="cream"] .studio-empty{background:linear-gradient(145deg,#edf0f6,#fbfcfe);border-color:var(--line)}
:root[data-theme="cream"] .studio-menu>div{background:var(--cream-panel);border-color:#dce1e9}
:root[data-theme="cream"] :is(.studio-menu a:hover,.studio-menu button:hover){background:#edf1f5}
:root[data-theme="cream"] #studio-history-content{scrollbar-color:#bbc1cd #f2f3f7}
:root[data-theme="cream"] :is(.login-form>p,.login-fineprint,.legal-page p,.legal-page li,.paywall-intro){color:var(--muted)}

/* The product previews share the same neutral surfaces as the live workspace. */
:root[data-theme="cream"] .site-header{background:var(--paper)}
:root[data-theme="cream"] .tour-window{border-color:var(--line);box-shadow:0 22px 55px -20px #27345126,0 3px 8px #1f2a4404}
:root[data-theme="cream"] .tour-sidebar{background:#fafbfe}
:root[data-theme="cream"] :is(.tour-playback,.tour-workspace,.tour-app-header,.tour-mini-tabs>b,.tour-field,.tour-media-tray,.tour-calendar,.tour-schedule-popover,.tour-rule,.showcase-tabs,.showcase-copy,.showcase-app-top,.showcase-studio-form,.showcase-field,.showcase-options){background:#fff;border-color:var(--line)}
:root[data-theme="cream"] .tour-dm{background:radial-gradient(ellipse at 75% 45%,#e9eef4,var(--paper) 75%)}
:root[data-theme="cream"] .tour-steps>button{background:#f7f8fb;border-color:var(--line)}
:root[data-theme="cream"] .tour-steps>button[aria-pressed="true"]{background:#fff;border-color:#aebd96}
:root[data-theme="cream"] .tour-footnote>small{color:#8a919e}
:root[data-theme="cream"] :is(.tour-calendar-column,.tour-rule>small){border-color:var(--line)}
:root[data-theme="cream"] .tour-empty-slot{background:#f0f2f7;border-color:var(--line)}
:root[data-theme="cream"] .showcase-browser{background:var(--paper);border-color:#fff}
:root[data-theme="cream"] .showcase-browser-bar{background:#e5e8ef}
:root[data-theme="cream"] .showcase-browser-bar>div{background:#fafbfe}
:root[data-theme="cream"] .showcase-phone-stage{background:var(--paper)}
:root[data-theme="cream"] .showcase-tabs>button:not([aria-selected="true"]):hover{background:#edf0f5}
