.reval-theme-toggle{width:38px;height:38px;min-height:38px;padding:8px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.reval-theme-toggle svg{width:21px;height:21px}
html[data-theme=light]{--bg:#F5F2FF;--panel:#FCFAFF;--line:#DDD5EF;--muted:#626680;--text:#0B1B3D}
html[data-theme=light] body,html[data-theme=light] .shell,html[data-theme=light] #app{background:#F5F2FF;color:#0B1B3D}
html[data-theme=light] :is(#header,footer,.refined-footer){background:#FCFAFF!important;color:#0B1B3D;border-color:#DDD5EF}
html[data-theme=light] :is(.panel,.card,.asset-card,.collection-card,.collection-table-row,.collection-table-head,.project-card,.profile-card,.profile-summary,.chat-history,.inline-settings,dialog,.auth-card,.user-account-card,.starter-prompts button,.prompt-bar,.prompt-bar__inner,.collection-empty,.collection-more>div,.output-more>div,.asset-more>div){background:#FCFAFF!important;color:#0B1B3D!important;border-color:#DDD5EF!important}
html[data-theme=light] :is(input,textarea,select){background:#F7F4FF!important;color:#0B1B3D!important;border-color:#D5CBE8!important}
html[data-theme=light] :is(input,textarea)::placeholder{color:#74758D}
html[data-theme=light] :is(p,small,.muted,time,dt,.eyebrow,.studio-eyebrow,.collection-type-tag){color:#626680!important}
html[data-theme=light] :is(h1,h2,h3,strong,dd,.refined-wordmark,.collection-file,.prompt-bar__input,.landing-intro){color:#0B1B3D!important}
html[data-theme=light] :is(.active,.current,.tab.active){color:#4F46E5!important;background:#ECE7FF!important;border-color:#C6B9F5!important}
html[data-theme=light] button:hover{background-color:#ECE7FF;border-color:#A89ADC}
html[data-theme=light] button.primary{background:#4F46E5!important;color:#fff!important}
html[data-theme=light] :is(.sidebar-toggle,.guest-login,.reval-theme-toggle){background:#F5F2FF!important;color:#4F46E5!important;border-color:#D5CBE8!important}
html[data-theme=light] .refined-home{background:linear-gradient(130deg,#F5F2FF,#EBE4FF)!important}
html[data-theme=light] :is(.quiet-background,.background-host){opacity:.16}
html[data-theme=light] :is(pre,code,.result-code,.collection-detail-preview .result-text){background:#ECE7F7!important;color:#0B1B3D!important}
html[data-theme=light] #toast{background:#0B1B3D;color:#fff}
@media(max-width:600px){.reval-theme-toggle{width:32px;height:32px;min-height:32px;padding:6px}}
