/* CraftAI display modes | v11. Dark is the original design; light is opt-in. */
html[data-theme="light"] {color-scheme:light;--canvas:#f6f8fa;--surface:#ffffff;--ink:#192936;--muted:#566a78;--quiet:#718694;--line:#d8e1e8;--focus:#087da2;background:#f6f8fa}
html[data-theme="light"] body {background:#f6f8fa;color:#192936}
html[data-theme="light"] ::selection {background:#b3e9ef;color:#142d3c}
html[data-theme="light"] .site-header {background:#ffffffee!important;border-bottom-color:#d9e3e9!important;box-shadow:0 1px 14px #1b344b0b}
html[data-theme="light"] .site-footer {background:#edf2f5!important;border-top:1px solid #d8e1e8!important;color:#566a78!important}
html[data-theme="light"] .site-footer :is(h2,h3,h4,[class~="text-white"]) {color:#283c4b!important}
html[data-theme="light"] .site-footer a:hover {color:#086888!important}
html[data-theme="light"] :is(.bg-\[\#090d16\],.bg-\[\#070a12\],.bg-\[\#0f172a\],.bg-slate-900,.bg-slate-800,.bg-slate-900\/90,.bg-slate-900\/40,.bg-slate-800\/60,.bg-slate-900\/80,.bg-slate-900\/50,.bg-cyan-950\/80,.bg-emerald-950\/80,.bg-amber-950\/80) {background-color:#ffffff!important}
html[data-theme="light"] .bg-\[\#090d16\]\/90 {background-color:#ffffffeb!important}
html[data-theme="light"] .site-header .bg-\[\#0f172a\] {background-color:#f2f7fa!important}
html[data-theme="light"] [class~="bg-white/[0.04]"],html[data-theme="light"] [class~="bg-white/[0.06]"]{background-color:#edf3f6!important}
html[data-theme="light"] .bg-radial {background-image:radial-gradient(ellipse at 48% 0%,#ecf8fa 0%,#f6f8fa 56%,#f0f5f8 100%)!important}
html[data-theme="light"] :is(.from-\[\#131b2e\],.via-\[\#090d16\],.to-\[\#04060d\]) {--tw-gradient-from:#f5f9fc!important;--tw-gradient-to:#eff4f7!important}
html[data-theme="light"] [class~="from-white/[0.08]"] {--tw-gradient-from:#ffffffb8!important;--tw-gradient-to:#e7eef233!important}
html[data-theme="light"] .bg-gradient-to-br {--tw-gradient-from:#ffffffcc;--tw-gradient-to:#dce9f139}
html[data-theme="light"] :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300) {color:#233a4a!important}
html[data-theme="light"] :is(.text-slate-400,.text-slate-500,.text-gray-400) {color:#526c7c!important}
html[data-theme="light"] .text-slate-600 {color:#536979!important}
html[data-theme="light"] :is(.text-cyan-400,.text-cyan-300,.text-cyan-300\/90) {color:#086d91!important}
html[data-theme="light"] :is(.text-emerald-400,.text-emerald-500) {color:#067d57!important}
html[data-theme="light"] .text-amber-400 {color:#90560a!important}
html[data-theme="light"] .text-slate-300\/80 {color:#496373!important}
html[data-theme="light"] :is(.border-slate-800,.border-slate-700,.border-slate-800\/80,.border-slate-700\/80,.border-slate-700\/60) {border-color:#d9e3e9!important}
html[data-theme="light"] :is(.border-white\/10,.border-white\/15,.border-white\/20) {border-color:#d5e1e8!important}
html[data-theme="light"] .border-cyan-500\/40 {border-color:#61b3ca!important}
html[data-theme="light"] .hover\:bg-slate-800:hover,html[data-theme="light"] .hover\:bg-slate-800\/60:hover {background-color:#e6f1f5!important}
html[data-theme="light"] .hover\:text-white:hover {color:#0b5f7c!important}
html[data-theme="light"] .hover\:text-cyan-300:hover {color:#086d91!important}
html[data-theme="light"] .input-panel,html[data-theme="light"] .output-panel,html[data-theme="light"] .image-input-panel,html[data-theme="light"] .image-output-panel,html[data-theme="light"] .image-grid {background:#ffffff!important;border-color:#d8e2e8!important;box-shadow:0 7px 24px #1b354709,inset 0 1px 0 #fff}
html[data-theme="light"] .panel-title {color:#223748!important;border-bottom-color:#dbe5e9!important}
html[data-theme="light"] .workspace-toolbar,html[data-theme="light"] .operation-workspace .workspace-toolbar,html[data-theme="light"] .image-drop,html[data-theme="light"] .image-preview {color:#536b79!important;background:#f5f8fa!important;border-color:#dce5eb!important}
html[data-theme="light"] .operation-field label,html[data-theme="light"] .image-settings label {color:#425c6d!important}
html[data-theme="light"] .operation-field :is(input,textarea,select),html[data-theme="light"] .image-settings input:not([type=checkbox]),html[data-theme="light"] .image-settings select,html[data-theme="light"] .library-controls :is(input,select) {background:#ffffff!important;color:#203440!important;border-color:#c2d1da!important}
html[data-theme="light"] .operation-field :is(input,textarea,select):focus,html[data-theme="light"] .image-settings input:focus {border-color:#0c849f!important}
html[data-theme="light"] .result-header {border-color:#dae5eb!important;color:#253a49!important}
html[data-theme="light"] .tool-output {background:#f6f9fa!important;color:#203440!important}
html[data-theme="light"] .operation-workspace .json-status,html[data-theme="light"] .json-status {color:#61727c!important;border-color:#e3ebef!important}
html[data-theme="light"] .json-status.success {color:#067c54!important}
html[data-theme="light"] .json-status.error {color:#a42c42!important}
html[data-theme="light"] .secondary-button {color:#264658!important;background:#edf3f6!important;border-color:#c8d7df!important}
html[data-theme="light"] .secondary-button:hover {background:#dcebf2!important;color:#094e6c!important}
html[data-theme="light"] :is(.primary-button,#download-result,#image-download) {color:#ffffff!important}
html[data-theme="light"] .tool-below,html[data-theme="light"] .image-result {border-color:#dce5e9!important}
html[data-theme="light"] .tool-below h2,html[data-theme="light"] .related-tools h2 {color:#243c4d!important}
html[data-theme="light"] .tool-below p,html[data-theme="light"] .related-tools a,html[data-theme="light"] .batch-heading p,html[data-theme="light"] .image-hint,html[data-theme="light"] .image-result p,html[data-theme="light"] .image-preview figcaption {color:#536b79!important}
html[data-theme="light"] .crumbs,html[data-theme="light"] .browse-card p,html[data-theme="light"] .no-results {color:#4e6675!important}
html[data-theme="light"] .privacy-note,html[data-theme="light"] .tool-privacy {color:#087b55!important}
html[data-theme="light"] .ad-slot {background:#f0f2f3!important;color:#6d7d87!important;border-color:#c6d0d8!important}
html[data-theme="light"] .ad-label {color:#657580!important}
html[data-theme="light"] .palette {background:#ffffff!important;border-color:#cadbe4!important;box-shadow:0 25px 60px #24384920}
html[data-theme="light"] .palette-input-row {color:#0d7896!important;border-color:#dae5eb!important}
html[data-theme="light"] .palette-input-row input {color:#203745!important}
html[data-theme="light"] .palette-result {color:#233948!important}
html[data-theme="light"] .palette-result:hover,html[data-theme="light"] .palette-result.selected {background:#edf4f8!important}
html[data-theme="light"] .palette-footer,html[data-theme="light"] .result-copy small {color:#526d7c!important}
html[data-theme="light"] .policy-page,html[data-theme="light"] .admin-summary {color:#284052!important}
html[data-theme="light"] .policy-page :is(h1,h2),html[data-theme="light"] .admin-table th {color:#203746!important}
html[data-theme="light"] .admin-table th {background:#eff4f7!important}
html[data-theme="light"] .admin-table :is(td,th) {border-color:#dce5eb!important}
html[data-theme="light"] .admin-message {background:#fff!important;border-color:#d8e2e8!important}
html[data-theme="light"] .site-announcement {background:#def4ee!important;color:#135944!important}
html[data-theme="light"] .skip-link {color:#07627c!important;background:#ffffff!important}
html[data-theme="light"] .bg-amber-500\/10 {background:#fff0d3!important}
html[data-theme="light"] .bg-cyan-500\/10 {background:#dff5fa!important}
html[data-theme="light"] .bg-emerald-500\/10 {background:#e2f7ec!important}
html[data-theme="light"] .text-amber-500 {color:#955914!important}
html[data-theme="light"] .text-emerald-400 {color:#087a52!important}
html[data-theme="light"] .text-cyan-400 {color:#076f8c!important}
html[data-theme="light"] .bg-emerald-400,html[data-theme="light"] .bg-cyan-400 {color:#ffffff!important}
html[data-theme="light"] .site-footer .text-emerald-400 {color:#087a52!important}
html[data-theme="light"] .site-header button:hover {color:#077994!important}
html[data-theme="light"] .craftai-theme-toggle {color:#263d4a!important;background:#f0f6f9!important;border-color:#cbdbe3!important}
.craftai-theme-toggle {height:36px;min-width:83px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;border:1px solid #334155;border-radius:10px;background:#152135;color:#e2e8f0;font:600 12px/1 ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border .2s}
.craftai-theme-toggle:hover {border-color:#22d3ee;color:#67e8f9;background:#182d43}
.craftai-theme-toggle:focus-visible {outline:3px solid #0891b2;outline-offset:2px}
.craftai-theme-icon {font-size:17px;line-height:1;font-weight:500}
@media(max-width:640px){.craftai-theme-toggle {height:36px;min-width:36px;padding:0 8px}.craftai-theme-label {display:none}}
@media(prefers-reduced-motion:reduce){.craftai-theme-toggle {transition:none}}