.refprefs-language-menu { position: fixed; z-index: 170; width: min(11.8865rem,calc(100vw - 1.1348rem)); height: min(17.4184rem,calc(100dvh - 1.5887rem)); overflow: auto; padding: 0.2837rem; border: 1px solid #ffffff18; border-radius: 0.5106rem; background: #202127; color: #e3e5eb; box-shadow: 0 0.6809rem 2.383rem #0008; overscroll-behavior: contain; }
.refprefs-language-menu[hidden], .refprefs-status[hidden], .refprefs-language-check[hidden] { display: none !important; }
.refprefs-language-list { display: grid; gap: 1px; }
.refprefs-language-option { display: flex; align-items: center; justify-content: space-between; gap: 0.5674rem; width: 100%; min-height: 1.9291rem; padding: 0.3404rem 0.6241rem; border: 0; border-radius: 0.2837rem; background: transparent; color: inherit; font: inherit; font-size: 0.7546rem; text-align: left; cursor: pointer; }
.refprefs-language-option:hover, .refprefs-language-option:focus-visible { background: #ffffff0b; outline: 0; color: #fff; }
.refprefs-language-option[aria-selected="true"] { background: #777af314; color: #b9c7ff; }
.refprefs-language-check { display: inline-flex; align-items: center; }
.refprefs-language-check svg { width: 0.8511rem; height: 0.8511rem; }
.refprefs-language-menu::-webkit-scrollbar { width: 0.227rem; }
.refprefs-language-menu::-webkit-scrollbar-thumb { border-radius: 0.3404rem; background: #ffffff27; }
.refprefs-status { position: fixed; z-index: 180; left: 50%; bottom: max(1.3617rem,env(safe-area-inset-bottom)); transform: translateX(-50%); width: max-content; max-width: min(29.5035rem,calc(100vw - 1.8156rem)); padding: 0.6809rem 0.9078rem; border: 1px solid #9aabcb30; border-radius: 0.5674rem; background: #20232eed; color: #dce4f4; font-size: 0.7376rem; line-height: 1.65; box-shadow: 0 0.5106rem 1.7021rem #0005; pointer-events: none; }
.refprefs-masked { letter-spacing: .8px; font-variant-numeric: normal; }

/* A complete surface palette, rather than inverting assets or applying a
   filter. Brand icons, uploaded media and generated artwork retain their
   original colours; text and interactive surfaces remain readable. */
html[data-display-theme="light"] { color-scheme: light; --bg: #f5f6f9; --panel: #fff; --panel-2: #f3f5f8; --panel-3: #e9eef5; --line: #dbe1e9; --line-strong: #40a3b7; --text: #253247; --muted: #66748b; --muted-2: #8490a3; --cyan: #088c9d; --cyan-2: #008a9d; --yellow: #a47404; --orange: #b4661c; }
html[data-display-theme="light"] body { color: #253247; background: #f5f6f9; }
html[data-display-theme="light"] :is(.sidebar,.workspace,.workspace-topbar,.model-browser,.primary-nav,.account-strip,.account-view,.api-view,.agent-view,.inspiration-view) { color: #253247; background-color: #f8f9fb; border-color: #dae0e9; }
html[data-display-theme="light"] :is(.sidebar,.workspace-topbar,.account-strip) { background: #fff; }
html[data-display-theme="light"] :is(.brand-copy strong,.model-card h3,.model-card h3 a,.current-model,.profile-name strong,.profile-heading h2,.account-page-head h1,.account-section-title,.account-tools b,.model-guide strong,.model-name-row h3,.hero h1,.hero h2,.hero-heading,.media-composer-heading h2,.media-result-heading h2) { color: #27354c; }
html[data-display-theme="light"] :is(.model-card p,.hero-notice,.model-guide,.agent-detail p,.inspiration-meta,.profile-name span,.account-tools small,.model-filter label,.empty-models,.empty-state,.account-empty,.api-doc-head p,.breadcrumbs) { color: #69778d; }
html[data-display-theme="light"] :is(.model-card,.agent-card,.agent-directory-sidebar,.agent-detail,.agent-directory-layout,.inspiration-filter,.inspiration-card,.api-doc-shell,.api-doc-grid > aside,.api-doc-grid > article,.profile-panel,.works-panel,.work-card,.balance-card,.usage-card,.transaction-row,.media-result-panel,.media-result-card) { border-color: #dbe2ed; background: #fff; color: #2f3d55; box-shadow: none; }
html[data-display-theme="light"] :is(.model-card.selected,.model-card:hover,.agent-card.active,.agent-card:hover) { background: #eaf7fa; border-color: #72c7d5; }
html[data-display-theme="light"] .model-glass-layer { background: #18a6bf0c; border-color: #0e9dbd23; }
html[data-display-theme="light"] :is(.category-tab,.primary-item,.history-tab,.account-tabs button,.account-filter,.account-back,.copy-id,.account-tools button,.account-collapse,.primary-nav button) { color: #56647b; }
html[data-display-theme="light"] :is(.category-tab.active,.primary-item.active,.account-tabs button.active) { color: #18798f; background-color: #dff3f8; }
html[data-display-theme="light"] :is(.round-action,.guide-button,.history-tab,.mobile-menu,.account-back,.account-filter,.account-collapse,.profile-edit,.copy-id) { border-color: #d8e1ed; background-color: #f5f7fb; color: #65738a; }
html[data-display-theme="light"] .new-chat { color: #4c3100; }
html[data-display-theme="light"] .primary-item[data-view="api"] { color: #a47404; }
html[data-display-theme="light"] :is(.chat-message,.chat-message.system) { background: #fff; border-color: #dbe4ef; color: #35455f; }
html[data-display-theme="light"] .chat-message.user { background: #eaf6f8; color: #244d58; }
html[data-display-theme="light"] :is(.composer,.media-composer,.media-result-panel,.audio-field-grid,.reference-slot,.asset-text-button,.attachment,.composer-rail,.billing-popover,.media-param-popover,.media-parameter-panel,.model-hover-card,.text-asset-list,.asset-library-card) { background: #fff; border-color: #d8e1ec; color: #31435e; }
html[data-display-theme="light"] .composer { box-shadow: 0 0.4539rem 1.5887rem #364c6c12; }
html[data-display-theme="light"] :is(.tool-chip,.composer-rail button,.reference-slot,.reference-slot-wrap,.media-option-chip,.param-chip,.media-field-toggle,.reference-slot-add) { background-color: #f0f3f8; color: #596c87; border-color: #dbe3ee; }
html[data-display-theme="light"] :is(.tool-chip.active,.composer-rail button.active,.media-option-chip.active,.param-chip.active) { background-color: #e3f5f7; color: #127e91; border-color: #90cdd7; }
html[data-display-theme="light"] :is(:is(#prompt,.refmedia-rich-input),#audio-lyrics,#audio-title,#audio-description,.composer :is(textarea,.refmedia-rich-input),.composer input,.audio-field-grid textarea,.audio-field-grid input) { color: #2d3d56; background: transparent; }
html[data-display-theme="light"] :is(.billing-label,.billing-row,.billing-unit,.billing-popover strong,.media-param-popover button,.media-parameter-panel button) { color: #3b4d68; }
html[data-display-theme="light"] :is(.billing-note,.billing-empty,.billing-status,.audio-field-grid label,.reference-slot small) { color: #748099; }
html[data-display-theme="light"] :is(.sidebar input,.sidebar select,.model-filter select,.model-filter input,.drawer-search,.api-doc-grid input,.inspiration-filter input) { color: #34445d; background: #f5f7fa; border-color: #d6e0eb; }
html[data-display-theme="light"] :is(input,textarea)::placeholder { color: #98a3b3; }
html[data-display-theme="light"] :is(.modal,.modal.refcp,.modal.refep,.modal.reference-utility-panel,.manual-drawer,.history-drawer,.more-panel,.refep-floating,.refprefs-language-menu) { background: #fff !important; color: #2e3d54 !important; border-color: #dce3ec !important; box-shadow: 0 1.0213rem 3.6879rem #33445d24; }
html[data-display-theme="light"] :is(.modal,.refcp,.refep,.reference-utility-panel,.manual-drawer,.history-drawer) :is(h2,h3,h4,strong,b,label) { color: #33435d; }
html[data-display-theme="light"] :is(.modal,.refcp,.refep,.reference-utility-panel,.manual-drawer,.history-drawer) :is(p,small,.refcp-muted,.refcp-status,.reference-utility-field-tip,.reference-utility-empty,.refep-availability,.refep-card-copy small) { color: #738199; }
html[data-display-theme="light"] :is(.modal,.refcp,.refep,.reference-utility-panel,.manual-drawer,.history-drawer) :is(input,textarea,select) { border-color: #dbe3ed; background: #f7f9fc; color: #34435b; }
html[data-display-theme="light"] :is(.refcp-head,.refcp-footer,.refep-guide-head,.refep-guide-footer,.refep-dialog-head,.refep-dialog-footer,.refep-more-head,.refep-routing-head,.refep-routing-divider,.reference-utility-header,.reference-utility-footer) { border-color: #e5eaf1; }
html[data-display-theme="light"] :is(.refcp-card,.refcp-skill-card,.refcp-tool,.refcp-option,.refcp-generation,.refcp-stepper,.refcp-switch,.refcp-record,.refcp-mode-card,.refcp-info,.refcp-memory-empty,.refep-more-card,.refep-strategy,.refep-help-strategies article,.reference-utility-tier,.reference-utility-method,.reference-utility-device,.reference-utility-accordion,.reference-utility-feedback-notice,.reference-utility-tabs,.reference-utility-status,.reference-utility-empty,.routing-strategies button,.settings-grid,.skill-grid article,.skills-strip,.available-model,.endpoint,.option-grid button,.switch-row,.stepper-row) { border-color: #dce3ed; background-color: #f7f9fc; color: #485b78; }
html[data-display-theme="light"] :is(.refep-more-card:hover,.refep-strategy:hover,.refcp-skill-card:hover,.refprefs-language-option:hover) { background: #edf5f9; }
html[data-display-theme="light"] :is(.refep-strategy.active,.refcp-mode-card.active,.refcp-generation.active,.reference-utility-tier.is-selected,.reference-utility-method.is-selected,.routing-strategies button.active,.option-grid button.active,.refprefs-language-option[aria-selected="true"]) { color: #4867a4; border-color: #a4b9dc; background: #eaf0fc; }
html[data-display-theme="light"] :is(.refep-strategy.active .refep-icon,.refep-strategy.active .refep-selected-check,.refep-help-strategies .refep-icon) { color: #718bbc; }
html[data-display-theme="light"] :is(.refep-card-copy strong,.refep-guide-section strong,.refep-guide-section h3,.refep-guide-head h2,.refep-records-empty h3) { color: #33445f; }
html[data-display-theme="light"] :is(.refep-guide-intro,.refep-guide-section li span,.refep-guide-takeaway p,.refep-strategy-description,.refep-help-link,.refep-routing-caveats p) { color: #687c96 !important; }
html[data-display-theme="light"] :is(.refep-guide-info,.refep-guide-takeaway,.refep-routing-caveats,.refcp-memory-empty,.refcp-resident-banner) { border-color: #b9dfe7; background: #eaf6f9; }
html[data-display-theme="light"] .refep-guide-info { color: #3597aa; }
html[data-display-theme="light"] :is(.refep-close,.refcp-close,.reference-utility-close,.close-button) { color: #8997ab !important; }
html[data-display-theme="light"] :is(.refep-close:hover,.refcp-close:hover,.reference-utility-close:hover,.close-button:hover) { color: #3f506c !important; background: #edf1f7; }
html[data-display-theme="light"] :is(.refep-channel-empty strong,.refep-channel-empty p,.refep-help-strategies p,.refep-routing-flow li,.refep-more-group h3,.refep-more-head p,.refep-more-group > header > span) { color: #7988a0; }
html[data-display-theme="light"] .refep-reward-banner { background: linear-gradient(100deg,#fff8e5,#fffaf1); border-color: #ecddb8; }
html[data-display-theme="light"] :is(.refep-reward-banner strong,.refep-reward-banner span,.refep-reward-banner p,.refep-reward-banner em) { color: #967831; }
html[data-display-theme="light"] :is(.refep-reward-banner-icon,.refep-reward-steps article,.refep-reward-notice) { background: #fff9ea; border-color: #ece0c6; color: #a68a4a; }
html[data-display-theme="light"] :is(.refep-reward-videos,.refep-portrait-slot,.refep-template-slot) { background: #f5f4fa; border-color: #e5e0ef; color: #8b87a1; }
html[data-display-theme="light"] :is(.refep-reward-steps p,.refep-current-campaign > p,.refep-reward-notice p) { color: #878797; }
html[data-display-theme="light"] :is(.refep-record-button,.refep-secondary,.refcp-secondary,.reference-utility-button.secondary) { background: #f5f7fb; border-color: #dbe4f0; color: #627492; }
html[data-display-theme="light"] .refep-reward-submit { background: #fff5d8; border-color: #ecddb3; color: #b39b63 !important; }
html[data-display-theme="light"] .refprefs-status { background: #fffef8f5; border-color: #dbe4ef; color: #6b7b93; box-shadow: 0 0.4539rem 1.7021rem #5265811a; }
html[data-display-theme="light"] :is(.api-doc-shell pre,.modal pre,.manual-content pre) { color: #3f516e; background: #f1f5fa; border-color: #dce4ef; }
html[data-display-theme="light"] .works-notice { color: #987e3d; background: #fff8df; border-color: #f0e5b9; }
html[data-display-theme="light"] .model-hover-card { box-shadow: 0 0.6809rem 2.0426rem #35425d23; }
html[data-display-theme="light"] .modal-backdrop { background: #52658140 !important; }
html[data-display-theme="light"] .modal.refcp { --refcp-text: #34435b; --refcp-muted: #738199; --refcp-line: #dbe2ec; --refcp-teal: #2a998c; --refcp-purple: #8565b7; }
html[data-display-theme="light"] .modal.reference-utility-panel { --utility-muted: #738199; --utility-line: #dbe2ec; }
html[data-display-theme="light"] :is(.refcp-footer,.refcp-memory-toolbar,.refcp-memory-card,.refcp-skills-intro,.refcp-search,.refcp-source-tabs,.refcp-load-modes > button,.refcp-auto-choice,.refcp-help-bubble,.reference-utility-card-tips,.reference-utility-current-browser,.reference-utility-select > button,.reference-utility-select-options,.reference-utility-image-add,.reference-utility-announcement-card,.reference-utility-announcement-footer button,.reference-utility-checkin-main,.reference-utility-checkin-side,.reference-utility-payment-methods > button,.reference-utility-message-actions button,.reference-utility-message-batch button) { background: #f6f8fb; border-color: #dce4ef; color: #697e9b; }
html[data-display-theme="light"] :is(.refcp-setting-name,.refcp-generation > span,.refcp-number-row,.refcp-memory-toolbar > span,.refcp-field > span,.refcp-skills-intro b,.refcp-source-tabs button,.refcp-tool-choices > button,.refcp-category-tabs button,.refcp-resident,.refcp-skill-select,.refcp-load-modes b) { color: #6a7891; }
html[data-display-theme="light"] :is(.refcp-tool-choices > button,.refcp-category-tabs button,.refcp-resident,.refcp-skill-select,.refcp-card-pills .refcp-category-pill,.refcp-skill-tags span) { background-color: #f0f3f8; border-color: #dce3ed; color: #7786a0; }
html[data-display-theme="light"] :is(.refcp-skill-card.is-selected,.refcp-tool-choices > button.active,.refcp-category-tabs button.active,.refcp-source-tabs button.active,.refcp-load-modes > button.active,.refcp-skill-select.active) { background-color: #e7f4f0; border-color: #a7d2c6; color: #4b9885; }
html[data-display-theme="light"] :is(.refcp-skill-card.is-resident,.refcp-resident.active) { background-color: #f2edf9; border-color: #ccb8e0; color: #977aae; }
html[data-display-theme="light"] .refcp-switch { background: #c4ccd8; }
html[data-display-theme="light"] .refcp-switch[aria-checked="true"] { background: #34a38f; }
html[data-display-theme="light"] .refcp .purple .refcp-switch[aria-checked="true"] { background: #9b7abb; }
html[data-display-theme="light"] .reference-utility-field { color: #6e7c92 !important; }
html[data-display-theme="light"] :is(.reference-utility-field input,.reference-utility-field textarea) { border-color: #dbe3ed !important; background: #f7f9fc !important; color: #34435b !important; }
html[data-display-theme="light"] :is(.reference-utility-tier-money small,.reference-utility-device-note p,.reference-utility-status) { color: #7788a0 !important; }
