/* Interface-only styling. Never filter, invert or recolour artwork/canvas. */
:root{--pixel-logo-header:52px;--pixel-logo-welcome:300px}
.brand .brand-mark{width:var(--pixel-logo-header);height:var(--pixel-logo-header);flex-shrink:0;object-fit:contain;clip-path:none}
.crystal-art{width:var(--pixel-logo-welcome);height:var(--pixel-logo-welcome);max-width:100%;aspect-ratio:1}
.crystal-art img{clip-path:none!important;object-fit:contain}
img.pixel-original-logo{clip-path:polygon(50.25% 8.65%,88.55% 47.85%,50.1% 90.1%,11.3% 46.57%)!important}
.pixel-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid #c9c0ed;border-radius:24px;padding:9px 12px;background:#fff;color:#403754;font:600 12px Arial,sans-serif;min-height:38px;cursor:pointer}
.pixel-theme-track{width:28px;height:16px;background:#d4cdec;border-radius:20px;position:relative;flex-shrink:0}
.pixel-theme-track:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;background:#fff;border-radius:50%}
.pixel-theme-toggle[aria-checked=true] .pixel-theme-track{background:#a68cff}
.pixel-theme-toggle[aria-checked=true] .pixel-theme-track:after{left:15px}
.pixel-portal-shell .portal-header{height:auto;min-height:90px;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.pixel-portal-shell .portal-header nav{flex-wrap:wrap;gap:14px}
.pixel-studio-shell>header{gap:18px}.pixel-studio-shell .header-right{gap:8px}
.branding-preview{border:1px solid var(--border,#e5e3f1);border-radius:12px;padding:18px;background:repeating-conic-gradient(#f0eef8 0% 25%,#fff 0% 50%) 0/20px 20px;overflow:hidden;color:#302a43;margin:16px 0}
.branding-preview img{display:block;object-fit:contain;max-width:100%}
.branding-preview .branding-mini{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-weight:700}
.branding-preview [data-welcome-preview]{margin:auto}
#brandingForm input[type=range]{padding:0;accent-color:#8b73f5}
#brandingForm output{float:right}#brandingForm .actions{flex-wrap:wrap;gap:10px}
#brandingForm [role=status]{min-height:1.7em}
html[data-pixel-theme=night]{color-scheme:dark;--ink:#edeaf8;--muted:#b5afc9;--border:#403852;--line:#403852;--accent:#b49aff;--purple:#b49aff;--soft:#302741;background:#12101b;color:#edeaf8}
html[data-pixel-theme=night] body{background:#12101b;color:#edeaf8}
html[data-pixel-theme=night] :is(.portal-header,body>header,.sources,.settings,.card,.plan){background:#1c1828;border-color:#403852;color:#edeaf8}
html[data-pixel-theme=night] :is(.brand,label,legend,summary,.quiet,.text-button,.small,.muted){color:#c3b9dc}
html[data-pixel-theme=night] :is(input:not([type=range]):not([type=color]),select,textarea){background:#252032;color:#f0ebff;border-color:#514566}
html[data-pixel-theme=night] :is(.button,.quiet){background:#282136;color:#ddd3fa;border-color:#514566}
html[data-pixel-theme=night] :is(.primary,.smart-button){background:#7051ca;color:#fff;border-color:#a48ae5}
html[data-pixel-theme=night] .pixel-theme-toggle{background:#282136;color:#eee6ff;border-color:#8971bc}
html[data-pixel-theme=night] .tabs button{color:#c3b9dc}
html[data-pixel-theme=night] :is(.tabs button.selected,nav button.nav-active,[role=tab][aria-selected=true],.preview-tabs button.selected,.result-tabs button[aria-selected=true]){background:#392b56;color:#f1e7ff;animation:pixel-tab-glow 4s ease-in-out infinite}
html[data-pixel-theme=night] :is(.upload,.source-card,.stats,.camera-tools,.quality-report span,.result-tabs,.result-tabs button,.smart-photo-kind,.laser-power,.detail-recommendations,.detail-category,.upscale-progress,.portrait-hd-tooltip,.detail-setting-help,.smart-notice,.studio-ownership){background:#211b30;color:#ddd4ed;border-color:#514566}
html[data-pixel-theme=night] :is(.source-card.active,.badge,.range-label output){background:#38294d;color:#e3d4ff}
html[data-pixel-theme=night] dialog{background:#211b30;color:#edeaf8;border-color:#514566}
html[data-pixel-theme=night] :is(.pixel-pricing,.pixel-pricing-content){background:#1c1828;color:#edeaf8}
html[data-pixel-theme=night] :is(.pixel-pricing-plan,.pixel-pricing-rate,.pixel-pricing-close,.pixel-pricing-retry){background:#292035;color:#edeaf8;border-color:#514566}
html[data-pixel-theme=night] :is(.pixel-pricing-note,.pixel-pricing-eyebrow,.pixel-pricing-plan .pixel-pricing-amount){color:#cdb7ff}
html[data-pixel-theme=night] :is(.icon-button,#downloadPreview){background:#282136;color:#ddd3fa;border-color:#514566}
@keyframes pixel-tab-glow{0%,100%{box-shadow:inset 0 0 0 1px #8f70d3,0 0 4px #a174e825}50%{box-shadow:inset 0 0 0 1px #c1a0ff,0 0 12px #a174e870}}
@media(prefers-reduced-motion:reduce){html[data-pixel-theme=night] :is(.tabs button.selected,nav button.nav-active,[role=tab][aria-selected=true],.preview-tabs button.selected,.result-tabs button[aria-selected=true]){animation:none;box-shadow:inset 0 0 0 1px #a98ada}}
@media(max-width:1100px){.pixel-theme-caption{display:none}.pixel-theme-toggle{padding:8px}.pixel-studio-shell>header{gap:10px;flex-wrap:wrap;height:auto;min-height:78px;padding-top:10px;padding-bottom:10px}}
@media(max-width:650px){.pixel-portal-shell .portal-header{padding-left:18px;padding-right:18px}.pixel-portal-shell .portal-header nav{order:3;width:100%}.pixel-portal-shell .portal-header>.pixel-theme-toggle{margin-left:auto}.crystal-art{height:auto;max-width:min(100%,300px)}.branding-preview [data-welcome-preview]{height:auto!important;aspect-ratio:1}}