/* ===========================================================================
OMEGA GENERATOR PALETTES ยท your 20 colors, one per generator
---------------------------------------------------------------------------
Shanae, 2026-09-17: "now take all of those and use them across all of my
generators". Every generator page wears one of the 20 palettes from
journi updates/generator-colors/colors-20.html. The number is written on
the page itself () so the color is there before the
first paint, and the same generator always keeps the same color.
?pal=1 to ?pal=20 preview any palette on any generator
?pal=off your previous ivory look, for comparing
Built by _build/build_palettes.js. Do not edit this file by hand; change
the palette there and run it again.
How it wins: every rule starts with html[data-pal]:not(#pal-x). The
:not(#pal-x) matches every page but counts as an id, so these rules outrank
the ivory luxe layer in omega-shell.css, omega-city.css and luxe/studio.css
and the accent colors seasons.js writes, without touching those files.
Button N Little Winks never loads this file and is refused in
omega-palettes.js as well.
=========================================================================== */
/* 1. Salted Caramel Night */
html[data-pal="1"]{color-scheme:dark;
--pl-bg:#2a1a12;--pl-page:#2a1a12;--pl-bar:#1f130d;--pl-panel:#3a2519;--pl-field:#2e1d14;
--pl-edge:#5a3b28;--pl-text:#f6e9da;--pl-muted:#d4b89c;--pl-accent:#e0a86c;--pl-accent-ink:#e0a86c;
--pl-b1:#a1622e;--pl-b2:#8a4f24;--pl-btext:#fff8f0;
--pl-solid-panel:#3a2519;--pl-solid-field:#2e1d14;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#a1622e,#8a4f24);
--pl-hover:rgba(255,255,255,.07);
}
/* 2. Cocoa and Rose Gold */
html[data-pal="2"]{color-scheme:dark;
--pl-bg:#3b2621;--pl-page:#3b2621;--pl-bar:#2e1d19;--pl-panel:#4a302a;--pl-field:#3f2823;
--pl-edge:#6b463d;--pl-text:#fbeee8;--pl-muted:#e0c2b8;--pl-accent:#eeac95;--pl-accent-ink:#eeac95;
--pl-b1:#a65d4d;--pl-b2:#a35a4a;--pl-btext:#fff8f5;
--pl-solid-panel:#4a302a;--pl-solid-field:#3f2823;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#a65d4d,#a35a4a);
--pl-hover:rgba(255,255,255,.07);
}
/* 3. Espresso and Champagne */
html[data-pal="3"]{color-scheme:dark;
--pl-bg:#1e1512;--pl-page:#1e1512;--pl-bar:#15100d;--pl-panel:#2c201b;--pl-field:#241a16;
--pl-edge:#4a3a30;--pl-text:#f5ecdf;--pl-muted:#cdbba6;--pl-accent:#e8cc92;--pl-accent-ink:#e8cc92;
--pl-b1:#caa561;--pl-b2:#9e7d3e;--pl-btext:#1e1512;
--pl-solid-panel:#2c201b;--pl-solid-field:#241a16;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#caa561,#9e7d3e);
--pl-hover:rgba(255,255,255,.07);
}
/* 4. Toffee Latte */
html[data-pal="4"]{color-scheme:light;
--pl-bg:#ecdcc8;--pl-page:#ecdcc8;--pl-bar:#dfc9b0;--pl-panel:#fbf3e8;--pl-field:#fffaf3;
--pl-edge:#d3b99c;--pl-text:#3a2418;--pl-muted:#6a4c3c;--pl-accent:#94561f;--pl-accent-ink:#7d491d;
--pl-b1:#a06432;--pl-b2:#6f3f1c;--pl-btext:#fffaf3;
--pl-solid-panel:#fbf3e8;--pl-solid-field:#fffaf3;
--pl-shadow:0 14px 36px rgba(60,35,20,.12);--pl-soft:0 4px 12px rgba(60,35,20,.08);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#a06432,#6f3f1c);
--pl-hover:rgba(0,0,0,.045);
}
/* 5. Mocha Plum */
html[data-pal="5"]{color-scheme:dark;
--pl-bg:#2b1a26;--pl-page:#2b1a26;--pl-bar:#211420;--pl-panel:#3b2533;--pl-field:#30202b;
--pl-edge:#5c3d50;--pl-text:#f7e9f0;--pl-muted:#d6b8c8;--pl-accent:#e3aa74;--pl-accent-ink:#e3aa74;
--pl-b1:#ac537c;--pl-b2:#6d2a4f;--pl-btext:#fff6fa;
--pl-solid-panel:#3b2533;--pl-solid-field:#30202b;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#ac537c,#6d2a4f);
--pl-hover:rgba(255,255,255,.07);
}
/* 6. Midnight Plum Glam */
html[data-pal="6"]{color-scheme:dark;
--pl-bg:#1d1030;--pl-page:#1d1030;--pl-bar:#150b24;--pl-panel:#2b1a45;--pl-field:#231538;
--pl-edge:#48336a;--pl-text:#f4ebfb;--pl-muted:#c9b6de;--pl-accent:#ecc680;--pl-accent-ink:#ecc680;
--pl-b1:#c2226f;--pl-b2:#5b2a6e;--pl-btext:#fff4fa;
--pl-solid-panel:#2b1a45;--pl-solid-field:#231538;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#c2226f,#5b2a6e);
--pl-hover:rgba(255,255,255,.07);
}
/* 7. Black Cherry Wine */
html[data-pal="7"]{color-scheme:dark;
--pl-bg:#24080f;--pl-page:#24080f;--pl-bar:#1a060b;--pl-panel:#36111b;--pl-field:#2c0d15;
--pl-edge:#5a2433;--pl-text:#fbe9ee;--pl-muted:#dcb3bf;--pl-accent:#eaaa80;--pl-accent-ink:#eaaa80;
--pl-b1:#b0304f;--pl-b2:#6a1328;--pl-btext:#fff4f6;
--pl-solid-panel:#36111b;--pl-solid-field:#2c0d15;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#b0304f,#6a1328);
--pl-hover:rgba(255,255,255,.07);
}
/* 8. Emerald Couture */
html[data-pal="8"]{color-scheme:dark;
--pl-bg:#0c231d;--pl-page:#0c231d;--pl-bar:#081a15;--pl-panel:#133329;--pl-field:#0f2a22;
--pl-edge:#2a5244;--pl-text:#eaf6f0;--pl-muted:#a9cdbf;--pl-accent:#e0bd72;--pl-accent-ink:#e0bd72;
--pl-b1:#1c7f63;--pl-b2:#0e5541;--pl-btext:#f2fbf7;
--pl-solid-panel:#133329;--pl-solid-field:#0f2a22;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#1c7f63,#0e5541);
--pl-hover:rgba(255,255,255,.07);
}
/* 9. Sapphire Velvet */
html[data-pal="9"]{color-scheme:dark;
--pl-bg:#0f1a36;--pl-page:#0f1a36;--pl-bar:#0a1328;--pl-panel:#18264a;--pl-field:#132040;
--pl-edge:#304470;--pl-text:#edf1fb;--pl-muted:#b2bfdc;--pl-accent:#e8c688;--pl-accent-ink:#e8c688;
--pl-b1:#3a5bd0;--pl-b2:#1f3591;--pl-btext:#f5f8ff;
--pl-solid-panel:#18264a;--pl-solid-field:#132040;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#3a5bd0,#1f3591);
--pl-hover:rgba(255,255,255,.07);
}
/* 10. Rosewater Blush */
html[data-pal="10"]{color-scheme:light;
--pl-bg:#f5e1e4;--pl-page:#f5e1e4;--pl-bar:#ebcfd4;--pl-panel:#fff6f7;--pl-field:#fffbfb;
--pl-edge:#e3bfc7;--pl-text:#3d1f2b;--pl-muted:#6e4b58;--pl-accent:#a23f60;--pl-accent-ink:#983c5b;
--pl-b1:#b74e71;--pl-b2:#8a2f4f;--pl-btext:#fff8fa;
--pl-solid-panel:#fff6f7;--pl-solid-field:#fffbfb;
--pl-shadow:0 14px 36px rgba(60,35,20,.12);--pl-soft:0 4px 12px rgba(60,35,20,.08);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#b74e71,#8a2f4f);
--pl-hover:rgba(0,0,0,.045);
}
/* 11. Watercolor Peony */
html[data-pal="11"]{color-scheme:light;
--pl-bg:#fbf1ee;--pl-page:radial-gradient(60% 45% at 0% 0%,rgba(236,140,178,.35),transparent 70%),radial-gradient(55% 45% at 100% 100%,rgba(170,130,210,.32),transparent 70%),#fbf1ee;--pl-bar:rgba(255,240,245,.7);--pl-panel:rgba(255,251,249,.88);--pl-field:#fffdfc;
--pl-edge:#e7c9d6;--pl-text:#3b1f3a;--pl-muted:#6b4c66;--pl-accent:#a52d6f;--pl-accent-ink:#9f2c6c;
--pl-b1:#c2226f;--pl-b2:#5b2a6e;--pl-btext:#fff6fa;
--pl-solid-panel:#fffaf8;--pl-solid-field:#fffdfc;
--pl-shadow:0 14px 36px rgba(60,35,20,.12);--pl-soft:0 4px 12px rgba(60,35,20,.08);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#c2226f,#5b2a6e);
--pl-hover:rgba(0,0,0,.045);
}
/* 12. Watercolor Caramel Sunset */
html[data-pal="12"]{color-scheme:light;
--pl-bg:#f7eadc;--pl-page:radial-gradient(60% 45% at 0% 0%,rgba(214,150,88,.40),transparent 70%),radial-gradient(55% 45% at 100% 100%,rgba(222,140,140,.30),transparent 70%),#f7eadc;--pl-bar:rgba(250,236,220,.75);--pl-panel:rgba(255,250,244,.9);--pl-field:#fffcf8;
--pl-edge:#e2c6a8;--pl-text:#3a2316;--pl-muted:#664838;--pl-accent:#9a5320;--pl-accent-ink:#83471e;
--pl-b1:#a9602c;--pl-b2:#7a3f1a;--pl-btext:#fffaf3;
--pl-solid-panel:#fef8f2;--pl-solid-field:#fffcf8;
--pl-shadow:0 14px 36px rgba(60,35,20,.12);--pl-soft:0 4px 12px rgba(60,35,20,.08);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#a9602c,#7a3f1a);
--pl-hover:rgba(0,0,0,.045);
}
/* 13. Lavender Silk */
html[data-pal="13"]{color-scheme:light;
--pl-bg:#e9e1f3;--pl-page:#e9e1f3;--pl-bar:#ddd1ec;--pl-panel:#faf7fe;--pl-field:#ffffff;
--pl-edge:#d0c1e3;--pl-text:#2e2140;--pl-muted:#5b4b70;--pl-accent:#6c3fa3;--pl-accent-ink:#6c3fa3;
--pl-b1:#8a4fc0;--pl-b2:#5b2a8e;--pl-btext:#fbf7ff;
--pl-solid-panel:#faf7fe;--pl-solid-field:#ffffff;
--pl-shadow:0 14px 36px rgba(60,35,20,.12);--pl-soft:0 4px 12px rgba(60,35,20,.08);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#8a4fc0,#5b2a8e);
--pl-hover:rgba(0,0,0,.045);
}
/* 14. Terracotta Glow */
html[data-pal="14"]{color-scheme:dark;
--pl-bg:#3a1f16;--pl-page:#3a1f16;--pl-bar:#2c170f;--pl-panel:#4b2a1e;--pl-field:#402419;
--pl-edge:#6d4230;--pl-text:#fbece3;--pl-muted:#e0c0ae;--pl-accent:#f2ae78;--pl-accent-ink:#f2ae78;
--pl-b1:#b0582e;--pl-b2:#8e3f1c;--pl-btext:#fff7f1;
--pl-solid-panel:#4b2a1e;--pl-solid-field:#402419;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#b0582e,#8e3f1c);
--pl-hover:rgba(255,255,255,.07);
}
/* 15. Chocolate Truffle and Pink */
html[data-pal="15"]{color-scheme:dark;
--pl-bg:#2a1814;--pl-page:#2a1814;--pl-bar:#20120f;--pl-panel:#3a221c;--pl-field:#301c17;
--pl-edge:#5c3d34;--pl-text:#fbece6;--pl-muted:#dcbfb5;--pl-accent:#f4a6c4;--pl-accent-ink:#f4a6c4;
--pl-b1:#b74a77;--pl-b2:#a33a66;--pl-btext:#fff6fa;
--pl-solid-panel:#3a221c;--pl-solid-field:#301c17;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#b74a77,#a33a66);
--pl-hover:rgba(255,255,255,.07);
}
/* 16. Deep Teal and Gold */
html[data-pal="16"]{color-scheme:dark;
--pl-bg:#0b2a2e;--pl-page:#0b2a2e;--pl-bar:#081f22;--pl-panel:#123a3f;--pl-field:#0f3236;
--pl-edge:#2a5a5f;--pl-text:#e8f6f5;--pl-muted:#a8cfcc;--pl-accent:#e5bf6c;--pl-accent-ink:#e5bf6c;
--pl-b1:#157f7b;--pl-b2:#0e6a66;--pl-btext:#f2fcfb;
--pl-solid-panel:#123a3f;--pl-solid-field:#0f3236;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#157f7b,#0e6a66);
--pl-hover:rgba(255,255,255,.07);
}
/* 17. Burgundy and Caramel */
html[data-pal="17"]{color-scheme:dark;
--pl-bg:#2f0f1a;--pl-page:#2f0f1a;--pl-bar:#230b13;--pl-panel:#421826;--pl-field:#38131f;
--pl-edge:#63303f;--pl-text:#fbe9ef;--pl-muted:#dcb6c2;--pl-accent:#e2a872;--pl-accent-ink:#e2a872;
--pl-b1:#a4602e;--pl-b2:#7e3f1a;--pl-btext:#fff7f0;
--pl-solid-panel:#421826;--pl-solid-field:#38131f;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#a4602e,#7e3f1a);
--pl-hover:rgba(255,255,255,.07);
}
/* 18. Honey Bronze */
html[data-pal="18"]{color-scheme:dark;
--pl-bg:#5a3a1f;--pl-page:#5a3a1f;--pl-bar:#4a2f18;--pl-panel:#6b4827;--pl-field:#5f3f21;
--pl-edge:#8a6340;--pl-text:#fff4e6;--pl-muted:#ecd6bb;--pl-accent:#f6d592;--pl-accent-ink:#f6d592;
--pl-b1:#e8b25e;--pl-b2:#b57d34;--pl-btext:#2e1c0c;
--pl-solid-panel:#6b4827;--pl-solid-field:#5f3f21;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#e8b25e,#b57d34);
--pl-hover:rgba(255,255,255,.07);
}
/* 19. Nude Mocha */
html[data-pal="19"]{color-scheme:light;
--pl-bg:#e3d2c3;--pl-page:#e3d2c3;--pl-bar:#d6c1ae;--pl-panel:#f6ede5;--pl-field:#fffaf5;
--pl-edge:#cdb49f;--pl-text:#2f211a;--pl-muted:#5e4a3e;--pl-accent:#7c4f31;--pl-accent-ink:#6e472d;
--pl-b1:#8a5a3c;--pl-b2:#5a3622;--pl-btext:#fffaf5;
--pl-solid-panel:#f6ede5;--pl-solid-field:#fffaf5;
--pl-shadow:0 14px 36px rgba(60,35,20,.12);--pl-soft:0 4px 12px rgba(60,35,20,.08);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#8a5a3c,#5a3622);
--pl-hover:rgba(0,0,0,.045);
}
/* 20. Glam Me Night Watercolor */
html[data-pal="20"]{color-scheme:dark;
--pl-bg:#1b1440;--pl-page:radial-gradient(60% 45% at 0% 0%,rgba(194,34,111,.40),transparent 70%),radial-gradient(55% 45% at 100% 100%,rgba(31,158,154,.35),transparent 70%),#1b1440;--pl-bar:rgba(15,10,40,.6);--pl-panel:rgba(43,26,72,.78);--pl-field:rgba(30,20,60,.9);
--pl-edge:#4d3a7a;--pl-text:#f6eefb;--pl-muted:#cdbde0;--pl-accent:#ecd08f;--pl-accent-ink:#ecd08f;
--pl-b1:#c2226f;--pl-b2:#5b2a6e;--pl-btext:#fff4fa;
--pl-solid-panel:#271946;--pl-solid-field:#1f143d;
--pl-shadow:0 18px 44px rgba(0,0,0,.34);--pl-soft:0 4px 14px rgba(0,0,0,.28);--pl-arrow:url("data:image/svg+xml;utf8,");
--pl-btn:linear-gradient(135deg,#c2226f,#5b2a6e);
--pl-hover:rgba(255,255,255,.07);
}
/* ---------------------------------------------------------------------------
1. The variable names the whole site already uses, pointed at the palette.
seasons.js writes these on html:root with !important; an id outranks it.
--------------------------------------------------------------------------- */
html[data-pal]:not(#pal-x):not(.ocity){
--gold:var(--pl-accent) !important;--gold-bright:var(--pl-accent-ink) !important;--gold2:var(--pl-accent) !important;
--brand-primary:var(--pl-b1) !important;--brand-secondary:var(--pl-accent) !important;--brand-accent:var(--pl-accent) !important;
--warning:var(--pl-accent) !important;--purple:var(--pl-b2) !important;--violet:var(--pl-b1) !important;
--plum:var(--pl-b2) !important;--plum2:var(--pl-b1) !important;
--button-primary:var(--pl-b1) !important;--button-hover:var(--pl-b2) !important;
--cyan:var(--pl-accent-ink) !important;--magenta:var(--pl-accent-ink) !important;
--gradient-primary:var(--pl-btn) !important;--head:var(--pl-bg) !important;--head2:var(--pl-b2) !important;
--ink:var(--pl-bg) !important;--panel:var(--pl-solid-panel) !important;--panel2:var(--pl-solid-field) !important;
--line:var(--pl-edge) !important;--text:var(--pl-text) !important;--muted:var(--pl-muted) !important;
--background-primary:var(--pl-bg) !important;--background-secondary:var(--pl-solid-field) !important;
--card-background:var(--pl-solid-panel) !important;--text-primary:var(--pl-text) !important;
--text-secondary:var(--pl-muted) !important;--border:var(--pl-edge) !important;
}
html[data-pal]:not(#pal-x):not(.ocity) body{background:var(--pl-page) !important;background-attachment:fixed !important;color:var(--pl-text)}
html[data-pal]:not(#pal-x) ::selection{background:var(--pl-b2);color:var(--pl-btext)}
/* ---------------------------------------------------------------------------
2. Generator pages: the Creation Chamber shell, repainted
--------------------------------------------------------------------------- */
html[data-pal]:not(#pal-x) body.omega-shell-v2{
--osh-cream:var(--pl-text);--osh-muted:var(--pl-muted);--osh-gold:var(--pl-accent-ink);
--osh-gold-bright:var(--pl-accent-ink);--osh-gold-deep:var(--pl-accent-ink);
--osh-line:var(--pl-edge);--osh-line-soft:var(--pl-edge);--osh-inner-glow:none;
--osh-district:var(--pl-accent);--osh-district-soft:transparent;--osh-season-chip:var(--pl-accent);
--lx-ivory:var(--pl-panel);--lx-marble:var(--pl-panel);--lx-ink:var(--pl-text);--lx-ink2:var(--pl-text);
--lx-soft:var(--pl-muted);--lx-line:var(--pl-edge);--lx-line-soft:var(--pl-edge);
--lx-gold:var(--pl-accent-ink);--lx-gold-deep:var(--pl-accent-ink);--lx-gold-bright:var(--pl-accent);
--lx-gold-pale:var(--pl-field);--lx-goldfoil:var(--pl-btn);
--lx-scene-img:none !important;--lx-accent-img:none !important;
background:var(--pl-page) !important;background-attachment:fixed !important;
color:var(--pl-text);
}
html[data-pal]:not(#pal-x) body.omega-shell-v2::before{background:none !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2::after{display:none !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshFrame{border-color:var(--pl-edge);box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .topbar{background:var(--pl-btn) !important;opacity:1}
/* the top bar */
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshBar{background:var(--pl-bar) !important;border-bottom:1px solid var(--pl-edge);box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshBar:after{background:var(--pl-btn);opacity:.9}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-wordmark b{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-wordmark .osh-omega{background:var(--pl-btn);color:var(--pl-btext);box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-chip,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshBarRow .homebar a{background:var(--pl-field);border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-chip:hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-chip:focus-visible,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshBarRow .homebar a:hover{background:var(--pl-panel);border-color:var(--pl-accent);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-here{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshCrumb{color:var(--pl-muted);border-top-color:var(--pl-edge)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshCrumb a{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshCrumb a:hover{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshCrumb .osh-crumb-now{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshCrumb .osh-sep{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-dot{background:var(--pl-accent);box-shadow:none}
/* every card on the page */
html[data-pal]:not(#pal-x) body.omega-shell-v2 header,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .outputpanel,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keypanel,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iwpanel,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .seccard,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbar,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-pwrap{
background:var(--pl-panel) !important;border:1px solid var(--pl-edge) !important;
box-shadow:var(--pl-shadow) !important;color:var(--pl-text);
}
/* the hero card */
html[data-pal]:not(#pal-x) body.omega-shell-v2 header:before{display:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 header:after{color:var(--pl-accent-ink);text-shadow:none;opacity:.95}
html[data-pal]:not(#pal-x) body.omega-shell-v2 header h1{background:none !important;color:var(--pl-text) !important;-webkit-text-fill-color:var(--pl-text) !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 header .cat{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 header p{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .engine{background:var(--pl-field);border:1px solid var(--pl-edge) !important;color:var(--pl-text) !important;box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .engine.key{color:var(--pl-accent-ink) !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .creates{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .receive{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockup .name{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockup .tag{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockup .mark{border:2px solid var(--pl-accent);box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #deliveryNotice{background:var(--pl-field) !important;border:1px solid var(--pl-edge) !important;color:var(--pl-text) !important}
/* the purchase band */
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbar .lockchip{background:var(--pl-btn) !important;color:var(--pl-btext) !important;border:0 !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbar .lockchip img{filter:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbar .locktext{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbtns button{
background:var(--pl-btn) !important;color:var(--pl-btext) !important;border:1px solid transparent !important;
box-shadow:var(--pl-soft) !important;
}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbtns button + button:not(.ghost),
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbtns button.ghost{
background:var(--pl-field) !important;color:var(--pl-text) !important;border:1px solid var(--pl-edge) !important;box-shadow:none !important;
}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbtns button:hover{filter:brightness(1.07)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbtns button + button:not(.ghost):hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbtns button.ghost:hover{border-color:var(--pl-accent) !important;filter:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .lockbar.nudge{box-shadow:0 0 0 3px var(--pl-accent),var(--pl-shadow) !important}
/* the command rail */
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar button,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keyrow button.ghost,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .mini,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-btn,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-btn,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .secrow .mini{
background:var(--pl-field);border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:none;
}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar button:hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keyrow button.ghost:hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .mini:hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-btn:hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-btn:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text);box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar button.primary,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keyrow button:not(.ghost),
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-btn.gold,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-btn.osh-primary{
background:var(--pl-btn) !important;color:var(--pl-btext) !important;border:1px solid transparent !important;
box-shadow:var(--pl-soft) !important;
}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar button.primary:before,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-btn.osh-primary:before{color:var(--pl-btext)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar button.primary:hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keyrow button:not(.ghost):hover,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-btn.osh-primary:hover{
background:var(--pl-btn) !important;color:var(--pl-btext) !important;border-color:var(--pl-accent) !important;filter:brightness(1.08);
}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar button.osh-explore{border-color:var(--pl-accent)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .control-bar .status{color:var(--pl-muted)}
/* portal cards */
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-card{background:var(--pl-panel);border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-card:before{background:var(--pl-btn);color:var(--pl-btext);box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-card:hover{border-color:var(--pl-accent);box-shadow:var(--pl-shadow)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-card .osh-card-k,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-card .osh-card-go{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-card .osh-card-d{color:var(--pl-muted)}
/* the creation controls */
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form:before{color:var(--pl-text);border-bottom-color:var(--pl-edge)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form details{background:var(--pl-hover);border:1px solid var(--pl-edge);box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form details[open]{border-color:var(--pl-edge);box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form summary{color:var(--pl-text);background:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form summary:hover{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form details[open] summary{border-bottom-color:var(--pl-edge)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #form summary:before{background:var(--pl-btn);color:var(--pl-btext);box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .field label{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .field .desc{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 select,
html[data-pal]:not(#pal-x) body.omega-shell-v2 input,
html[data-pal]:not(#pal-x) body.omega-shell-v2 textarea{background:var(--pl-field);border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 select{background:var(--pl-arrow) no-repeat right 13px center / 11px 8px,var(--pl-field);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 select option,
html[data-pal]:not(#pal-x) body.omega-shell-v2 select optgroup{background:var(--pl-solid-field);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 select option:checked{background:var(--pl-b2);color:var(--pl-btext)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 input::placeholder,
html[data-pal]:not(#pal-x) body.omega-shell-v2 textarea::placeholder{color:var(--pl-muted);opacity:.85}
html[data-pal]:not(#pal-x) body.omega-shell-v2 select:focus,html[data-pal]:not(#pal-x) body.omega-shell-v2 input:focus,html[data-pal]:not(#pal-x) body.omega-shell-v2 textarea:focus,
html[data-pal]:not(#pal-x) body.omega-shell-v2 select:focus-visible,html[data-pal]:not(#pal-x) body.omega-shell-v2 input:focus-visible,html[data-pal]:not(#pal-x) body.omega-shell-v2 textarea:focus-visible{
outline:2px solid var(--pl-accent);outline-offset:1px;border-color:var(--pl-accent);box-shadow:none;
}
html[data-pal]:not(#pal-x) body.omega-shell-v2 input[type=checkbox],html[data-pal]:not(#pal-x) body.omega-shell-v2 input[type=radio],html[data-pal]:not(#pal-x) body.omega-shell-v2 input[type=range]{accent-color:var(--pl-b1)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .own{background:var(--pl-field)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-lock{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-lock:hover{border-color:var(--pl-accent);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-lock[aria-pressed="true"]{background:var(--pl-btn);color:var(--pl-btext);border-color:transparent;box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .field.osh-locked label{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .field.osh-locked select,html[data-pal]:not(#pal-x) body.omega-shell-v2 .field.osh-locked input,html[data-pal]:not(#pal-x) body.omega-shell-v2 .field.osh-locked textarea{border-color:var(--pl-accent)}
/* your result */
html[data-pal]:not(#pal-x) body.omega-shell-v2 .outputpanel h2{color:var(--pl-text);background:none;border-bottom-color:var(--pl-edge)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .outputpanel h2:before{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-portal-head,html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-working-strip{border-bottom-color:var(--pl-edge)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-tab,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-mini-btn{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-tab[aria-selected="true"],
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-mini-btn.osh-flash{background:var(--pl-btn);border-color:transparent;color:var(--pl-btext)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-mini-btn:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #output{background:var(--pl-field) !important;border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:none}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .stat{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-working-strip{color:var(--pl-accent-ink);background:var(--pl-hover)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-glyph{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-error{background:var(--pl-field);border-color:var(--pl-accent)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-error b{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .osh-error span{color:var(--pl-text)}
/* panels and notices */
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keypanel h3,html[data-pal]:not(#pal-x) body.omega-shell-v2 .sectitle{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keypanel p,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-q,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-hint,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-note,html[data-pal]:not(#pal-x) body.omega-shell-v2 .conn,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-auto,
html[data-pal]:not(#pal-x) body.omega-shell-v2 .secnum,html[data-pal]:not(#pal-x) body.omega-shell-v2 .secchip{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .keygrid label,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-req{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-plabel,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-h,html[data-pal]:not(#pal-x) body.omega-shell-v2 .workspace h3{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-opt,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-count,html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-prompt,html[data-pal]:not(#pal-x) body.omega-shell-v2 #iwUse,html[data-pal]:not(#pal-x) body.omega-shell-v2 #iwUseOther{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-opt span{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-opt.on{border-color:var(--pl-accent);box-shadow:0 0 0 1px var(--pl-accent)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-count.on{border-color:var(--pl-accent);color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-up{border-color:var(--pl-edge);color:var(--pl-muted)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .iw-up.over{border-color:var(--pl-accent);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 .warn,html[data-pal]:not(#pal-x) body.omega-shell-v2 .secstale{background:var(--pl-field);border:1px solid var(--pl-accent);color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-head b,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-rec b,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ipf span,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-rec li,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-short,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-thumb{color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-head span,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ipf em,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-avail{color:var(--pl-muted) !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-rec{background:var(--pl-field);border:1px solid var(--pl-edge) !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ipf select,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ipf input,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel input[type=file],
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel button,
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-more{background:var(--pl-field) !important;border:1px solid var(--pl-edge) !important;color:var(--pl-text) !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ipf select{background:var(--pl-arrow) no-repeat right 13px center / 11px 8px,var(--pl-field) !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel button:hover{border-color:var(--pl-accent) !important;background:var(--pl-field) !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-warn{background:var(--pl-field);border:1px solid var(--pl-accent) !important;color:var(--pl-text)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-short,html[data-pal]:not(#pal-x) body.omega-shell-v2 #imagePlanPanel .ip-thumb{border-color:var(--pl-edge) !important}
/* the footer */
html[data-pal]:not(#pal-x) body.omega-shell-v2 footer{background:var(--pl-bar);border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 footer a{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) body.omega-shell-v2 footer:after{color:var(--pl-accent-ink)}
/* the phone dock */
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshMobile{background:var(--pl-bg) !important;border-top:1px solid var(--pl-edge);box-shadow:var(--pl-shadow)}
@media(max-width:820px){
html[data-pal]:not(#pal-x) body.omega-shell-v2{background-attachment:scroll !important}
html[data-pal]:not(#pal-x) body.omega-shell-v2 #oshMobile{background:var(--pl-bg) !important}
}
/* ---------------------------------------------------------------------------
3. The paywall, on generator pages and in the studio
--------------------------------------------------------------------------- */
html[data-pal]:not(#pal-x) .ompw{background:rgba(0,0,0,.55)}
html[data-pal]:not(#pal-x) .ompw .ompw-card{
background:linear-gradient(var(--pl-panel),var(--pl-panel)),var(--pl-bg) !important;
border:1px solid var(--pl-edge);box-shadow:0 30px 80px rgba(0,0,0,.45);color:var(--pl-text);
}
html[data-pal]:not(#pal-x) .ompw .ompw-kicker{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) .ompw .ompw-name{color:var(--pl-text)}
html[data-pal]:not(#pal-x) .ompw .ompw-say{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) .ompw .ompw-btn{background:var(--pl-btn);color:var(--pl-btext);border:1px solid transparent;box-shadow:var(--pl-soft)}
html[data-pal]:not(#pal-x) .ompw .ompw-btn:hover{background:var(--pl-btn);color:var(--pl-btext);filter:brightness(1.08)}
html[data-pal]:not(#pal-x) .ompw .ompw-alt{background:var(--pl-field);color:var(--pl-text);border:1px solid var(--pl-edge);box-shadow:none}
html[data-pal]:not(#pal-x) .ompw .ompw-alt:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html[data-pal]:not(#pal-x) .ompw .ompw-free,html[data-pal]:not(#pal-x) .ompw .ompw-x{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) .ompw .ompw-free:hover,html[data-pal]:not(#pal-x) .ompw .ompw-x:hover{color:var(--pl-accent-ink)}
html[data-pal]:not(#pal-x) .ompw .ompw-codewrap input{background:var(--pl-field);color:var(--pl-text);border:1px solid var(--pl-edge)}
html[data-pal]:not(#pal-x) .ompw .ompw-codewrap input:focus{border-color:var(--pl-accent);box-shadow:none}
html[data-pal]:not(#pal-x) .ompw .ompw-msg.bad,html[data-pal]:not(#pal-x) .ompw .ompw-msg.good{color:var(--pl-text);font-weight:600}
html[data-pal]:not(#pal-x) .ompw .ompw-promoprice s{color:var(--pl-muted)}
html[data-pal]:not(#pal-x) .ompw .ompw-promoprice b{color:var(--pl-accent-ink)}
/* ---------------------------------------------------------------------------
4. The craft studio apps (crochet, wallpaper, honeycomb, stickers, tumbler,
wall art, composition notebook, Glam Me, screenscape)
--------------------------------------------------------------------------- */
html.ocity[data-pal]:not(#pal-x){
--ow-ink:var(--pl-bg) !important;--ow-plum:var(--pl-field) !important;--ow-plum2:var(--pl-solid-field) !important;
--ow-panel:var(--pl-solid-panel) !important;--ow-line:var(--pl-edge) !important;--ow-gold:var(--pl-accent-ink) !important;
--ow-gold2:var(--pl-accent-ink) !important;--ow-gold-deep:var(--pl-accent-ink) !important;--ow-violet:var(--pl-b1) !important;
--ow-text:var(--pl-text) !important;--ow-muted:var(--pl-muted) !important;
--gold:var(--pl-accent-ink) !important;--gold-bright:var(--pl-accent-ink) !important;--gold2:var(--pl-field) !important;
--plum:var(--pl-b2) !important;--plum2:var(--pl-b1) !important;--purple:var(--pl-bg) !important;
--brand-primary:var(--pl-b1) !important;--brand-secondary:var(--pl-accent) !important;--brand-accent:var(--pl-accent) !important;
--button-primary:var(--pl-b1) !important;--button-hover:var(--pl-b2) !important;--cyan:var(--pl-accent-ink) !important;
--gradient-primary:var(--pl-btn) !important;--head:var(--pl-bg) !important;--head2:var(--pl-b2) !important;
--warning:var(--pl-accent) !important;--violet:var(--pl-b1) !important;
--edge:var(--pl-edge) !important;
}
html.ocity[data-pal]:not(#pal-x) body{
background:var(--pl-page) !important;background-attachment:fixed !important;color:var(--pl-text);
--surface:var(--pl-panel);--surface-2:var(--pl-field);--purple:var(--pl-bg);--purple-deep:var(--pl-btext);
--violet:var(--pl-b1);--ink:var(--pl-text);--ink-soft:var(--pl-muted);--ivory:var(--pl-field);--page:transparent;
--edge:var(--pl-edge);--gold:var(--pl-accent-ink);--gold-bright:var(--pl-accent-ink);
--lx-card:var(--pl-panel);--lx-ring:var(--pl-shadow);--lx-soft-shadow:var(--pl-soft);
--lx-foil:var(--pl-btn);--lx-black:var(--pl-btn);
}
html.ocity[data-pal]:not(#pal-x) .shell{
--ink:var(--pl-field);--panel:var(--pl-panel);--panel2:var(--pl-field);--line:var(--pl-edge);
--text:var(--pl-text);--muted:var(--pl-muted);--gold:var(--pl-accent-ink);--gold2:var(--pl-field);
color:var(--pl-text);
}
html.ocity[data-pal]:not(#pal-x) #ocityScene{background:var(--pl-page) !important}
html.ocity[data-pal]:not(#pal-x) #ocityScene img,html.ocity[data-pal]:not(#pal-x) #ocityVeil{display:none !important}
html.ocity[data-pal]:not(#pal-x) ::selection{background:var(--pl-b2);color:var(--pl-btext)}
html.ocity[data-pal]:not(#pal-x) :focus-visible{outline:2px solid var(--pl-accent);outline-offset:2px}
html.ocity[data-pal]:not(#pal-x) input,html.ocity[data-pal]:not(#pal-x) select,html.ocity[data-pal]:not(#pal-x) textarea{background:var(--pl-field);color:var(--pl-text);border-color:var(--pl-edge)}
html.ocity[data-pal]:not(#pal-x) select{color-scheme:inherit}
html.ocity[data-pal]:not(#pal-x) select option,html.ocity[data-pal]:not(#pal-x) select optgroup{background:var(--pl-solid-field);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) select option:checked{background:var(--pl-b2);color:var(--pl-btext)}
html.ocity[data-pal]:not(#pal-x) input::placeholder,html.ocity[data-pal]:not(#pal-x) textarea::placeholder{color:var(--pl-muted)}
html.ocity[data-pal]:not(#pal-x) input:focus,html.ocity[data-pal]:not(#pal-x) select:focus,html.ocity[data-pal]:not(#pal-x) textarea:focus{border-color:var(--pl-accent);box-shadow:none;outline:2px solid var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) input[type=checkbox],html.ocity[data-pal]:not(#pal-x) input[type=radio],html.ocity[data-pal]:not(#pal-x) input[type=range]{accent-color:var(--pl-b1)}
html.ocity[data-pal]:not(#pal-x) h1,html.ocity[data-pal]:not(#pal-x) h2,html.ocity[data-pal]:not(#pal-x) h3{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) a{color:var(--pl-accent-ink)}
/* the city bar and quick menu */
html.ocity[data-pal]:not(#pal-x) .oc-bar{background:var(--pl-bar);border-bottom:1px solid var(--pl-edge);box-shadow:var(--pl-soft)}
html.ocity[data-pal]:not(#pal-x) .oc-home{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .oc-home .oc-mk{background:var(--pl-btn);color:var(--pl-btext)}
html.ocity[data-pal]:not(#pal-x) .oc-where{color:var(--pl-muted);border-left-color:var(--pl-edge)}
html.ocity[data-pal]:not(#pal-x) .oc-btn{background:var(--pl-field);color:var(--pl-text);border-color:var(--pl-edge)}
html.ocity[data-pal]:not(#pal-x) .oc-btn:hover{background:var(--pl-field);color:var(--pl-text);border-color:var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .oc-btn[aria-pressed="true"]{background:var(--pl-btn);color:var(--pl-btext);border-color:transparent}
html.ocity[data-pal]:not(#pal-x) .oc-drawer{background:var(--pl-bg)}
html.ocity[data-pal]:not(#pal-x) .oc-drawer h2{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .oc-grid a{background:var(--pl-panel);border-color:var(--pl-edge);color:var(--pl-text);box-shadow:var(--pl-soft)}
html.ocity[data-pal]:not(#pal-x) .oc-grid a span{color:var(--pl-muted)}
html.ocity[data-pal]:not(#pal-x) .oc-grid a:hover{background:var(--pl-field);border-color:var(--pl-accent)}
/* home pills and the lock bar */
html.ocity[data-pal]:not(#pal-x) .omega-homebar a{background:var(--pl-field);border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .omega-homebar a:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .lockbar{background:var(--pl-panel);border:1px solid var(--pl-edge);box-shadow:var(--pl-shadow);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .lockbar.nudge{border-color:var(--pl-accent);box-shadow:0 0 0 3px var(--pl-accent),var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) .lockbar .locktext{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .lockbar .lockchip{background:var(--pl-btn);border:1px solid transparent;color:var(--pl-btext);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .lockbar.open .lockchip{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .lockbar .lockbtns button{background:var(--pl-field);color:var(--pl-text);border:1px solid var(--pl-edge);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .lockbar .lockbtns button:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .lockbar .lockbtns button#buyOne,
html.ocity[data-pal]:not(#pal-x) .lockbar .lockbtns button#buyOne:hover{background:var(--pl-btn);color:var(--pl-btext);border-color:transparent}
/* the step apps */
html.ocity[data-pal]:not(#pal-x) body > header{background:var(--pl-bar);color:var(--pl-text);border-top:1px solid var(--pl-edge);border-bottom:1px solid var(--pl-edge);box-shadow:var(--pl-soft)}
html.ocity[data-pal]:not(#pal-x) body > header::after{background:var(--pl-btn)}
html.ocity[data-pal]:not(#pal-x) body > header .t{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) body > header .t small{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .btn{background:var(--pl-field);border:1px solid var(--pl-edge);color:var(--pl-text);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .btn:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .btn.primary,html.ocity[data-pal]:not(#pal-x) .btn.gold,html.ocity[data-pal]:not(#pal-x) .btn.on,
html.ocity[data-pal]:not(#pal-x) .btn.primary:hover,html.ocity[data-pal]:not(#pal-x) .btn.gold:hover,html.ocity[data-pal]:not(#pal-x) .btn.on:hover{background:var(--pl-btn);border-color:transparent;color:var(--pl-btext);box-shadow:var(--pl-soft)}
html.ocity[data-pal]:not(#pal-x) a.btn{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .steps .step{background:var(--pl-field);border:1px solid var(--pl-edge);color:var(--pl-muted);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .steps .step:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .steps .step.done{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .steps .step.on{background:var(--pl-btn);border-color:transparent;color:var(--pl-btext);box-shadow:var(--pl-soft)}
html.ocity[data-pal]:not(#pal-x) main > .pane.on{background:var(--pl-panel);border:1px solid var(--pl-edge);box-shadow:var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) main h2{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .hint{color:var(--pl-muted)}
html.ocity[data-pal]:not(#pal-x) .pcard,html.ocity[data-pal]:not(#pal-x) .swatch,html.ocity[data-pal]:not(#pal-x) .file,html.ocity[data-pal]:not(#pal-x) .pv,html.ocity[data-pal]:not(#pal-x) .side,html.ocity[data-pal]:not(#pal-x) .rowpeek,html.ocity[data-pal]:not(#pal-x) .report{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-text);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .report{border-left-color:var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .pcard:hover,html.ocity[data-pal]:not(#pal-x) .swatch:hover{border-color:var(--pl-accent);background:var(--pl-field)}
html.ocity[data-pal]:not(#pal-x) .pcard.on,html.ocity[data-pal]:not(#pal-x) .swatch.on{border-color:var(--pl-accent);background:var(--pl-field);box-shadow:0 0 0 2px var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .pcard .n,html.ocity[data-pal]:not(#pal-x) .swatch .n,html.ocity[data-pal]:not(#pal-x) .file .n{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .pcard .d,html.ocity[data-pal]:not(#pal-x) .file .d{color:var(--pl-muted)}
html.ocity[data-pal]:not(#pal-x) .side h3,html.ocity[data-pal]:not(#pal-x) .pv h3{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .field label,html.ocity[data-pal]:not(#pal-x) .prop label{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .sizechip,html.ocity[data-pal]:not(#pal-x) .ratio{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-text);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .sizechip:hover,html.ocity[data-pal]:not(#pal-x) .ratio:hover{background:var(--pl-field);border-color:var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .sizechip.on,html.ocity[data-pal]:not(#pal-x) .ratio.on{background:var(--pl-btn);border-color:transparent;color:var(--pl-btext)}
html.ocity[data-pal]:not(#pal-x) .stage{background:var(--pl-field);border-color:var(--pl-edge)}
html.ocity[data-pal]:not(#pal-x) .stage canvas{box-shadow:var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) .layer{background:var(--pl-field);border-color:var(--pl-edge);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .layer.on{background:var(--pl-panel);border-color:var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .layer button{color:var(--pl-muted)}
html.ocity[data-pal]:not(#pal-x) .layer button:hover{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .toolrow .sp{color:var(--pl-muted)}
html.ocity[data-pal]:not(#pal-x) .drop{border-color:var(--pl-edge);background:var(--pl-field);color:var(--pl-muted)}
html.ocity[data-pal]:not(#pal-x) .drop.over{border-color:var(--pl-accent);background:var(--pl-panel);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .imgchip button{background:var(--pl-b2);color:var(--pl-btext)}
html.ocity[data-pal]:not(#pal-x) .stonebtn.on{border-color:var(--pl-text);box-shadow:0 0 0 2px var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .pattern{background:var(--pl-field);color:var(--pl-text);border:1px solid var(--pl-edge);box-shadow:var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) .pattern h1{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .pattern .kick,html.ocity[data-pal]:not(#pal-x) .pattern h3,html.ocity[data-pal]:not(#pal-x) .tracker .bignum{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .pattern .row b{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .pattern .note{background:var(--pl-panel);border-left-color:var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .chartbox{background:var(--pl-field);border:1px solid var(--pl-edge)}
html.ocity[data-pal]:not(#pal-x) .bar{background:var(--pl-field);border-color:var(--pl-edge)}
html.ocity[data-pal]:not(#pal-x) .bar i{background:var(--pl-btn)}
html.ocity[data-pal]:not(#pal-x) .report .bad,html.ocity[data-pal]:not(#pal-x) .report .warn,html.ocity[data-pal]:not(#pal-x) .report .good{color:var(--pl-text);font-weight:600}
html.ocity[data-pal]:not(#pal-x) dialog{background:linear-gradient(var(--pl-panel),var(--pl-panel)),var(--pl-bg);color:var(--pl-text);border-color:var(--pl-edge);box-shadow:var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) dialog::backdrop{background:rgba(0,0,0,.5)}
html.ocity[data-pal]:not(#pal-x) .projrow{border-bottom-color:var(--pl-edge)}
html.ocity[data-pal]:not(#pal-x) .projrow .meta small{color:var(--pl-muted)}
/* the tool apps */
html.ocity[data-pal]:not(#pal-x) .shell header.masthead{background:var(--pl-panel);border:1px solid var(--pl-edge);box-shadow:var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) .shell header.masthead h1{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .shell header.masthead .eyebrow{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .shell header.masthead .sub{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .shell .controlbar{background:var(--pl-bar);border-color:var(--pl-edge);box-shadow:var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) .shell .step{background:var(--pl-panel);border-color:var(--pl-edge);box-shadow:var(--pl-shadow)}
html.ocity[data-pal]:not(#pal-x) .shell button{background:var(--pl-btn);color:var(--pl-btext);border:1px solid transparent}
html.ocity[data-pal]:not(#pal-x) .shell button:hover{background:var(--pl-btn);color:var(--pl-btext);filter:brightness(1.08)}
html.ocity[data-pal]:not(#pal-x) .shell button.ghost,
html.ocity[data-pal]:not(#pal-x) .shell .multi button{background:var(--pl-field);color:var(--pl-text);border:1px solid var(--pl-edge);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .shell button.ghost:hover,
html.ocity[data-pal]:not(#pal-x) .shell .multi button:hover{background:var(--pl-field);border-color:var(--pl-accent);color:var(--pl-text);filter:none}
html.ocity[data-pal]:not(#pal-x) .shell .multi button[aria-pressed="true"]{background:var(--pl-btn);color:var(--pl-btext);border-color:transparent}
html.ocity[data-pal]:not(#pal-x) .shell .lockbtn,html.ocity[data-pal]:not(#pal-x) .shell .dice,
html.ocity[data-pal]:not(#pal-x) .shell .lockbtn:hover,html.ocity[data-pal]:not(#pal-x) .shell .dice:hover{background:none;border:0;box-shadow:none;color:var(--pl-text);filter:none}
html.ocity[data-pal]:not(#pal-x) .shell .ps,html.ocity[data-pal]:not(#pal-x) .shell .th{background:var(--pl-field);color:var(--pl-text);border:1px solid var(--pl-edge);box-shadow:none}
html.ocity[data-pal]:not(#pal-x) .shell .ps:hover,html.ocity[data-pal]:not(#pal-x) .shell .th:hover{background:var(--pl-field);color:var(--pl-text);border-color:var(--pl-accent);filter:none}
html.ocity[data-pal]:not(#pal-x) .shell .ps[aria-pressed="true"],html.ocity[data-pal]:not(#pal-x) .shell .th[aria-pressed="true"]{border-color:var(--pl-accent);box-shadow:0 0 0 2px var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .shell .ps b,html.ocity[data-pal]:not(#pal-x) .shell .th b{color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .shell .f.locked{outline-color:var(--pl-accent)}
html.ocity[data-pal]:not(#pal-x) .shell #stage{background:var(--pl-field)}
html.ocity[data-pal]:not(#pal-x) .shell .privacy,html.ocity[data-pal]:not(#pal-x) .shell .handoff{background:var(--pl-field);border-color:var(--pl-edge);border-left-color:var(--pl-accent);color:var(--pl-text)}
html.ocity[data-pal]:not(#pal-x) .shell .handoff a{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .shell .busy{color:var(--pl-accent-ink)}
html.ocity[data-pal]:not(#pal-x) .toast{background:var(--pl-btn);color:var(--pl-btext);border:1px solid transparent}