/* Resolve on the overlay, after inheritance from html/body. Older templates use
 * ink/panel, newer templates use oem-*, and the original studio uses glass.
 * A solid theme base under translucent panels keeps the backdrop from turning
 * a light panel into dark glass. These rules outrank the shared :is panel skin. */
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay]{--oem-overlay-text:var(--oem-text,var(--ink,var(--oem-glass-text,#f5f5f7)));--oem-overlay-muted:var(--oem-muted,var(--muted,var(--im-muted,var(--oem-glass-muted,#bfc0c8))));--oem-overlay-panel:var(--oem-panel,var(--panel,var(--ex-panel,#1b1c22)));--oem-overlay-soft:var(--oem-soft,var(--panel2,var(--im-tint,var(--oem-overlay-panel))));--oem-overlay-base:var(--bg,var(--im-bg,#15151c));--oem-overlay-accent:var(--oem-accent,var(--accent,var(--oem-glass-accent,#ffab57)));--oem-overlay-on-accent:var(--oem-on-accent,var(--accentink,var(--oem-glass-ink,#211305)));--oem-overlay-line:var(--line,var(--im-line,var(--oem-glass-line,#ffffff38)))}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_27,.p_2v,[data-oem-dialog]){color:var(--oem-overlay-text);background:linear-gradient(var(--oem-overlay-panel),var(--oem-overlay-panel)),var(--oem-overlay-base);border-color:var(--oem-overlay-line)}
/* Native option popups do not reliably composite a translucent panel token.
 * Keep their CSS palette opaque; opening the OS menu still needs manual QA. */
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] select{color:var(--oem-overlay-text);background:linear-gradient(var(--oem-overlay-panel),var(--oem-overlay-panel)),var(--oem-overlay-base);border-color:var(--oem-overlay-line)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] select option{color:var(--oem-overlay-text);background:var(--oem-overlay-base)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_5d,.p_5i,.p_5m,.p_5s,.p_5z,.p_61,.p_64,.p_67,.p_68,.p_6a,.p_75){color:var(--oem-overlay-text)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_5f,.p_5j,.p_5k,.p_5n,.p_5t,.p_5u,.p_60,.p_62,.p_65,.p_66,.p_71,.p_76,.p_78,.p_2e){color:var(--oem-overlay-muted)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_5d,.p_5i,.p_5s,.p_5z,.p_75){font-size:14px;line-height:1.5}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_5f,.p_5j,.p_5t,.p_60,.p_62,.p_65,.p_71,.p_76,.p_2e){font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] .p_28{border-color:var(--oem-overlay-line)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] .p_2a{background:linear-gradient(145deg,var(--oem-overlay-panel),var(--oem-overlay-soft));border:1px solid var(--oem-overlay-line);box-shadow:inset 0 1px #ffffffb3;text-align:start}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_2c,.p_2s,.p_5v,.p_73){color:var(--oem-overlay-text);background:var(--oem-overlay-panel);border-color:var(--oem-overlay-line);text-align:start}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_2b,.p_2d,.p_2h,.p_2l){color:var(--oem-overlay-accent);background:var(--oem-overlay-soft);flex-shrink:0}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_5e,.p_2o,.p_63,.p_77){color:var(--oem-overlay-accent)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] .p_29{color:var(--oem-overlay-on-accent);background:var(--oem-overlay-accent)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_2g,.p_2k,.p_2u,.p_5p){color:var(--oem-overlay-text);border-color:var(--oem-overlay-line);background:transparent}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_2k,.p_5p){min-height:44px;display:flex;align-items:center;font-size:14px;line-height:1.5}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] .p_2u{width:44px;height:44px;flex-shrink:0;background:var(--oem-overlay-soft)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_2a,.p_2c,.p_2g,.p_2k,.p_2u,.p_5p,.p_73):is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]){color:var(--oem-overlay-text);background:var(--oem-overlay-soft);border-color:var(--oem-overlay-accent)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_5q,.p_5w,.p_74){background:var(--oem-overlay-soft);border-color:var(--oem-overlay-accent);color:var(--oem-overlay-accent);box-shadow:inset 0 1px #ffffffb3}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] .p_2n{color:var(--oem-overlay-on-accent);background:var(--oem-overlay-accent);font-size:12px;line-height:1.5}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] .p_2q{background:linear-gradient(145deg,var(--oem-overlay-panel),var(--oem-overlay-soft));border-color:var(--oem-overlay-line)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_2i,.p_2m,.p_2f,.p_2j,.p_2r){color:var(--oem-overlay-text);background:var(--oem-overlay-soft);border-color:var(--oem-overlay-line);font-size:12px;line-height:1.5}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(.p_2p,.p_2t){color:var(--oem-overlay-on-accent);background:var(--oem-overlay-accent)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(a,button):focus-visible{outline:3px solid var(--oem-overlay-accent);outline-offset:2px}

/* The notification portal is outside the header; explicit semantic hooks keep
 * its empty/loading/error rows and message labels on the same palette. */
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] [data-oem-text=body]{color:var(--oem-overlay-text)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] [data-oem-text=muted]{color:var(--oem-overlay-muted)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] [data-oem-text=accent]{color:var(--oem-overlay-accent)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] [data-oem-notification-item]{color:var(--oem-overlay-text);background:linear-gradient(var(--oem-overlay-panel),var(--oem-overlay-panel)),var(--oem-overlay-base);border-color:var(--oem-overlay-line)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] [data-oem-notification-item=unread]{background:var(--oem-overlay-soft);border-color:var(--oem-overlay-accent)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] [data-oem-action]{color:var(--oem-overlay-text);background:var(--oem-overlay-soft);border-color:var(--oem-overlay-line)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is([data-oem-action],[data-oem-notification-item]):is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]){color:var(--oem-overlay-text);background:var(--oem-overlay-soft);border-color:var(--oem-overlay-accent)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay] :is(button,[role=button]):is(:disabled,[aria-disabled=true]){color:var(--oem-overlay-muted);background:var(--oem-overlay-soft);border-color:var(--oem-overlay-line);opacity:1;box-shadow:none}

/* Error copy uses a paired surface rather than dark-theme red utility text on
 * a light panel. Limit this to actual error rows, not media/photo captions. */
html[data-oem-surface=app][data-oem-template] [role=alert]:is([class*="text-red-"],[class*="text-rose-"]){color:var(--oem-text,var(--ink,var(--oem-glass-text,#f5f5f7)));background:linear-gradient(var(--oem-panel,var(--panel,#1b1c22)),var(--oem-panel,var(--panel,#1b1c22))),var(--bg,#15151c);border-color:var(--line,var(--oem-glass-line));font-size:14px;line-height:1.5}

/* Account state labels need their own foreground; the generic white-text
 * theme rules do not cover pink selected labels or green success messages. */
html[data-oem-surface=app][data-oem-template] [data-oem-account-settings] [data-oem-selected-identity=true]{color:var(--oem-accent,var(--accent,var(--oem-glass-accent,#ffab57)));background:var(--oem-soft,var(--panel2,#2c2733));border-color:var(--oem-accent,var(--accent,var(--oem-glass-accent,#ffab57)))}
html[data-oem-surface=app][data-oem-template] [data-oem-account-settings] [data-oem-account-feedback]{color:var(--oem-text,var(--ink,var(--oem-glass-text,#f5f5f7)));font-size:14px;line-height:1.5}

/* Standalone service feedback retains its status copy and state colors, but
 * its readable text must not inherit pale dark-theme utilities or opacity. */
html[data-oem-surface=app][data-oem-template] :is([data-oem-service-ui=support],[data-oem-service-ui=support-thread]) [data-oem-text=status][role=status]{color:var(--oem-text,var(--ink,var(--oem-glass-text,#f5f5f7)))}
html[data-oem-surface=app][data-oem-template] [data-oem-service-ui=checkout-status] [data-billing-status-label]{color:var(--oem-text,var(--ink,var(--oem-glass-text,#f5f5f7)));opacity:1}
html[data-oem-surface=app][data-oem-template] [data-oem-service-ui=checkout-status] [data-billing-status-detail]{color:var(--oem-muted,var(--muted,var(--im-muted,var(--oem-glass-muted,#bfc0c8))));opacity:1}

/* Plan terms stay readable in every OEM palette, including older light themes.
 * The shared header keeps its main-site presentation when no OEM is active. */
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans]{--oem-plan-text:var(--oem-text,var(--ink,var(--oem-glass-text,#f5f5f7)));--oem-plan-muted:var(--oem-muted,var(--muted,var(--oem-glass-muted,#bfc0c8)));--oem-plan-accent:var(--oem-accent,var(--accent,var(--oem-glass-accent,#ffab57)));--oem-plan-panel:var(--oem-panel,var(--panel,#15151c))}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] [role=dialog]{color:var(--oem-plan-text);background:linear-gradient(var(--oem-plan-panel),var(--oem-plan-panel)),var(--bg,#15151c);border-color:var(--line,var(--oem-glass-line))}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] :is([data-oem-text=dialog-title],[data-oem-text=plan-title],[data-oem-text=plan-price]){color:var(--oem-plan-text)}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] :is([data-oem-text=plan-lead],[data-oem-text=plan-description],[data-oem-text=billing-period],[data-oem-text=plan-notice]){color:var(--oem-plan-muted);font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:break-word}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] [data-oem-text=plan-credits]{color:var(--oem-plan-accent);font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:break-word}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] [data-oem-text=plan-badge]{font-size:13px;line-height:1.5}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] [data-oem-plan-row]{flex-wrap:wrap}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] [data-oem-plan-row]>div:first-child{flex:1 1 12rem;min-width:0}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] [data-oem-plan-price]{flex:0 1 auto;min-width:0;max-width:100%}
html[data-oem-surface=app][data-oem-template] [data-oem-app-overlay=plans] [data-oem-action=close]{width:44px;min-width:44px;height:44px;min-height:44px;flex-shrink:0;color:var(--oem-plan-text)}


html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui]:where([data-oem-service-ui="support"])>:is(form,section){
  min-inline-size:0;
  max-inline-size:100%;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text="body"],
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text="amount"]{
  font-size:16px;
  line-height:1.6;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text="label"],
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text="status"],
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] :where([role="alert"],[role="status"]){
  font-size:14px;
  line-height:1.5;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text="meta"]{
  font-size:13px;
  line-height:1.5;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text]{
  min-inline-size:0;
  max-inline-size:100%;
  overflow-wrap:anywhere;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text="status"],
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-text="amount"]{
  block-size:auto;
  white-space:normal;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]),textarea,select):not([data-oem-appearance="native"]){
  font-size:16px;
  line-height:1.6;
  min-inline-size:0;
  max-inline-size:100%;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-action]{
  min-inline-size:44px;
  min-block-size:44px;
  block-size:auto;
  max-inline-size:100%;
  padding-block:10px;
  font-size:14px;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-action="primary"]{
  min-block-size:48px;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] :is([data-oem-text],[data-oem-action])>svg{
  flex-shrink:0;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-service-flow]{
  flex-wrap:wrap;
  min-inline-size:0;
  max-inline-size:100%;
}
html[data-oem-surface="app"][data-oem-template] [data-oem-service-ui] [data-oem-service-flow]>:where(:not(svg)){
  min-inline-size:0;
  max-inline-size:100%;
}

html[data-oem-surface]{--ex-side:224px;--ex-text:#f7f7f8;--ex-muted:#b6b6c0;--ex-line:#ffffff1c;--ex-accent:#ffa54f;color-scheme:dark}
html[data-oem-surface] .oemExplore{--ex-side:224px}html[data-oem-surface] body{font-family:Arial,Helvetica,sans-serif}
html[data-oem-surface] .ex-sidebar{box-sizing:border-box;position:fixed;inset:0 auto 0 0;width:var(--ex-side);height:100dvh;padding:26px 16px 20px;display:flex;flex-direction:column;gap:24px;z-index:30;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#51515a transparent;background:radial-gradient(ellipse at 0 0,#49312645,transparent 52%),linear-gradient(160deg,#202023eb,#141416f2);border-inline-end:1px solid #ffffff1c;box-shadow:inset -1px 0 0 #ffffff05,8px 0 35px #00000015;backdrop-filter:blur(24px) saturate(135%);color:var(--ex-text);font:14px/1.5 var(--oem-ui-font,Arial,Helvetica,sans-serif)}
html[data-oem-surface] .ex-sidebar *{box-sizing:border-box}html[data-oem-surface] .ex-sidebar a{color:inherit;text-decoration:none}html[data-oem-surface] .ex-sidebar svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-oem-surface] .ex-sidebar .ex-brand{display:flex;align-items:center;gap:9px;padding:0 5px;font-size:19px;font-weight:750;letter-spacing:-.65px;white-space:nowrap}html[data-oem-surface] .ex-sidebar .ex-brand-mark{display:block;flex:none;width:31px;height:31px;object-fit:contain;border-radius:10px}
html[data-oem-surface] .ex-sidebar .ex-brand{min-width:0}html[data-oem-surface] .ex-sidebar .ex-brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-oem-surface] img.oem-brand-artwork,html[data-oem-surface] .ex-brand-mark.ex-brand-artwork{object-fit:contain;background:none;border-radius:0;box-shadow:none}
html[data-oem-surface] .ex-side-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#aaaab3;margin:7px 0 0 45px}
html[data-oem-surface] .ex-nav{display:flex;flex-direction:column;gap:5px}html[data-oem-surface] .ex-nav-title{margin:0;padding:0 12px 7px;color:#a6a6b0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
html[data-oem-surface] .ex-nav a{min-height:44px;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:12px;padding:10px 12px;color:#c5c5cd;font-size:14px;font-weight:600;line-height:1.5;transition:background .18s,color .18s,border-color .18s}html[data-oem-surface] .ex-nav a svg{width:18px;height:18px;color:#aaaab5}html[data-oem-surface] .ex-nav a:hover{background:#ffffff0e;color:#fff;border-color:#ffffff16}html[data-oem-surface] .ex-nav a[aria-current=page]{background:linear-gradient(140deg,#ffba6429,#ff8b2710);border-color:#ffb56c39;color:#ffc283;box-shadow:inset 0 1px 0 #ffd3a22b,0 3px 10px #0002}html[data-oem-surface] .ex-nav a[aria-current=page] svg{color:#ffb568}
html[data-oem-surface] .ex-nav-separator{height:1px;background:var(--ex-line);margin:10px 9px}
html[data-oem-surface] .ex-upgrade{position:relative;flex-shrink:0;padding:17px 15px 15px;border-radius:16px;border:1px solid #cf92514d;background:radial-gradient(ellipse at 85% 0,#b5764657,transparent 68%),linear-gradient(140deg,#33271e,#201d1b);overflow:hidden;box-shadow:inset 0 1px 0 #ffddb01c}html[data-oem-surface] .ex-upgrade>svg{color:#ffb46b;width:24px;height:24px;margin-bottom:8px}html[data-oem-surface] .ex-upgrade h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1.3;color:#fff4e8}html[data-oem-surface] .ex-upgrade p{font-size:12px;color:#d9c5b7;line-height:1.65;margin:7px 0 13px}
html[data-oem-surface] .ex-sidebar .ex-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.5;background:linear-gradient(120deg,#ffad48,#ff851f);border:1px solid #ffc078;color:#241405;box-shadow:inset 0 1px 0 #ffffff66,0 5px 15px #ff741121}
html[data-oem-surface] .ex-side-bottom{margin-top:auto;display:grid;gap:12px}html[data-oem-surface] .ex-account{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--ex-line);border-radius:13px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);font-size:13px;font-weight:600}html[data-oem-surface] .ex-account>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffffff0d;color:#d3d3de}html[data-oem-surface] .ex-account>svg{margin-inline-start:auto;width:15px}html[data-oem-surface] .ex-side-links{display:flex;justify-content:space-around;color:#babac4;font-size:11px}html[data-oem-surface] .ex-side-links a{padding:5px}
html[data-oem-surface] .ex-sidebar :focus-visible{outline:2px solid #ffc078;outline-offset:3px}
html[data-oem-surface=app] .oem-app-content{padding:0;padding-inline-start:var(--ex-side)}
html[data-oem-surface=app] [data-pwa-app-header]{height:68px;min-height:68px;background:linear-gradient(140deg,#222225c9,#131316c4);border-bottom:1px solid #ffffff13;backdrop-filter:blur(24px) saturate(140%)}
html[data-oem-surface=app] .p_36{display:none}
html[data-oem-surface=app] .oem-mobile-workspace{display:none}
html[data-oem-surface] .ex-top-actions .ex-button{min-height:40px}
html[data-oem-surface=app] [data-pwa-app-header] .p_1z{padding-inline:24px;gap:12px}
html[data-oem-surface=app] [data-pwa-app-header] :is(.p_23,.p_24,.p_25,.p_26,.p_70){min-width:44px;min-height:44px;flex-shrink:0;font-size:14px;line-height:1.5}
@media(min-width:901px){html[data-oem-surface=app] [data-pwa-app-header] :is(.p_57,.p_26){display:none}html[data-oem-surface=app] [data-pwa-app-header] .p_25{display:flex}html[data-oem-surface=app] [data-workspace-header-label]{display:block}}
@media(max-width:900px){html[data-oem-surface=app] [data-pwa-app-header] .p_1z{padding-inline:16px}html[data-oem-surface=app] [data-pwa-app-header] [data-workspace-header-label]{display:none}}
html[data-oem-surface][dir=rtl] .ex-sidebar{inset:0 0 0 auto}
@media(max-width:900px){html[data-oem-surface] .ex-sidebar{display:none}html[data-oem-surface=app] .oem-app-content{padding-inline-start:0}html[data-oem-surface=app] .p_36{display:none}html[data-oem-surface=app] .oem-mobile-workspace{display:block;margin:12px 16px;position:relative;z-index:25;color:#f7f7fa}html[data-oem-surface=app] .oem-mobile-workspace>summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:44px;padding:10px 14px;font-size:14px;border-radius:12px;background:linear-gradient(140deg,#ffffff1a,#ffffff05);border:1px solid #ffffff24}html[data-oem-surface=app] .oem-mobile-workspace>summary::-webkit-details-marker{display:none}html[data-oem-surface=app] .oem-mobile-workspace>summary:after{content:'+';margin-inline-start:auto;font-size:20px}html[data-oem-surface=app] .oem-mobile-workspace[open]>summary:after{content:'−'}html[data-oem-surface=app] .oem-mobile-workspace .ex-nav{position:absolute;inset:calc(100% + 8px) 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:12px;border:1px solid #ffffff2b;border-radius:16px;background:linear-gradient(145deg,#303034f5,#19191df5);backdrop-filter:blur(24px);box-shadow:0 20px 45px #0008}html[data-oem-surface=app] .oem-mobile-workspace svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}}
@media(prefers-reduced-motion:reduce){html[data-oem-surface] .ex-sidebar a{transition:none}}
@media(max-width:900px){html[data-oem-surface],html[data-oem-surface] .oemExplore{--ex-side:0px}}
/* The four product templates keep the character identity above the complete
   action row on phones. Scope excludes the main site and the Explore template. */
@media(max-width:640px){
html[data-oem-surface=app]:is([data-oem-template=atelier-studio-v1],[data-oem-template=character-lounge-v1],[data-oem-template=media-salon-v1],[data-oem-template=pocket-studio-v1]) .chat-shell [data-chat-part=header]{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:116px;gap:8px;padding-block:10px}
html[data-oem-surface=app]:is([data-oem-template=atelier-studio-v1],[data-oem-template=character-lounge-v1],[data-oem-template=media-salon-v1],[data-oem-template=pocket-studio-v1]) .chat-shell [data-chat-part=identity]{width:100%;min-width:0}
html[data-oem-surface=app]:is([data-oem-template=atelier-studio-v1],[data-oem-template=character-lounge-v1],[data-oem-template=media-salon-v1],[data-oem-template=pocket-studio-v1]) .chat-shell [data-chat-part=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}
html[data-oem-surface=app]:is([data-oem-template=atelier-studio-v1],[data-oem-template=character-lounge-v1],[data-oem-template=media-salon-v1],[data-oem-template=pocket-studio-v1]) .chat-shell [data-chat-part=header] :is(button,a){min-width:44px;min-height:44px}
html[data-oem-surface=app]:is([data-oem-template=atelier-studio-v1],[data-oem-template=character-lounge-v1],[data-oem-template=media-salon-v1],[data-oem-template=pocket-studio-v1]) .chat-shell [data-chat-part=name]{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}
}

:is(html[data-oem-surface], .oemExplore){
  color-scheme:dark;
  --oem-glass-text:#f5f5f7;
  --oem-glass-muted:#bfc0c8;
  --oem-glass-quiet:#a5a7b2;
  --oem-glass-ink:#211305;
  --oem-glass-accent:#ffab57;
  --oem-glass-line:rgba(255,255,255,.22);
  --oem-glass-rim:rgba(255,255,255,.42);
  --oem-glass-background:linear-gradient(128deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.045) 32%,rgba(255,255,255,.018) 65%,rgba(255,255,255,.08) 100%),rgba(30,31,36,.76);
  --oem-glass-background-hover:linear-gradient(128deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.07) 32%,rgba(255,255,255,.035) 65%,rgba(255,255,255,.12) 100%),rgba(40,40,46,.84);
  --oem-glass-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 1px 0 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(255,255,255,.035),0 4px 12px rgba(0,0,0,.18);
  --oem-glass-focus:0 0 0 4px rgba(255,167,83,.20);
}

/* No pseudo-element is placed over a control or its label. */
:is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]),
:is(html[data-oem-surface], .oemExplore) .ex-glass{
  color:var(--oem-glass-text);
  background:var(--oem-glass-background);
  border:1px solid var(--oem-glass-line);
  box-shadow:var(--oem-glass-shadow);
  backdrop-filter:blur(22px) saturate(155%);
  -webkit-backdrop-filter:blur(22px) saturate(155%);
  -webkit-tap-highlight-color:transparent;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,scale .16s ease;
}
:is(html[data-oem-surface], .oemExplore) :is(.ex-button,.topLink,[data-oem-glass="control"]){border-radius:12px}
:is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]):focus-visible{
  outline:2px solid #ffbf7d;
  outline-offset:3px;
  box-shadow:var(--oem-glass-focus),var(--oem-glass-shadow);
}
:is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]):active:not(:disabled):not([aria-disabled="true"]){
  scale:.98;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.20),0 2px 5px rgba(0,0,0,.13);
}

/* Named app actions and exact filled utility classes share one warm pair. */
:is(html[data-oem-surface], .oemExplore) :is(.ex-primary, .button:not(.secondary), .p_24, .p_33, .p_2p, .p_2t, [data-oem-primary], button.bg-white, a.bg-white, button.bg-orange-500, a.bg-orange-500){
  color:var(--oem-glass-ink);
  background:linear-gradient(126deg,#ffc67c 0%,#ffad51 24%,#ff902c 61%,#ffa848 100%);
  border:1px solid #ffc68e;
  box-shadow:inset 0 1px 0 #fff1d5a8,inset 0 -1px 0 #95430840,0 5px 18px #ff8f2826;
  text-shadow:none;
}
:is(html[data-oem-surface], .oemExplore) :is(.p_24,.ex-primary,.p_33) :is(svg,[data-oem-label]){color:inherit}

/* Selected controls remain legible without suggesting an unavailable action. */
:is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]):is([aria-pressed="true"],[aria-selected="true"],[data-state="active"]),
:is(html[data-oem-surface], .oemExplore) [role="switch"][aria-checked="true"]{
  color:#ffdbb1;
  border-color:#c08b5b;
  background:linear-gradient(128deg,rgba(255,197,138,.22),rgba(255,174,87,.06)),rgba(73,45,25,.9);
  box-shadow:inset 0 1px 0 rgba(255,226,189,.33),0 3px 10px rgba(0,0,0,.16);
}
:is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]):is(:disabled,[aria-disabled="true"]){
  color:#b6b7bf;
  background:linear-gradient(128deg,#343438,#28282d);
  border-color:#56565e;
  box-shadow:inset 0 1px 0 #ffffff10;
  opacity:.7;
  cursor:not-allowed;
  scale:1;
}
:is(html[data-oem-surface], .oemExplore) :is(button,[role="button"])[data-variant="destructive"]{
  background:linear-gradient(128deg,#66353c,#42252d);
  color:#ffe1e5;
  border-color:#bb6a78;
}

@media(hover:hover){
  :is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]):hover:not(:disabled):not([aria-disabled="true"]){
    color:var(--oem-glass-text);
    background:var(--oem-glass-background-hover);
    border-color:var(--oem-glass-rim);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 1px 0 0 rgba(255,255,255,.11),0 6px 17px rgba(0,0,0,.22);
  }
  :is(html[data-oem-surface], .oemExplore) :is(.ex-primary, .button:not(.secondary), .p_24, .p_33, .p_2p, .p_2t, [data-oem-primary], button.bg-white, a.bg-white, button.bg-orange-500, a.bg-orange-500):hover:not(:disabled):not([aria-disabled="true"]){
    color:var(--oem-glass-ink);
    background:linear-gradient(126deg,#ffd394 0%,#ffbd6a 24%,#ffa03f 61%,#ffb862 100%);
    border-color:#ffe1b6;
    box-shadow:inset 0 1px 0 #fff8e7b3,0 6px 22px #ff9f3738;
  }
  :is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]):is([aria-pressed="true"],[aria-selected="true"],[data-state="active"]):hover{
    color:#ffe6c8;
    background:linear-gradient(128deg,#775332,#4e3220);
    border-color:#e8b481;
  }
}

/* Fields keep native selection/caret behavior; file pickers and native switches
   are excluded rather than having their browser appearance reconstructed. */
:is(html[data-oem-surface], .oemExplore) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]), textarea, select){
  color:var(--oem-glass-text);
  caret-color:#ffba70;
  background:linear-gradient(130deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(20,21,26,.92);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.22),inset 0 -1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  transition:border-color .2s ease,box-shadow .2s ease;
}
:is(html[data-oem-surface], .oemExplore) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]), textarea, select)::placeholder{color:var(--oem-glass-quiet);opacity:1}
:is(html[data-oem-surface], .oemExplore) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]), textarea, select):focus-visible{
  outline:2px solid #ffbf7d;
  outline-offset:2px;
  border-color:#dfb388;
  box-shadow:var(--oem-glass-focus);
}
:is(html[data-oem-surface], .oemExplore) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]), textarea, select):disabled{color:#a5a7b0;opacity:.7;cursor:not-allowed}
:is(html[data-oem-surface], .oemExplore) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]), textarea, select)[aria-invalid="true"]{border-color:#ed8a98}
:is(html[data-oem-surface], .oemExplore) select option{background:#24252a;color:#f5f5f7}
:is(html[data-oem-surface], .oemExplore) input:is([type="checkbox"],[type="radio"],[type="range"]){accent-color:#ffac59}
:is(html[data-oem-surface], .oemExplore) .ex-search{
  color:var(--oem-glass-text);
  background:var(--oem-glass-background);
  border:1px solid var(--oem-glass-line);
  box-shadow:var(--oem-glass-shadow);
  backdrop-filter:blur(22px) saturate(155%);
  -webkit-backdrop-filter:blur(22px) saturate(155%);
}
:is(html[data-oem-surface], .oemExplore) .ex-search:focus-within{border-color:#dfb388;box-shadow:var(--oem-glass-focus),var(--oem-glass-shadow)}
:is(html[data-oem-surface], .oemExplore) .ex-search input,:is(html[data-oem-surface], .oemExplore) .ex-search input:focus-visible{
  background:transparent;
  color:var(--oem-glass-text);
  border:0;
  outline:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Overlay panels use a denser tint so text stays readable above photography. */
:is(html[data-oem-surface], .oemExplore) :is(dialog, [role="dialog"], [role="menu"], [role="listbox"], [data-oem-glass="panel"], .ex-mobile-menu, .ex-language nav, .localeList, .mobileMenu nav, .p_27, .p_2v, .p_2y){
  color:var(--oem-glass-text);
  background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.022) 45%,rgba(255,255,255,.06)),rgba(23,24,30,.94);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 1px 0 0 rgba(255,255,255,.065),0 24px 70px rgba(0,0,0,.44);
  backdrop-filter:blur(30px) saturate(145%);
  -webkit-backdrop-filter:blur(30px) saturate(145%);
}
:is(html[data-oem-surface], .oemExplore) dialog::backdrop{background:rgba(5,6,10,.65);backdrop-filter:blur(9px)}
:is(html[data-oem-surface], .oemExplore) :is([role="tooltip"],[data-oem-glass="tooltip"]){
  color:#f5f5f7;
  background:linear-gradient(135deg,#414249ed,#27282eef);
  border:1px solid #ffffff40;
  border-radius:10px;
  box-shadow:inset 0 1px 0 #ffffff36,0 10px 25px #0006;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
:is(html[data-oem-surface], .oemExplore) [role="tablist"]{
  color:var(--oem-glass-muted);
  background:rgba(16,17,22,.74);
  border:1px solid #ffffff20;
  box-shadow:inset 0 1px 3px #0003;
}
:is(html[data-oem-surface], .oemExplore) :is(.p_36,[data-oem-glass="dock"]){
  color:var(--oem-glass-text);
  background:linear-gradient(140deg,#ffffff10,#ffffff03),rgba(18,19,24,.91);
  border-color:#ffffff30;
  box-shadow:inset 0 1px 0 #ffffff2e,0 -8px 32px #0003;
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
}
/* Small-print is still content; do not compound low-opacity gray on black. */
:is(html[data-oem-surface], .oemExplore) .ex-gallery-label p{color:#afb1bc}
:is(html[data-oem-surface], .oemExplore) :is([class~="text-white/28"],[class~="text-white/30"],[class~="text-white/35"],[class~="text-white/40"],[class~="text-white/45"],[class~="text-white/50"]){color:var(--oem-glass-quiet)}
:is(html[data-oem-surface], .oemExplore) .p_22{color:#ffba70}
:is(html[data-oem-surface], .oemExplore) .p_59{color:#bfc0c8}

@media(prefers-reduced-motion:reduce){
  :is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]){transition:none}
  :is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]):active{scale:1}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]),:is(html[data-oem-surface], .oemExplore) .ex-glass{background-color:#28292f}
  :is(html[data-oem-surface], .oemExplore) :is(dialog, [role="dialog"], [role="menu"], [role="listbox"], [data-oem-glass="panel"], .ex-mobile-menu, .ex-language nav, .localeList, .mobileMenu nav, .p_27, .p_2v, .p_2y){background-color:#222329}
}
@media(forced-colors:active){
  :is(html[data-oem-surface], .oemExplore) :where(button, .button, .ex-button, .ex-filter, .ex-save, .topLink, [role="button"], [role="tab"], summary, [data-oem-glass="control"]):not([data-oem-appearance="native"]),:is(html[data-oem-surface], .oemExplore) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]), textarea, select),:is(html[data-oem-surface], .oemExplore) :is(dialog, [role="dialog"], [role="menu"], [role="listbox"], [data-oem-glass="panel"], .ex-mobile-menu, .ex-language nav, .localeList, .mobileMenu nav, .p_27, .p_2v, .p_2y){
    forced-color-adjust:auto;
    color:ButtonText;
    background:Canvas;
    border-color:ButtonText;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

.oem-footer-slot{padding-inline:24px;margin-top:40px;min-width:0}
footer[data-oem-footer]{box-sizing:border-box;min-width:0;background:#151516;border:1px solid #ffffff06;border-radius:22px 22px 0 0;padding:30px 24px 20px;margin:0 -8px;color:#f7f7f8;font:12px/1.5 Arial,Helvetica,sans-serif;text-align:start;-webkit-font-smoothing:antialiased}
footer[data-oem-footer] *,footer[data-oem-footer] *:before,footer[data-oem-footer] *:after{box-sizing:border-box}
footer[data-oem-footer] .ex-footer-top{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:30px}
footer[data-oem-footer] .ex-footer-top>div,footer[data-oem-footer] .ex-footer-top>nav{min-width:0}
footer[data-oem-footer] a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
footer[data-oem-footer] a:focus-visible{outline:2px solid #ffb765;outline-offset:4px;border-radius:3px}
footer[data-oem-footer] .ex-brand{display:inline-flex;align-items:center;gap:9px;max-width:100%;color:#f7f7f8;font:750 18px/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.65px;white-space:normal}
footer[data-oem-footer] .ex-brand>span{overflow-wrap:anywhere}
footer[data-oem-footer] .ex-brand-mark{display:block;flex:none;width:31px;height:31px;min-width:31px;max-width:31px;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none}
footer[data-oem-footer] .ex-footer-brand p{margin:13px 0 0;max-width:220px;color:#afb1bc;font:400 12px/1.7 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
footer[data-oem-footer] nav h2{margin:3px 0 12px;color:#f7f7f8;font:700 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
footer[data-oem-footer] nav a{display:block;width:fit-content;max-width:100%;margin:0 0 9px;color:#c1c2cc;font:400 12px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;transition:color .18s}
footer[data-oem-footer] nav a:hover{color:#ffcc99}
footer[data-oem-footer] .ex-footer-bottom{display:flex;justify-content:space-between;gap:22px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff17;color:#afb1bc;font:400 10px/1.7 Arial,Helvetica,sans-serif}
footer[data-oem-footer] .ex-footer-bottom p{margin:0;max-width:650px;overflow-wrap:anywhere;font:inherit;color:inherit}
footer[data-oem-footer] .ex-footer-bottom>span{flex:none;max-width:100%;overflow-wrap:anywhere}
@media(max-width:1180px){.oem-footer-slot{padding-inline:18px}footer[data-oem-footer] .ex-footer-top{gap:20px}footer[data-oem-footer] .ex-brand{font-size:16px}}
@media(max-width:900px){.oem-footer-slot{padding-inline:20px}}
@media(max-width:600px){.oem-footer-slot{padding-inline:12px}footer[data-oem-footer]{margin:0 -2px;padding:25px 18px 20px;border-radius:20px 20px 0 0}footer[data-oem-footer] .ex-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}footer[data-oem-footer] .ex-footer-brand{grid-column:1/-1}footer[data-oem-footer] .ex-footer-brand p{max-width:100%;margin-top:9px}footer[data-oem-footer] nav h2{font-size:13px;margin-bottom:13px}footer[data-oem-footer] nav a{margin-bottom:12px}footer[data-oem-footer] .ex-footer-bottom{flex-direction:column;gap:10px}footer[data-oem-footer] .ex-footer-bottom>span{flex:auto}}
@media(prefers-reduced-motion:reduce){footer[data-oem-footer] nav a{transition:none}}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/oem-ui/manrope-v20/latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/oem-ui/manrope-v20/latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"]{--oem-ui-font:'Manrope',Arial,Helvetica,sans-serif}
html[data-oem-surface] svg.oem-template-mark{display:block;flex:none;stroke:none;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
html[data-oem-surface] svg.oem-template-mark path{stroke:none}
html[data-oem-surface="home"] body>.skip:not(:focus){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html[data-oem-surface="home"] body>.skip:focus{position:fixed;inset:12px auto auto 12px;z-index:9999;display:block;padding:12px 18px;border-radius:8px;background:#fff;color:#201b2d;font:600 14px/1.5 var(--oem-ui-font);outline:2px solid #654c8d;outline-offset:3px}html[data-oem-surface][data-oem-template="mosaic-lab-v1"]{color-scheme:light;--ex-side:192px;--ex-bg:#edf4ef;--ex-panel:#fafffb;--ex-text:#193b31;--ex-muted:#536f63;--ex-line:#c9dbcf;--ex-accent:#1a6148;--im-bg:#edf4ef;--im-surface:#fafffb;--im-ink:#193b31;--im-muted:#536f63;--im-line:#c9dbcf;--im-accent:#1a6148;--im-tint:#d8ecdf;--oem-glass-text:#193b31;--oem-glass-muted:#536f63;--oem-glass-quiet:#536f63;--oem-glass-ink:#fff;--oem-glass-accent:#1a6148;--oem-glass-line:#c9dbcf;--oem-glass-rim:#c9dbcf;--oem-glass-background:linear-gradient(145deg,#ffffffed,#ffffffa3);--oem-glass-background-hover:linear-gradient(145deg,#fff,#d8ecdf);--oem-glass-shadow:inset 0 1px #fff,0 3px 8px #29233b0a;--oem-glass-focus:0 0 0 4px #d8ecdf}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"]{--oem-text:var(--im-ink);--oem-panel:var(--im-surface);--oem-accent:var(--im-accent);--oem-on-accent:#fff}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] body{margin:0;background:var(--im-bg);color:var(--im-ink);font:400 16px/1.6 var(--oem-ui-font,Arial,Helvetica,sans-serif);font-synthesis:none;-webkit-font-smoothing:antialiased}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--im-accent);outline-offset:4px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :where(button,summary,[role=button]){font-family:inherit;min-height:44px;cursor:pointer}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :where(button:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [hidden]{display:none!important}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-sidebar{background:var(--im-surface);border-color:var(--im-line);color:var(--im-ink);width:var(--ex-side);box-shadow:inset -1px 0 #fff;backdrop-filter:blur(20px)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-sidebar :is(.ex-brand,.ex-account){color:var(--im-ink)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-side-subtitle,.ex-nav-title,.ex-nav a,.ex-nav a svg,.ex-side-links){color:var(--im-muted)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-nav a:hover,html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-nav a[aria-current=page]{color:var(--im-accent);background:var(--im-tint);border-color:var(--im-line);box-shadow:inset 0 1px #fff}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-nav a[aria-current=page] svg{color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-upgrade,.ex-account){background:var(--im-tint);border-color:var(--im-line);border-radius:16px;box-shadow:inset 0 1px #fff}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-upgrade :is(h2,svg){color:var(--im-ink)}html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-upgrade p{color:var(--im-muted)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-upgrade .ex-primary{color:#fff;background:var(--im-accent);border-color:var(--im-accent);min-height:44px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] footer[data-oem-footer]{margin:0;background:transparent;color:var(--im-ink);border:0;border-top:1px solid var(--im-line);border-radius:0;padding:40px 0 24px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] footer[data-oem-footer] :is(.ex-brand,nav h2){color:var(--im-ink);font-family:inherit}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] footer[data-oem-footer] :is(.ex-footer-brand p,nav a,.ex-footer-bottom){color:var(--im-muted);font-family:inherit;font-size:13px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] footer[data-oem-footer] nav a{min-height:36px;display:flex;align-items:center;margin:0}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] footer[data-oem-footer] nav a:hover{color:var(--im-accent);text-decoration:underline}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] footer[data-oem-footer] .ex-footer-bottom{border-color:var(--im-line);font-size:12px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-help-start,.ex-help-faq){border-color:var(--im-line)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-help-start h2,html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-help-faq h2{font:650 clamp(24px,2.4vw,32px)/1.2 var(--oem-ui-font,Arial,Helvetica,sans-serif);color:var(--im-ink);letter-spacing:-.035em}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-help-eyebrow,.ex-help-toggle){color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-help-step,.ex-help-item){background:linear-gradient(145deg,#ffffffd9,#ffffff73);border:1px solid var(--im-line);box-shadow:inset 0 1px #fff}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-help-step h3,.ex-help-item summary){color:var(--im-ink);font-family:inherit;font-size:16px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-help-step p,.ex-help-answer){color:var(--im-muted);font-family:inherit;font-size:14px;line-height:1.7}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-help-number{background:var(--im-tint);border-color:var(--im-line);color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-help-item summary:hover{background:var(--im-tint);color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-help-answer a{color:var(--im-accent)}html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-help-tools a{border-color:var(--im-line);background:var(--im-surface);min-height:36px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-help-links,.ex-help-faq-intro) .ex-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--im-line);border-radius:999px;background:linear-gradient(140deg,#fff,#ffffffa3);box-shadow:inset 0 1px #fff;color:var(--im-ink);font:600 14px/1.4 var(--oem-ui-font,Arial,Helvetica,sans-serif);text-decoration:none}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-notification-tray{background:var(--im-surface);color:var(--im-ink);border-color:var(--im-line);box-shadow:-20px 0 70px #29233b24}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-notification-tray :is(h2,.ex-notification-item strong){color:var(--im-ink)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-notification-tray :is(header p,.ex-notification-toolbar,.ex-notification-items>p,.ex-notification-item span,.ex-notification-item time){color:var(--im-muted)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-notification-tray :is(header,footer,.ex-notification-item){border-color:var(--im-line)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-notification-tray :is(button,footer a,.ex-notification-item){background:var(--im-tint);color:var(--im-ink);border-color:var(--im-line)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-notification-tray :is(.ex-notification-action,[data-notification-error]){color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-checkout-reminder{background:var(--im-tint);color:var(--im-ink);border-color:var(--im-line)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-checkout-reminder :is(h2,p){color:var(--im-ink)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-header,.ml-header) .ex-notification-bell{display:inline-flex;align-items:center;justify-content:center;color:var(--im-ink);background:linear-gradient(145deg,#fff,#ffffffa0);border:1px solid var(--im-line);box-shadow:inset 0 1px #fff;border-radius:999px;width:44px;height:44px;min-width:44px;padding:0}
@media(max-width:900px){html[data-oem-surface][data-oem-template="mosaic-lab-v1"]{--ex-side:0px}}
@media(max-width:370px){
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-actions,.ml-header-actions){display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:minmax(44px,auto) 44px;gap:7px;min-height:95px;width:100%}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-actions,.ml-header-actions)>.ex-notification-bell{grid-column:1;grid-row:1}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-auth,.ml-auth){grid-column:2;grid-row:1;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-menu,.ml-menu){grid-column:3;grid-row:1}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-menu,.ml-menu)>summary{width:44px;min-width:44px;height:44px;padding:0}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-language,.ml-language){grid-column:1/-1;grid-row:2;min-width:0}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.pg-language,.ml-language)>summary{width:100%;max-width:none;justify-content:flex-start;min-height:44px}
}
@media(prefers-reduced-motion:reduce){html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :where(a,button,summary,img){transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Existing business controls retain their real state machines. The corresponding template chrome supplies the palette; creative-workspace-layout owns structural differences. */
html[data-oem-template="mosaic-lab-v1"][data-oem-surface="document"] .oem-document-header :is(.localeList,.mobileMenu nav){background:#fafffb;color:#193b31;border-color:#c9dbcf;box-shadow:0 18px 50px #24342a28,inset 0 1px #fff}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface="document"] .oem-document-header :is(.localeList,.mobileMenu nav) a{color:#254c3e}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface="document"] .oem-document-header :is(.localeList,.mobileMenu nav) a:is(:hover,:focus-visible,[aria-current]){background:#d8ecdf;color:#174832}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] body{--bg:#edf4ef;--panel:#fafffb;--ink:#193b31;--muted:#536f63;--line:#c9dbcf;--accent:#1a6148;--accentink:#fff;--oem-error-background:#edf4ef;--oem-error-foreground:#193b31;--oem-error-muted:#536f63;--oem-error-accent:#1a6148;--oem-error-border:#c9dbcf;color-scheme:light;--panel2:#e6f0e9;--heading:var(--oem-ui-font,Arial,Helvetica,sans-serif);--oem-error-panel:#fafffb;--oem-error-action:#1a6148;--oem-error-action-ink:#fff;font:16px/1.65 var(--oem-ui-font,Arial,Helvetica,sans-serif)}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([data-pwa-consent-background],.oem-app-content,#main-content,.oem-document-shell){background:#edf4ef;color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .ex-sidebar{inset-inline-start:0;inset-inline-end:auto}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(main h1,.pageIntro h1,.heroCopy h1){color:#193b31;font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif);font-weight:600;font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.045em}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(main h2,.prose h2){color:#193b31;font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif);font-weight:600;font-size:clamp(24px,2.1vw,30px);line-height:1.25;letter-spacing:-.04em}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(main h3){font-size:17px;line-height:1.4;color:#193b31;font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif);font-weight:650;letter-spacing:-.025em}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([class~="text-white"],.p_21,.p_5d,.p_59){color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([class*="text-white/"],.p_5f,.p_2e,.p_1u,.p_1v,.p_1w){color:#536f63}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([class*="text-orange-"],[class*="text-amber-"],.eyebrow,.p_22){color:#1a6148}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([class*="border-white"]){border-color:#c9dbcf}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(form,section,article,div)[class*="bg-white/"],html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([class~="bg-[#111117]"],[class~="bg-[#15151c]"],[class~="bg-[#08090b]"],[class~="bg-[#111216]"]){background:#fafffb;color:#193b31;border-color:#c9dbcf}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([class*="bg-gradient-to-t"][class*="from-black"],[data-media-overlay]) :is(h1,h2,h3,p,span,[class*="text-white"]){color:#fff}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){color:#193b31;font-size:16px;background:#fafffb;box-shadow:inset 0 1px 2px #21332604;border-color:#c9dbcf;border-radius:10px;line-height:1.6}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(input,textarea)::placeholder{color:#536f63;opacity:1}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,.button,[role=button],summary){border-radius:12px;min-height:44px;letter-spacing:0}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is(.ex-primary,.button:not(.secondary),.p_24,.p_2p,.p_2t,.p_33,[data-oem-primary],button.bg-white,a.bg-white,button.bg-orange-500,a.bg-orange-500){background:var(--im-primary);color:#fff;border-color:#1a6148;box-shadow:inset 0 1px #ffffff26,0 2px 4px #24342a18}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is(.ex-primary,.button:not(.secondary),.p_24,.p_2p,.p_2t,.p_33,[data-oem-primary],button.bg-white,a.bg-white,button.bg-orange-500,a.bg-orange-500):hover:not(:disabled):not([aria-disabled=true]){background:var(--im-primary-hover);color:#fff;border-color:#1a6148;box-shadow:inset 0 1px #ffffff26,0 6px 16px #24342a24}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,[role=button],[role=tab],summary,[data-oem-glass=control]):is([aria-pressed=true],[aria-selected=true],[data-state=active]),html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=switch][aria-checked=true]{background:#d8ecdf;color:#193b31;border-color:#c9dbcf;box-shadow:inset 0 1px #ffffffb3}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #1a6148;outline-offset:4px}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is(dialog,[role=dialog],[role=menu],[role=listbox],.p_27,.p_2v,.p_2y,.localeList,.mobileMenu nav){color:#193b31;background:#fffffff5;border-color:#c9dbcf;box-shadow:0 20px 70px #1d2b2224,inset 0 1px #fff}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-oem-glass=panel]{color:var(--im-ink);background:linear-gradient(145deg,#fff,var(--im-surface));border-color:var(--im-line);box-shadow:inset 0 1px #fff,0 8px 28px #193b3109}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is([role=tooltip],[data-oem-glass=tooltip]){color:var(--im-ink);background:var(--im-surface);border-color:var(--im-line);box-shadow:inset 0 1px #fff,0 10px 25px #193b3118}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=tablist]{color:var(--im-muted);background:var(--im-tint);border-color:var(--im-line);box-shadow:inset 0 1px 3px #193b3108}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is(button,[role=button],[role=tab],summary,[data-oem-glass=control]):is([aria-pressed=true],[aria-selected=true],[data-state=active]):hover:not(:disabled):not([aria-disabled=true]){color:var(--im-ink);background:var(--im-tint);border-color:var(--im-accent);box-shadow:inset 0 1px #fff}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(dialog,[role=dialog],.p_27,.p_2v,.p_2y) :where(.p_5d,.p_5f,.p_30,.p_32,[class*="text-white"]){color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is([data-pwa-app-header],.oem-document-header){background:#edf4efe8;border-bottom:1px solid #c9dbcf;box-shadow:none}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-pwa-app-header]>.p_1z{min-height:76px}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-footer-slot{margin-top:64px;padding-inline:clamp(24px,3vw,48px)}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(.prose,.pageIntro,.card,.tile){color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(.prose,.pageIntro) p{color:#536f63}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-shell :is(.pageIntro h1,.heroCopy h1,h2){color:#193b31;font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif);font-weight:600}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-shell .eyebrow{color:#1a6148}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-shell :is(.cardContent p,.aside p){color:var(--im-muted)}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-shell .cardArt{height:auto;aspect-ratio:4/3}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-shell .heroArt{height:auto;aspect-ratio:4/5;max-height:560px}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-artwork{width:100%;height:100%;object-fit:cover;object-position:center 25%}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-artwork-empty{display:block;width:100%;height:100%;background:radial-gradient(ellipse at 65% 20%,#bddac7,transparent 55%),linear-gradient(135deg,#effbf3,#8cbaa0)}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] select option{background:#fafffb;color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] input:is([type=checkbox],[type=radio],[type=range]){accent-color:#1a6148}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-mobile-workspace{background:#fafffb;border-color:#c9dbcf;color:#193b31;border-radius:12px}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-mobile-workspace[open] nav{background:#fafffb;color:#193b31;border-color:#c9dbcf}
@media(min-width:901px){html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-app-content{padding-inline-start:208px}}
@media(max-width:900px){html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-app-content{padding-inline-start:0}html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-footer-slot{padding-inline:16px;margin-top:40px}}
@media(prefers-reduced-motion:reduce){html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,a,input,textarea,summary){transition:none;animation:none}}
/* Existing tools use dark utility surfaces; keep their foreground and panel together. */
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(main,section,article,aside,form,header,footer,div):not([role=presentation]):not([data-pwa-consent-background]):is([class*="bg-[#0"],[class*="bg-[#1"],[class*="bg-[#2"],[class*="bg-[radial-gradient"],[class*="bg-[linear-gradient"]){background:#fafffb;color:#193b31;border-color:#c9dbcf}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where([data-pwa-consent-background],.oem-app-content){background:#edf4ef;color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-oem-glass=panel]{color:#193b31;background:#fafffb;border-color:#c9dbcf;box-shadow:0 2px 10px #22332204}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-oem-workbench]{font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif);--workbench-text:#193b31;--workbench-muted:#536f63;min-width:0;width:100%;color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is([data-workbench-part=layout],[data-workbench-part=tool-tabs],[data-workbench-part=visual-styles]){min-width:0;max-width:100%}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=field-label]>:first-child,html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=upload]>span:first-of-type,html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=result-state] h3{color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is([data-workbench-part=results-header]>span,[data-workbench-part=consent],[data-workbench-part=result-state]>div>span){color:#536f63}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=quote]>div>div:first-child>p:last-child{color:#27332a;font-size:20px}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is([data-workbench-part=result-state],[data-workbench-part=upload]){color:#193b31;background:#f0f7f2;border-color:#c9dbcf;box-shadow:none}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=settings-header]{border-color:#c9dbcf}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=visual-styles]>button>span:last-child{color:#fff;text-shadow:0 1px 3px #0009}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-oem-workbench] [class*="bg-gradient-to-t"][class*="from-black"][class*="text-white"]{color:#fff}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :is(.chat-shell [class*="text-emerald-"],.chat-shell [class*="text-green-"]){color:#357450}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .chat-shell [class*="from-[#0"]{background:#edf4ef}
/* Photo-backed login copy stays light; the authentication card uses the warm surface. */
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-login-landing]>section[aria-labelledby=login-title]>.grid>div:first-child :is(h1,p){color:#fff}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-login-landing]>section[aria-labelledby=login-title]>.grid>div:first-child p:not(.eyebrow){color:#f8f8fc}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-login-landing]>section[aria-labelledby=login-title]>.grid>div:first-child .eyebrow{color:#b8e2c8}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-login-landing]>section[aria-labelledby=login-title]>.grid>div:last-child{background:#fafffbf5;color:#193b31;border-color:#c9dbcf;box-shadow:0 20px 50px #20120826}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-login-landing]>section[aria-labelledby=login-title]>.grid>div:last-child h2{color:#193b31;font-size:24px;line-height:1.25}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .chat-shell [class*="shadow-[0_-24px_48px_rgba"]{box-shadow:0 -16px 36px #edf4efe0}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .chat-shell form[class*="shadow-[0_16px_60px_rgba"]{box-shadow:0 12px 32px #1a61481a}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .oem-document-header .brand .oem-preview-monogram{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;color:#fff;background:var(--im-primary);font:650 19px/1 var(--oem-ui-font,Arial,Helvetica,sans-serif)}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-oem-workbench] :is([data-workbench-part=settings-header] h2,[data-workbench-part=results-header] h2){font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.04em}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=quote]{background:#e7f2eb;border-color:#c9dbcf;border-radius:12px;box-shadow:none}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .chat-shell :is(aside h2,[role=dialog] h2){font-size:22px;line-height:1.3;letter-spacing:-.04em}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,summary,[role=button]){font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif);font-weight:550;transition:background .2s,border-color .2s,box-shadow .2s,transform .16s}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,[role=button]):active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}

/* Keep these existing workspace strips light without changing media-viewer backdrops. */
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [data-workbench-part=results]>div[class~="bg-black/12"],
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] .chat-shell header[class~="bg-black/12"]{background:#f0f3ee;border-color:#e1e6dc;color:#193b31;box-shadow:inset 0 1px #ffffffa6}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby=chat-attachment-title]>label[for=chat-attachment-file]{background:#f0f3ee;border-color:#d7dfd1;color:#193b31}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby=chat-attachment-title]>input:not(:disabled)+label[for=chat-attachment-file]:hover{background:#e9eee5;border-color:#aaba9f}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby=chat-attachment-title]>div:last-child>button{height:auto;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.4;gap:8px;justify-content:center}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby=chat-attachment-title]>div:last-child>button>svg{flex-shrink:0;width:16px;height:16px}

/* Pricing and hosted-checkout status colors were authored for dark surfaces. */
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] #plans article>p[class~="text-sky-100/75"]{background:#edf3f0;border-color:#d2dfd7;color:#375449}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] #plans article li>span[class~="text-emerald-300"]{background:#e8f0e7;color:#3c664d}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] main:has(>#plans) a[href$="/generate"]{color:#1a6148;text-decoration-color:#85aa94}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] main:has(>#plans) a[href$="/generate"]:hover{color:#193b31;text-decoration:underline;text-underline-offset:4px}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] main:has(>#plans) svg[class*="text-pink-"]{color:#1a6148}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby$="-checkout-title"]>div[class~="text-emerald-50/65"]{background:#edf3ed;border-color:#d4e0d1;color:#405d46}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby$="-checkout-title"]>div[class~="text-emerald-50/65"]>p[class~="text-emerald-100/80"]{color:#36563c}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby$="-checkout-title"]>div[class~="text-sky-50/55"]{background:#f0f4f5;border-color:#d9e2e3;color:#435d67}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby$="-checkout-title"] :is(p[class*="text-pink-"],svg[class*="text-pink-"]){color:#1a6148}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby$="-checkout-title"] a:is([href$="#payment-terms"],[href$="#privacy-notice"],[href$="#refund-policy"]){color:#1a6148;text-decoration-color:#85aa94;text-underline-offset:3px}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby$="-checkout-title"] a:is([href$="#payment-terms"],[href$="#privacy-notice"],[href$="#refund-policy"]):hover{color:#193b31;text-decoration-color:currentColor}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby=notification-center-title]>div:first-child button{background:linear-gradient(180deg,#ffffffde,#ffffffa3);border:1px solid #c9dbcf;color:#193b31;box-shadow:inset 0 1px #fff;font-size:13px;line-height:1.4}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby=notification-center-title]>div:first-child button:hover:not(:disabled){background:#eef6f0;border-color:#adc8b7;box-shadow:inset 0 1px #fff}
html[data-oem-template="mosaic-lab-v1"][data-oem-surface] [role=dialog][aria-labelledby=notification-center-title]>div:first-child button:disabled{box-shadow:none;transform:none}


@media(prefers-reduced-motion:reduce){html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,a,input,textarea,select,summary,[role=button]){transition:none!important;animation:none!important}html[data-oem-template="mosaic-lab-v1"][data-oem-surface] :where(button,a,[role=button]):active{transform:none!important}}


html[data-oem-surface][data-oem-template="mosaic-lab-v1"]{--im-primary:var(--im-accent);--im-primary-hover:var(--im-ink);--oem-text:var(--im-ink);--oem-panel:var(--im-surface);--oem-accent:var(--im-accent);--oem-on-accent:#fff}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-oem-workbench]{--workbench-text:var(--im-ink);--workbench-muted:var(--im-muted)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-pwa-app-header]{background:var(--im-surface);border-color:var(--im-line)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .oem-document-header .brand{color:var(--im-ink)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"]{--ex-side:192px}html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-sidebar{padding:26px 12px;gap:24px;box-shadow:inset -1px 0 #fff;background:var(--im-surface);border-color:var(--im-line)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-sidebar .ex-nav a{border-radius:12px;font-size:14px;min-height:46px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-account>span{background:var(--im-surface);color:var(--im-accent)}
@media(min-width:901px){html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .oem-app-content{padding-inline-start:192px}}
@media(max-width:900px){html[data-oem-surface][data-oem-template="mosaic-lab-v1"]{--ex-side:0px}html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-sidebar{display:none}html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .oem-app-content{padding-inline-start:0}}


/* Real media controls: avoid placeholder photograph styling when a brand has no style image. */
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=visual-styles]>button:not(:has(img)){aspect-ratio:auto;min-height:46px;height:auto;background:linear-gradient(145deg,var(--im-surface),var(--im-tint));border-color:var(--im-line);box-shadow:inset 0 1px #fff;color:var(--im-ink)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=visual-styles]>button:not(:has(img))>span:first-child{display:none}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=visual-styles]>button:not(:has(img))>span:last-child{position:static;padding:10px 8px;color:var(--im-ink);font-size:12px;line-height:1.4;text-shadow:none;overflow-wrap:normal}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=visual-styles]>button:not(:has(img))[aria-pressed=true]{background:var(--im-accent);border-color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=visual-styles]>button:not(:has(img))[aria-pressed=true]>span:last-child{color:#fff}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=toggle]>span:first-child{overflow-wrap:normal;word-break:normal;font-size:14px;line-height:1.45}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=toggle]>span:last-child{background:var(--im-line);border:1px solid color-mix(in srgb,var(--im-accent) 30%,transparent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=toggle][aria-checked=true]>span:last-child{background:var(--im-accent);border-color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is([data-workbench-part=settings-header]>span,[data-workbench-part=result-state]>span){background:var(--im-tint);color:var(--im-accent)}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-workspace=mosaic-lab-v1] details [data-creative-region=configuration]>h2{display:none}
@media(max-width:600px){html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-region=configuration] .grid:has(>[data-workbench-part=toggle]){grid-template-columns:minmax(0,1fr)}}

html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-workspace=mosaic-lab-v1] details [data-creative-region=configuration]>div:first-of-type{margin-top:0}
@media(max-width:767px){
html[data-oem-surface=app][data-oem-template="mosaic-lab-v1"] .chat-shell [data-chat-part=header]{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:116px;gap:8px;padding-block:10px}
html[data-oem-surface=app][data-oem-template="mosaic-lab-v1"] .chat-shell [data-chat-part=identity]{width:100%;min-width:0}
html[data-oem-surface=app][data-oem-template="mosaic-lab-v1"] .chat-shell [data-chat-part=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}
html[data-oem-surface=app][data-oem-template="mosaic-lab-v1"] .chat-shell [data-chat-part=header] :is(button,a){min-width:44px;min-height:44px}
html[data-oem-surface=app][data-oem-template="mosaic-lab-v1"] .chat-shell [data-chat-part=name]{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}
}
/* Match the contact sheet with a paper brief, inset options and result library. */
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :where(button,.button,summary,[role=button]){border-radius:9px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-region=input]{background:#fffefb;border-color:#cad9cf;border-radius:14px;box-shadow:inset 0 1px #fff,0 12px 28px -24px #23442f50;padding:28px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-workspace] details:has(>[data-creative-region=configuration]){background:#e5efe6;border-color:#bccfc1;border-radius:12px;box-shadow:inset 0 1px #fff}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-workspace] details:has(>[data-creative-region=configuration])>summary{background:transparent;box-shadow:none;border-radius:0;padding:20px 24px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-region=configuration]{background:#f2f7f0;box-shadow:none;padding:24px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=results]{background:#fffefb;border-color:#bdd0c2;border-radius:16px;box-shadow:0 16px 34px -29px #1d462e66}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=result-state]{background:linear-gradient(145deg,#f5f9f1,#edf4ec);border-color:#cbd9cb;border-radius:10px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=settings-header]{padding-bottom:20px;margin-bottom:22px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=option]{background:#fffefb;border-color:#c3d5c8;border-radius:7px;box-shadow:inset 0 1px #fff;font-weight:500}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=option][aria-pressed=true]{background:#1f5d42;color:#fff;border-color:#1f5d42;box-shadow:inset 0 1px #a2d3ab66}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=option]:hover:not(:disabled){border-color:#659378}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-oem-workbench] :is(textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select){background:#fffefb;border-color:#bfd1c4;border-radius:8px;box-shadow:inset 0 1px 2px #1f432d05}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=quote]{background:#dcecdf;border-color:#bcd2c2;border-radius:10px;box-shadow:inset 0 1px #fff;padding:18px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-creative-region=submission]>button{min-height:50px;border-radius:9px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-sidebar{background:#f9fcf8;border-color:#c7d8ce}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-nav a{border-radius:8px;box-shadow:none}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .ex-nav a[aria-current=page]{background:#e5f0e7;box-shadow:inset 3px 0 #1a6148;border-color:#c0d3c6}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-upgrade,.ex-account){border-radius:12px;background:#e5efe4}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .oem-document-shell .card{border-radius:12px;border-color:#cad9cf;background:#fffefb;box-shadow:0 8px 24px -22px #1d462e55}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] .oem-document-shell .cardContent{padding:18px}
html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is(.ex-help-item,.ex-help-step){border-radius:10px;box-shadow:inset 0 1px #fff}
@media(max-width:800px){html[data-oem-surface][data-oem-template="mosaic-lab-v1"] :is([data-creative-region=input],[data-creative-region=configuration]){padding:20px;border-radius:12px}html[data-oem-surface][data-oem-template="mosaic-lab-v1"] [data-workbench-part=results]{border-radius:12px}}