/* 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="motion-cinema-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-template="motion-cinema-v1"][data-oem-surface]{--oem-text:#f4f5ff;--oem-panel:#191e35;--oem-accent:#c4d2ff;--oem-on-accent:#182140}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] body{--bg:#0d1021;--panel:#191e35;--panel2:#242b47;--ink:#f4f5ff;--muted:#b5bdd7;--line:#c9d3ff29;--accent:#c4d2ff;--accentink:#182140;--heading:var(--oem-ui-font,Arial,Helvetica,sans-serif)}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar{position:relative;inset:auto;width:100%;height:auto;min-height:84px;padding:18px max(28px,calc((100vw - 1420px)/2));display:flex;flex-direction:row;align-items:center;gap:28px;background:#141a2eea;color:#f4f5ff;border:0;border-bottom:1px solid #c9d3ff29;box-shadow:none;overflow:visible;backdrop-filter:blur(18px)}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar :is(.ex-side-subtitle,.ex-nav-title,.ex-nav-separator,.ex-upgrade,.ex-side-bottom){display:none}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar .ex-brand{color:#f4f5ff;font-size:20px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar .ex-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-inline-start:auto}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar .ex-nav a{color:#b5bdd7;border-radius:14px;padding:9px 14px;font-size:14px;min-height:44px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar .ex-nav a svg{color:inherit}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar .ex-nav a:is([aria-current=page],:hover){color:#f4f5ff;background:linear-gradient(125deg,#b8c7ff29,#6f8ed618);border-color:#c9d3ff5e;box-shadow:inset 0 1px #edf3ff26}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is(.oem-app-content,.oem-document-shell){margin-inline-start:0;padding-inline-start:0}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-mobile-workspace{background:transparent;color:#f4f5ff;border:0;box-shadow:none}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-mobile-workspace :is(summary,.ex-nav){background:#171e35f5;border-color:#c9d3ff38;color:#f4f5ff;box-shadow:inset 0 1px #e6edff26,0 10px 28px #0002}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-mobile-workspace .ex-nav a{color:#b5bdd7}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-mobile-workspace .ex-nav a[aria-current=page]{color:#f4f5ff;background:#344365;border-color:#a3b9ee77}
@media(max-width:1050px){html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-sidebar{display:none}html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-mobile-workspace{display:block;margin:12px 16px}}
html[data-oem-template="motion-cinema-v1"][data-oem-surface]{color-scheme:dark;--ex-side:0px;--background:#0d1021;--foreground:#f4f5ff;--bg:#0d1021;--panel:#191e35;--panel2:#242b47;--ink:#f4f5ff;--muted:#b5bdd7;--line:#c9d3ff29;--accent:#c4d2ff;--accentink:#182140;--heading:var(--oem-ui-font,Arial,Helvetica,sans-serif);--ex-bg:#0d1021;--ex-panel:#191e35;--ex-text:#f4f5ff;--ex-muted:#b5bdd7;--ex-line:#c9d3ff29;--ex-accent:#c4d2ff;--oem-glass-text:#f4f5ff;--oem-glass-muted:#b5bdd7;--oem-glass-quiet:#b5bdd7;--oem-glass-ink:#182140;--oem-glass-accent:#c4d2ff;--oem-glass-line:#c9d3ff38;--oem-glass-rim:#e6edff66;--oem-glass-background:linear-gradient(125deg,#b8c7ff1f,#6f8ed610);--oem-glass-background-hover:linear-gradient(125deg,#b8c7ff30,#6f8ed622);--oem-glass-shadow:inset 0 1px #edf3ff26,0 8px 24px #0002;--oem-glass-focus:0 0 0 4px #b6caff30;background:#0d1021;color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] body{margin:0;background:radial-gradient(ellipse 1300px 500px at 30% 0,#384c8529,transparent),#0d1021;color:#f4f5ff;font:400 16px/1.6 var(--oem-ui-font,Arial,Helvetica,sans-serif);font-synthesis:none;-webkit-font-smoothing:antialiased}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is(button,input,textarea,select,summary){font-family:var(--oem-ui-font,Arial,Helvetica,sans-serif)}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #c4d2ff;outline-offset:4px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] body>.skip{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:1000;display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;border-radius:10px;background:#dce5ff;color:#182140;transform:translateY(-150%)}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] body>.skip:focus{transform:none}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer[data-oem-footer]{border:0;border-top:1px solid #c9d3ff29;background:transparent;border-radius:0;margin:0;padding:40px 0 28px;color:#b5bdd7}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-footer-top{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-brand{display:flex;align-items:center;gap:10px;color:#f4f5ff;font-size:22px;font-weight:700}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-brand img{width:36px;height:36px;object-fit:contain}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-footer-brand p{font-size:14px;line-height:1.7;max-width:290px;color:#b5bdd7;margin-top:14px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer nav h2{font:650 15px/1.5 var(--oem-ui-font,Arial,Helvetica,sans-serif);color:#f4f5ff;margin:0 0 12px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer nav a{display:flex;align-items:center;min-height:40px;font-size:14px;color:#b5bdd7;text-decoration:none}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer nav a:hover{color:#f4f5ff;text-decoration:underline;text-underline-offset:4px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-footer-bottom{display:flex;justify-content:space-between;gap:32px;border-top:1px solid #c9d3ff29;margin-top:32px;padding-top:20px;font-size:12px;line-height:1.7;color:#b5bdd7}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-preview-monogram{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#dce5ff;color:#182140;font-size:20px;font-weight:650}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-notification-tray{background:#151a2fee;color:#f4f5ff;border-color:#c9d3ff38}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-notification-tray :is(button,footer a){background:#252d49;color:#f4f5ff;border-color:#c9d3ff38}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-notification-tray :is(h2,strong){color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-notification-tray :is(p,time,.ex-notification-item span){color:#b5bdd7}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .ex-checkout-reminder{color:#f4f5ff;background:#232c4a;border-color:#a6bdff55}
@media(max-width:760px){html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-footer-brand{grid-column:1/-1}html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-footer-bottom{flex-direction:column;gap:14px}}
@media(max-width:480px){html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer .ex-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-oem-template="motion-cinema-v1"][data-oem-surface] footer nav a{min-height:44px}}
/* Document references use the complete portrait, with the safety caption in
   its own row. The generic landscape crop must not hide a subject's face. */
html[data-oem-template="motion-cinema-v1"][data-oem-surface=document] .oem-document-shell .hero>.heroArt{display:grid;grid-template-rows:auto auto;align-content:start;align-self:start;height:auto;min-height:0;max-height:none;aspect-ratio:auto;width:100%;min-width:0;background:#10182b}
html[data-oem-template="motion-cinema-v1"][data-oem-surface=document] .oem-document-shell .hero>.heroArt::after{display:none}
html[data-oem-template="motion-cinema-v1"][data-oem-surface=document] .oem-document-shell .hero>.heroArt>img{position:static;display:block;width:100%;height:auto;max-height:560px;aspect-ratio:3/4;object-fit:contain}
html[data-oem-template="motion-cinema-v1"][data-oem-surface=document] .oem-document-shell .hero>.heroArt>.artCaption{position:static;inset:auto;display:block;max-width:none;min-width:0;min-height:44px;margin:0;padding:12px 16px;border:0;border-top:1px solid #c9d3ff29;border-radius:0;background:#131c30;color:#f4f5ff;box-shadow:none;backdrop-filter:none;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html[data-oem-template="motion-cinema-v1"][data-oem-surface] *,html[data-oem-template="motion-cinema-v1"][data-oem-surface] *::before,html[data-oem-template="motion-cinema-v1"][data-oem-surface] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Cinema business surfaces. Input, settings, submission and results remain real
   mounted components; creative-workspace-layout owns their structural ordering. */
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] [role=switch][aria-checked=true]{background:#344365;color:#f4f5ff;border-color:#a3b9ee77}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] [data-workbench-part=toggle]>span:last-child{background:#526082}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] [data-workbench-part=toggle][aria-checked=true]>span:last-child{background:#c4d2ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] [data-workbench-part=toggle][aria-checked=true]>span:last-child>span{background:#182140}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] :is(textarea,input,select){font-size:16px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] body{--bg:#0d1021;--panel:#191e35;--panel2:#242b47;--ink:#f4f5ff;--muted:#b5bdd7;--line:#c9d3ff29;--accent:#c4d2ff;--accentink:#182140;--oem-error-background:#0d1021;--oem-error-panel:#191e35;--oem-error-foreground:#f4f5ff;--oem-error-muted:#b5bdd7;--oem-error-accent:#c4d2ff;--oem-error-border:#c9d3ff29;--oem-error-action:#c4d2ff;--oem-error-action-ink:#182140}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is(.oem-app-content,.oem-document-shell,[data-pwa-consent-background]){background:#0d1021;color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is(.oem-document-header,[data-pwa-app-header],.ex-sidebar){background:#141a2eea;border-color:#c9d3ff29;color:#f4f5ff;backdrop-filter:blur(18px)}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(main h1,.pageIntro h1,.heroCopy h1){font:600 clamp(32px,3.4vw,48px)/1.12 var(--oem-ui-font,Arial,Helvetica,sans-serif);letter-spacing:-.045em;color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(main h2,.prose h2){font:600 clamp(24px,2.2vw,32px)/1.25 var(--oem-ui-font,Arial,Helvetica,sans-serif);letter-spacing:-.03em;color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(main h3){font:600 18px/1.4 var(--oem-ui-font,Arial,Helvetica,sans-serif);color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(.prose p,.pageIntro p,.eyebrow,[class*="text-white/"],.p_5f,.p_2e){color:#b5bdd7}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where([class*="text-orange-"],[class*="text-amber-"],.p_22){color:#c4d2ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){background:#171e35;color:#f4f5ff;border-color:#c9d3ff38;border-radius:12px;font-size:16px;line-height:1.6;box-shadow:inset 0 1px 2px #0001}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(input,textarea)::placeholder{color:#a6b1ce;opacity:1}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] select option{background:#171e35;color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] input:is([type=checkbox],[type=radio],[type=range]){accent-color:#c4d2ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(button,[role=button],summary){min-height:44px;border-radius:14px;font-size:14px;line-height:1.45;letter-spacing:0}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is(.ex-primary,.button:not(.secondary),[data-oem-primary],.p_24,.p_2p,.p_2t,.p_33,button.bg-white,a.bg-white,button.bg-orange-500,a.bg-orange-500){background:linear-gradient(135deg,#f8faff,#c4d2ff);color:#182140;border-color:#eaf0ff;box-shadow:inset 0 1px #fff,0 7px 22px #0002}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(button,[role=tab],summary,[data-oem-glass=control]):is([aria-pressed=true],[aria-selected=true],[data-state=active]){background:#344365;color:#f4f5ff;border-color:#a3b9ee77}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(button:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(dialog,[role=dialog],[role=menu],[role=listbox],.localeList,.mobileMenu nav,.oem-mobile-workspace[open] nav){background:#171e35f5;color:#f4f5ff;border-color:#c9d3ff38;box-shadow:inset 0 1px #e6edff26,0 22px 70px #0004}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-glass=panel]{background:linear-gradient(140deg,#1e2740e8,#171f35e8);color:#f4f5ff;border-color:#c9d3ff29;box-shadow:inset 0 1px #e6edff15}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench]{--workbench-text:#f4f5ff;--workbench-muted:#b5bdd7;--oem-text:#f4f5ff;--oem-panel:#191e35;--oem-accent:#c4d2ff;--oem-on-accent:#182140;color:#f4f5ff;min-width:0;width:100%}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is([data-workbench-part=field-label],[data-workbench-part=upload],[data-workbench-part=result-state]){color:#f4f5ff}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is([data-workbench-part=consent],[data-workbench-part=results-header]>span){color:#b5bdd7}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is([data-workbench-part=upload],[data-workbench-part=result-state]){background:#11192d;border-color:#c9d3ff29}
html[data-oem-template="motion-cinema-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="motion-cinema-v1"][data-oem-surface] .oem-document-artwork{width:100%;height:100%;object-fit:cover;object-position:center 30%}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-document-artwork-empty{width:100%;height:100%;background:radial-gradient(ellipse at 75% 15%,#5371a8,#1e2b4b 60%,#12192f)}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-document-shell .heroArt{height:auto;aspect-ratio:16/9;max-height:560px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-document-shell .cardArt{height:auto;aspect-ratio:16/10}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-footer-slot{padding-inline:clamp(16px,3vw,44px);margin-top:48px}
@media(max-width:700px){html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-footer-slot{margin-top:32px}html[data-oem-template="motion-cinema-v1"][data-oem-surface] :where(main h1,.pageIntro h1){font-size:32px}}
@media(prefers-reduced-motion:reduce){html[data-oem-template="motion-cinema-v1"][data-oem-surface] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1023px){
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-chat-part=header]{display:flex;flex-wrap:wrap;height:auto;min-height:120px;gap:8px;padding:12px 16px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-chat-part=identity]{flex:0 0 100%;width:100%;min-height:44px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-chat-part=switcher]{min-height:44px;background:transparent;border-color:transparent;box-shadow:none;text-align:start}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-chat-part=actions]{width:100%;justify-content:flex-end;gap:8px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-chat-part=header] :is(button,a){min-width:44px;min-height:44px;height:auto;flex-shrink:0}
}
/* Screening-room materials also frame real inputs and result states. */
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is(.oem-document-header,[data-pwa-app-header],.ex-sidebar){background:linear-gradient(120deg,#1a233aeb,#131b2eea);backdrop-filter:blur(8px);box-shadow:inset 0 -1px #cbd9ff12}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-creative-workspace]{--creative-gap:24px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-creative-region=input]{background:linear-gradient(150deg,#202a40,#172137);border-color:#d4e0fa38;border-radius:18px;box-shadow:inset 0 1px #edf5ff40,0 10px 24px #0001}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-creative-region=configuration]{background:linear-gradient(150deg,#1c253b,#171f34);border-color:#d4e0fa2e;border-radius:18px;box-shadow:inset 0 1px #edf5ff28}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-glass=panel]{background:linear-gradient(150deg,#202a41eF,#172037f5);border-color:#d4e0fa35;border-radius:20px;box-shadow:inset 0 1px #edf5ff30,0 8px 24px #0001;backdrop-filter:none}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-workbench-part=results]{padding:28px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-workbench-part=settings-header] h2{font-size:27px;font-weight:550;letter-spacing:-.035em;line-height:1.15}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-workbench-part=field-label]{margin-bottom:12px;font-size:14px;line-height:1.55}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] :is(textarea,input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file])){border-radius:11px;border-color:#9eb4da4a;background:#121c2e;box-shadow:inset 0 2px 7px #0002;padding:14px 16px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] [data-workbench-part=option]{border-radius:11px;background:linear-gradient(160deg,#ceddff17,#ceddff04);border-color:#b7cbf137;box-shadow:inset 0 1px #edf3ff26;font-size:14px;min-height:46px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] [data-workbench-part=option][aria-pressed=true]{background:linear-gradient(150deg,#f7faff,#c5d4f5);color:#15233d;border-color:#eaf0ff;box-shadow:inset 0 1px #fff,inset 0 -2px #839ac13b,0 3px 10px #0002}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-workbench-part=quote]{background:linear-gradient(130deg,#192640,#101c30);border-color:#c4d2ff36;border-radius:15px;box-shadow:inset 0 1px #e1ebff26}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] :is([data-workbench-part=upload],[data-workbench-part=result-state]){border-radius:15px;background:linear-gradient(145deg,#142039,#101b30);border-color:#abc4f136}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] :is(a,button,input,textarea,select):focus-visible{outline:2px solid #dce8ff;outline-offset:3px}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-document-shell :is(.heroCopy,.pageIntro){padding-block:clamp(24px,4vw,56px)}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-document-shell .heroCopy h1{font-size:clamp(38px,4.7vw,64px);font-weight:550;letter-spacing:-.05em;line-height:1.07}
html[data-oem-template="motion-cinema-v1"][data-oem-surface] .oem-document-shell .heroArt{border-radius:20px;border-color:#d4e0fa45}
@media(hover:hover) and (pointer:fine){html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-oem-workbench] [data-workbench-part=option]:not(:disabled):hover{border-color:#d2e1ff9c;box-shadow:inset 0 1px #edf3ff50}html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-workbench-part=upload]:hover{border-color:#a7c4f3}}
@media(max-width:800px){html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-creative-workspace]{--creative-gap:20px}html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-workbench-part=results]{padding:20px}html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-workbench-part=settings-header] h2{font-size:25px}html[data-oem-template="motion-cinema-v1"][data-oem-surface] [data-creative-region]{box-shadow:inset 0 1px #edf5ff28}}