/* A.P.E.X / Obsidian Intelligence — presentation of the existing product.
   Keep the kernel, routes, entitlements, field values and output contracts. */
:root {
  --apx-canvas: #08090e;
  --apx-surface: #151522;
  --apx-field: #0d0c16;
  --apx-ink: #f3f2f8;
  --apx-muted: #b7b4c9;
  --apx-line: #302b40;
  --apx-control-line: #746d88;
  --apx-accent: #a575ff;
  --apx-on-accent: #130923;
  --apx-surface-raised: #221d35;
  --apx-creative: #cab8ff;
  --apx-metal: #d9ccba;
  --apx-action-hover: #bb97ff;
  --apx-action-pressed: #9b63f3;
  --apx-ease: cubic-bezier(.2,.75,.25,1);
  --apx-nav-width: 232px;
  --cyan:var(--apx-accent); --cyan-ink:var(--apx-accent); --cyan-rgb:165,117,255;
  --violet:var(--apx-creative); --violet-ink:var(--apx-creative); --violet-lbl:var(--apx-creative); --violet-rgb:202,184,255;
  --text:var(--apx-ink); --text-2:var(--apx-muted); --on-accent:var(--apx-on-accent);
  --gold-ink:var(--apx-metal); --gold-rgb:217,204,186;
}
:root[data-theme="light"] {
  --apx-canvas: #f5f3f8;
  --apx-surface: #ffffff;
  --apx-field: #fbfaff;
  --apx-ink: #21192f;
  --apx-muted: #61576e;
  --apx-line: #dcd5e6;
  --apx-control-line: #8b7f99;
  --apx-accent: #6d36cf;
  --apx-on-accent: #ffffff;
  --apx-surface-raised: #eee8f6;
  --apx-creative: #7647b8;
  --apx-metal: #78624c;
  --apx-action-hover: #5726b2;
  --apx-action-pressed: #4b209e;
  --cyan-rgb:109,54,207; --violet-rgb:118,71,184; --gold-rgb:120,98,76;
}
body:has(#app) { background:var(--apx-canvas); }
/* The production identity: milled edges, optical geometry, amethyst actions and
   warm metal annotations. No extra product controls or invented status data. */
#app { --accent:var(--apx-accent); --accent-2:var(--apx-creative); --text:var(--apx-ink); --text-2:var(--apx-muted); }
#topnav .nav-brand-mark { border-radius:3px; border-color:var(--apx-control-line); }
#topnav .plan-badge { color:var(--apx-metal); border-color:color-mix(in srgb,var(--apx-metal) 40%,var(--apx-line)); }
#main :is(.brief-col-main,.brief-col-side,.coach-step,.analyzer-input-panel,.analyzer-output-panel) { box-shadow:inset 0 1px color-mix(in srgb,var(--apx-ink) 6%,transparent) !important; }
.apx-aperture { color:var(--apx-accent); pointer-events:none; width:300px; aspect-ratio:1; }
.apx-aperture svg { display:block; width:100%; height:100%; overflow:visible; }
.apx-optic-boundary { fill:none; stroke:var(--apx-control-line); stroke-width:.7; }
.apx-optic-calibration { fill:none; stroke:var(--apx-creative); stroke-width:1; stroke-dasharray:1 7; opacity:.6; }
.apx-optic-tick { fill:none; stroke:var(--apx-metal); stroke-width:1; opacity:.85; }
.apx-optic-blade { stroke:var(--apx-creative); stroke-width:1; }
.apx-optic-reflection { fill:none; stroke:var(--apx-metal); stroke-width:.6; opacity:.65; }
.apx-optic-core { fill:var(--apx-field); stroke:var(--apx-accent); stroke-width:1.5; }
.apx-optic-mark,.apx-optic-axis { fill:none; stroke:var(--apx-accent); stroke-width:1.5; }
.apx-optic-axis { opacity:.75; }
.apx-aperture :is(.apx-optic-blades,.apx-optic-core,.apx-optic-calibration,.apx-optic-sweep) { transform-origin:200px 200px; animation-play-state:paused; }
.apx-aperture .apx-optic-blades { animation:apx-optic-orbit 84s linear infinite; animation-play-state:paused; }
.apx-aperture .apx-optic-core { animation:apx-optic-breathe 8s ease-in-out infinite; animation-play-state:paused; }
.apx-aperture .apx-optic-calibration { animation:apx-optic-orbit 64s linear infinite; animation-play-state:paused; }
.apx-optic-sweep { fill:none; stroke:var(--apx-metal); stroke-width:1.8; stroke-dasharray:22 1015; stroke-linecap:round; opacity:.5; animation:apx-optic-orbit 40s linear infinite; animation-play-state:paused; }
.apx-aperture[data-apx-clock="css"][data-apx-state="running"] .apx-optic-blades { animation-duration:12s; }
.apx-aperture[data-apx-clock="css"][data-apx-state="running"] .apx-optic-core { animation-duration:2.4s; }
.apx-aperture[data-apx-clock="css"][data-apx-state="running"] .apx-optic-sweep { animation-duration:5s; }
.apx-aperture[data-apx-state="running"] .apx-optic-sweep { opacity:1; }
.apx-aperture.apx-motion-active :is(.apx-optic-blades,.apx-optic-core,.apx-optic-calibration,.apx-optic-sweep) { animation-play-state:running; }
.apx-aperture-compact { width:136px; margin:0 auto 16px; }
.apx-aperture-compact .apx-optic-calibration { opacity:.45; }
@keyframes apx-optic-orbit { to { transform:rotate(360deg); } }
@keyframes apx-optic-breathe { 0%,100% { opacity:.72; } 50% { opacity:1; } }
@keyframes apx-surface-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.apx-route-enter :is(.brief-col-main,.brief-col-side,.coach-step,.home-feat-card,.analyzer-input-panel,.analyzer-output-panel) { animation:apx-surface-enter 420ms var(--apx-ease) both; }
.apx-route-enter :is(.brief-col-side,.analyzer-output-panel,.coach-step:nth-child(2),.home-feat-card:nth-child(2)) { animation-delay:70ms; }
.apx-route-enter :is(.coach-step:nth-child(3),.home-feat-card:nth-child(3)) { animation-delay:120ms; }
@media(prefers-reduced-motion:reduce) {
  .apx-aperture *,.apx-route-enter * { animation:none !important; }
  .apx-optic-core { stroke-dashoffset:0; }
}
#topnav { background:var(--apx-canvas); border-bottom:1px solid var(--apx-line); box-shadow:none; }
#topnav .nav-brand-mark { border-radius:10px; box-shadow:none; color:var(--apx-accent); border-color:var(--apx-line); }
#topnav .nav-brand-name { color:var(--apx-ink); text-shadow:none; }
#topnav .nav-brand-name .brand-letter { animation:none; }
#topnav .nav-brand-tag { color:var(--apx-muted); font-size:11px; text-shadow:none; }
#topnav .nav-brand-tag { color:var(--apx-muted) !important; letter-spacing:0 !important; }
#topnav .user-chip-btn { min-height:44px; border-radius:9px; background:var(--apx-field); border-color:var(--apx-line); }
#topnav .plan-badge { box-shadow:none; font-family:var(--font-m); font-size:11px; }
#sidebar { width:var(--apx-nav-width); flex-basis:var(--apx-nav-width); background:var(--apx-canvas); border-color:var(--apx-line); padding-top:20px; }
#sidebar .sidebar-item { min-height:44px; margin:2px 12px; padding:10px 12px; width:calc(100% - 24px); border:1px solid transparent; border-radius:8px; color:var(--apx-muted); font-size:13px; line-height:1.35; background:transparent; box-shadow:none; transition:background 180ms var(--apx-ease),color 180ms var(--apx-ease),border-color 180ms var(--apx-ease); }
#sidebar .sidebar-item::before,#sidebar .sidebar-item::after { display:none; }
#sidebar .sidebar-item.active { color:var(--apx-accent); background:color-mix(in srgb,var(--apx-accent) 8%,var(--apx-canvas)); border-color:color-mix(in srgb,var(--apx-accent) 25%,var(--apx-line)); box-shadow:inset 2px 0 var(--apx-accent); }
#sidebar .sidebar-item:hover { color:var(--apx-ink); background:var(--apx-surface); }
#sidebar .sidebar-section-label { font-size:10px; letter-spacing:.13em; color:var(--apx-muted); padding-left:24px; margin-top:16px; }
#sidebar .sidebar-item .icon { flex:none; transform:scale(.88); }
#sidebar .sidebar-item > span:not(.badge) { min-width:0; }
#sidebar #nav-apex-version { font-size:10px; }
#sidebar .sidebar-item .icon * { animation-play-state:paused !important; }
#sidebar .sidebar-item:is(:hover,:focus-visible) .icon * { animation-play-state:running !important; }
#sidebar .sidebar-divider { margin:16px 24px; background:var(--apx-line); opacity:.5; }
#sidebar .sidebar-theme-row { padding-inline:24px; }
#main { min-width:0; background:var(--apx-canvas); }
#main :is(button,[role="button"],[role="radio"],[role="tab"],input,select,textarea,a):focus-visible,
#sidebar .sidebar-item:focus-visible { outline:2px solid var(--apx-accent); outline-offset:4px; }
#tabs { min-width:0; flex-shrink:0; gap:4px; padding:8px 28px; border-bottom:1px solid var(--apx-line); background:var(--apx-canvas); overflow-x:auto; scrollbar-width:thin; }
#tabs .tab { flex:none; min-height:44px; padding:12px 18px; font-family:var(--font-b); font-size:13px; letter-spacing:0; text-transform:none; border-radius:7px; color:var(--apx-muted); white-space:nowrap; border:none; background:transparent; }
#tabs .tab.active { color:var(--apx-ink); background:var(--apx-surface); box-shadow:inset 0 -2px var(--apx-accent); }
#tabs .tab::after { display:none; }

/* Home: original character film and greeting, presented as one composition. */
#page-home { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:40px 44px; align-items:center !important; align-content:start; padding:60px 44px 80px !important; }
#page-home[style*="display: flex"] { display:grid !important; }
#page-home[style*="display: none"] { display:none !important; }
#page-home .home-bg { opacity:.35; }
#page-home .home-bg-grid,#page-home .home-bg-stars { animation:none; }
.apx-home-story { position:relative; z-index:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:28px; }
.apx-eyebrow { font:500 11px/1.5 var(--font-m); color:var(--apx-accent); letter-spacing:.17em; text-transform:uppercase; }
#page-home .home-hero { margin:0; padding:0; width:100%; min-height:0; text-align:left; align-items:flex-start; }
#page-home .home-apex-row { justify-content:flex-start; gap:0; margin:12px 0; }
#page-home .home-apex-row { animation:apx-film-reveal 450ms var(--apx-ease) both; }
#page-home .home-a-letter,#page-home .home-a-dot { font-size:clamp(38px,4.7vw,74px); line-height:1.15; color:var(--apx-ink); -webkit-text-fill-color:var(--apx-ink); text-shadow:none; background:none; animation:none; filter:none; }
#page-home .home-ultra-row { font-size:clamp(14px,1.5vw,23px); letter-spacing:.26em; text-indent:0; color:var(--apx-ink); background:none; -webkit-text-fill-color:var(--apx-ink); text-shadow:none; animation:none; margin:16px 0; }
#page-home .home-tagline { font:400 16px/1.7 var(--font-b); color:var(--apx-muted); letter-spacing:0; text-indent:0; text-transform:none; animation:none; }
#page-home :is(.home-orbit-a,.home-orbit-b,.home-orbit-c) { display:none; }
#page-home .home-bubble-wrap { margin:0; max-width:100%; width:100%; animation:none; }
#page-home .home-bubble-avatar { width:32px; height:32px; font-size:10px; box-shadow:none; border-color:var(--apx-line); }
#page-home .home-bubble-box { background:transparent; border:none; padding:0; box-shadow:none; backdrop-filter:none; }
#page-home .home-bubble-msg { font:400 14px/1.7 var(--font-b); color:var(--apx-muted); }
#page-home .home-bubble-sender { color:var(--apx-accent); font-size:10px; }
#page-home .byte-video-stage { position:relative; width:100%; max-width:none; margin:0; z-index:1; padding:16px 0; transform:none; animation:apx-film-reveal 600ms var(--apx-ease) both; }
#page-home .byte-video-wrap { width:100%; border:1px solid var(--apx-line); border-radius:16px; overflow:hidden; box-shadow:0 24px 64px -32px rgba(0,0,0,.65); }
#page-home .byte-video { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:0; mask-image:none; -webkit-mask-image:none; }
#page-home .byte-video-sound { min-width:44px; min-height:44px; }
#page-home .byte-video-stage::before { content:"01 / APEX BYTE × APEX FURY"; display:block; margin-bottom:12px; font:500 10px var(--font-m); letter-spacing:.13em; color:var(--apx-muted); }
#page-home .byte-hint { color:var(--apx-muted); font-size:10px; letter-spacing:.08em; margin-top:12px; }
#page-home .home-features { grid-column:1 / -1; width:100%; max-width:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:16px 0 0; border-block:1px solid var(--apx-line); }
#page-home .home-feat-card { background:transparent; border:none; border-radius:0; box-shadow:none; padding:28px 24px; animation:none; }
#page-home .home-feat-card + .home-feat-card { border-left:1px solid var(--apx-line); }
#page-home .home-feat-card::before,#page-home .home-feat-card::after { display:none; }
#page-home .home-feat-icon { box-shadow:none; background:transparent; font-size:20px; color:var(--apx-accent); border:none; }
#page-home .home-feat-text { color:var(--apx-muted); font-size:14px; line-height:1.7; }
#page-home .home-acad { grid-column:1 / -1; width:100%; max-width:none; }
#page-home .home-cta { margin:0; width:auto; min-width:230px; max-width:100%; padding:17px 22px; border:1px solid var(--apx-accent); border-radius:9px; background:var(--apx-accent); color:var(--apx-on-accent); font:600 14px var(--font-b); letter-spacing:0; animation:none; box-shadow:inset 0 1px rgba(255,255,255,.25); transition:transform 180ms var(--apx-ease),box-shadow 180ms var(--apx-ease),filter 180ms var(--apx-ease); }
#page-home .home-cta:is(:hover,:focus-visible) { transform:translateY(-2px); box-shadow:0 8px 24px -14px var(--apx-accent); filter:brightness(1.08); }
#page-home .home-cta:active { transform:translateY(0) scale(.985); }
#page-home .home-cta::before,#page-home .home-cta-ring { display:none; }
#page-home .home-cta-arrow { display:inline-block; margin-left:16px; animation:none; transition:transform 180ms var(--apx-ease); }
#page-home .home-cta:hover .home-cta-arrow { transform:translateX(4px); }

/* Studio: original panels, selections and output, with a working-area layout. */
#page-studio { flex-direction:column; overflow-y:auto; min-width:0; padding-bottom:132px; scroll-padding-bottom:148px; }
#page-studio #input-panel { width:100% !important; max-width:1440px; margin:0 auto; padding:28px; background:transparent; border:none; overflow:visible; }
.apx-studio-heading { position:relative; isolation:isolate; min-height:174px; margin-bottom:16px; padding:28px; border:1px solid var(--apx-line); border-radius:12px; overflow:hidden; background:var(--apx-field); display:flex; flex-direction:column; justify-content:center; }
.apx-studio-heading::before { content:""; position:absolute; z-index:-2; inset:0 0 0 45%; background:url('/assets/site/studio-header-bg.jpg') center 55% / cover no-repeat; opacity:.75; }
.apx-studio-heading::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,var(--apx-field) 20%,transparent 100%); }
.apx-studio-heading > * { position:relative; max-width:64%; }
:root[data-theme="light"] .apx-studio-heading::before { opacity:.28; }
.apx-studio-heading h1 { margin:8px 0; font:500 clamp(27px,2.6vw,36px)/1.2 var(--font-b); color:var(--apx-ink); letter-spacing:-.035em; }
.apx-studio-heading p { margin:0; font-size:14px; line-height:1.65; color:var(--apx-muted); }
#page-studio .manifesto-header { min-height:0; margin:0 0 24px; padding:12px 0; border:none; border-bottom:1px solid var(--apx-line); border-radius:0; background:transparent; box-shadow:none; }
#page-studio .manifesto-bg { opacity:.12; }
#page-studio .manifesto-glow { display:none; }
#page-studio .manifesto-pillars { flex-wrap:wrap; justify-content:flex-start; gap:8px; }
#page-studio .manifesto-pillar { color:var(--apx-muted); font:500 10px/1.5 var(--font-m); letter-spacing:.06em; text-shadow:none; animation:none; }
#page-studio #tab-generate-panel,#page-studio #tab-generate-panel[style*="display: block"] { display:grid !important; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; align-items:start; }
#page-studio #tab-generate-panel[style*="display: none"] { display:none !important; }
#page-studio #tab-generate-panel > .panel-title { display:none; }
#page-studio .brief-col-main,#page-studio .brief-col-side { min-width:0; background:var(--apx-surface); border:1px solid var(--apx-line); border-radius:12px; padding:24px; gap:22px; }
#page-studio .brief-col-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; }
#page-studio .brief-col-side > :is(.apx-config-title,.apx-modes,.field-group:has(#special-instructions)) { grid-column:1 / -1; }
.apx-config-title { font:500 11px/1.4 var(--font-m); color:var(--apx-accent); letter-spacing:.1em; margin:0; }
#page-studio .field-group { gap:8px; margin:0; min-width:0; }
#page-studio .field-label { color:var(--apx-ink); font:500 13px/1.5 var(--font-b); letter-spacing:0; text-transform:none; text-shadow:none; }
#page-studio .field-label::before { display:none; }
#page-studio .field-hint { color:var(--apx-muted); font:400 12px/1.65 var(--font-b); margin:0; }
#page-studio :is(select,textarea) { width:100%; min-width:0; border:1px solid var(--apx-control-line); border-radius:8px; background:var(--apx-field); box-shadow:none; color:var(--apx-ink); font:400 14px/1.65 var(--font-b); padding:12px; transition:border-color 180ms var(--apx-ease),box-shadow 180ms var(--apx-ease); }
#page-studio select { min-height:46px; padding-right:28px; }
#page-studio textarea { resize:vertical; }
#page-studio textarea::placeholder { color:var(--apx-muted); opacity:1; }
#page-studio :is(select,textarea):focus { border-color:var(--apx-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--apx-accent) 12%,transparent); }
#page-studio #brief-input { min-height:224px; }
#page-studio #special-instructions { min-height:96px; }
#page-studio .outputtype-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#page-studio .ot-card { display:grid; grid-template-columns:28px 1fr; column-gap:8px; min-width:0; min-height:68px; padding:12px; border-radius:8px; border:1px solid var(--apx-control-line); background:var(--apx-field); box-shadow:none; transform:none; }
#page-studio .ot-icon { grid-row:1 / 3; width:28px !important; height:28px !important; align-self:center; margin:0 !important; transform:scale(.65); transform-origin:center; }
#page-studio .ot-name { font:600 12px/1.3 var(--font-b); color:var(--apx-ink); text-shadow:none; letter-spacing:0; }
#page-studio .ot-desc { font:400 10px/1.45 var(--font-b); color:var(--apx-muted); }
#page-studio :is(.ot-card,.mode-card).selected { background:color-mix(in srgb,var(--apx-accent) 7%,var(--apx-field)); border-color:var(--apx-accent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--apx-accent) 25%,transparent); }
#page-studio :is(.ot-card,.mode-card):hover { background:var(--apx-surface); border-color:var(--apx-accent); transform:translateY(-1px); }
#page-studio :is(.ot-card,.mode-card) { transition:background 180ms var(--apx-ease),border-color 180ms var(--apx-ease),transform 180ms var(--apx-ease); }
#page-studio :is(.ot-card,.mode-card):active { transform:scale(.985); }
#page-studio .mode-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#page-studio .mode-card { display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:10px; min-height:82px; padding:12px; border-radius:8px; border:1px solid var(--apx-control-line); background:var(--apx-field); box-shadow:none; }
#page-studio .mode-card[data-mode="auto"] { grid-column:1 / -1; }
#page-studio .mc-icon { grid-column:1; grid-row:1 / 3; align-self:center; margin:0 !important; }
#page-studio .mc-icon * { animation-play-state:paused !important; }
#page-studio .mode-card:is(.selected,:hover,:focus-visible) .mc-icon * { animation-play-state:running !important; }
#page-studio .mc-name,#page-studio .mc-desc { grid-column:2; }
#page-studio .mc-name { color:var(--apx-ink); font:500 13px/1.4 var(--font-b); text-shadow:none; letter-spacing:0; }
#page-studio .mc-desc { color:var(--apx-muted); font:400 11px/1.5 var(--font-b); margin-top:4px; }
#page-studio .mc-lock { top:10px; right:12px; color:var(--amber-ink); }
#page-studio .ref-zone { min-height:112px; display:flex; flex-direction:column; gap:8px; align-items:center; justify-content:center; border:1px dashed var(--apx-line); border-radius:8px; background:var(--apx-field); padding:20px 12px; transition:background 180ms var(--apx-ease),border-color 180ms var(--apx-ease); }
#page-studio .ref-zone:hover { border-color:var(--apx-accent); background:var(--apx-surface); }
#page-studio .ref-zone-icon { color:var(--apx-accent); font-size:24px; animation:none; }
#page-studio .ref-zone-text { color:var(--apx-ink); font-size:14px; }
#page-studio .ref-zone-sub { color:var(--apx-muted); font-size:11px; text-align:center; }
.apx-execution { position:fixed; z-index:35; bottom:16px; left:calc(var(--apx-nav-width) + 28px); right:28px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 16px; background:var(--apx-field); border:1px solid var(--apx-line); border-radius:12px; box-shadow:0 12px 32px -16px rgba(0,0,0,.6); }
.apx-execution[hidden] { display:none; }
.apx-execution-info { min-width:0; display:flex; flex-direction:column; gap:6px; }
#apx-selection-summary { color:var(--apx-ink); font:500 13px/1.5 var(--font-b); }
.apx-execution #generation-counter { margin:0 !important; text-align:left !important; color:var(--apx-muted) !important; font:400 11px/1.5 var(--font-b) !important; }
#page-studio #generate-btn { position:relative; flex:none; width:244px !important; min-height:54px !important; height:auto; margin:0 !important; padding:12px 20px !important; background:var(--apx-accent) !important; color:var(--apx-on-accent); border:1px solid var(--apx-accent) !important; border-radius:8px !important; box-shadow:inset 0 1px rgba(255,255,255,.25); overflow:hidden !important; transition:filter 180ms var(--apx-ease),transform 180ms var(--apx-ease),box-shadow 180ms var(--apx-ease); }
#page-studio #generate-btn::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.2),transparent 70%); transform:translateX(-120%); pointer-events:none; }
#page-studio #generate-btn::before { display:block !important; }
#page-studio #generate-btn:hover:not(:disabled)::before { animation:apx-button-light 600ms var(--apx-ease) both; }
#page-studio #generate-btn:hover:not(:disabled) { filter:brightness(1.08); box-shadow:0 6px 24px -16px var(--apx-accent); transform:translateY(-1px); }
#page-studio #generate-btn:active:not(:disabled) { transform:scale(.985); }
#page-studio #generate-btn:disabled { cursor:wait; filter:saturate(.3); opacity:.75; transform:none; }
#page-studio #generate-btn :is(.btn-gen-pulse,.btn-gen-corner) { display:none; }
#page-studio #generate-btn .btn-gen-body { display:block; min-height:0; background:none !important; border:none !important; box-shadow:none !important; padding:0; transform:none; }
#page-studio #generate-btn .btn-gen-body::before,#page-studio #generate-btn .btn-gen-body::after { display:none; }
#page-studio #generate-btn .btn-gen-label { font:600 14px/1.4 var(--font-b); color:var(--apx-on-accent); -webkit-text-fill-color:var(--apx-on-accent); background:none; animation:none; letter-spacing:0; text-shadow:none; text-transform:none; }
#page-studio #generate-btn .btn-gen-sub { font:400 10px/1.4 var(--font-b); color:var(--apx-on-accent); opacity:.8; letter-spacing:0; margin-top:4px; }
#page-studio #generate-btn.locked { background:var(--apx-surface) !important; border-color:var(--amber-ink) !important; }
#page-studio #generate-btn.locked :is(.btn-gen-label,.btn-gen-sub,.btn-gen-lock) { color:var(--apx-ink); -webkit-text-fill-color:var(--apx-ink); }
#page-studio #generate-btn .btn-gen-lock-row { gap:8px; }
#page-studio #generate-btn .btn-gen-lock { flex:none; }
#page-studio #generate-btn .btn-gen-lock-sub { font-size:10px; white-space:normal; }
#page-studio #output-panel { flex:none; width:calc(100% - 56px); max-width:1384px; margin:0 auto 28px; border:1px solid var(--apx-line); border-radius:12px; background:var(--apx-surface); overflow:visible; }
#page-studio #output-toolbar { padding:16px 24px; gap:12px; flex-wrap:wrap; background:transparent; border-bottom:1px solid var(--apx-line); }
#page-studio .output-label { font:500 16px var(--font-b); letter-spacing:0; color:var(--apx-ink); }
#page-studio #output-content { max-width:none; padding:0; }
#page-studio #output-placeholder { min-height:250px; padding:32px 24px !important; border:none; background:none; }
#page-studio #output-placeholder:not(.running) .placeholder-orb-wrap * { animation-play-state:paused !important; }
#page-studio .placeholder-text { font:500 15px var(--font-b); color:var(--apx-ink); letter-spacing:.06em; }
#page-studio .placeholder-sub { color:var(--apx-muted); font-size:13px; }
#page-studio .output-section { margin:12px 20px; border:1px solid var(--apx-line); box-shadow:none; background:var(--apx-field); border-radius:8px; }
#page-studio .output-section-header { min-height:48px; padding:14px 16px; }
#page-studio .osh-title { font:500 14px var(--font-b); }
#page-studio .output-section-body { padding:20px; font-size:14px; line-height:1.75; }
#page-studio :is(.btn-copy,.btn-download) { min-height:44px; font:500 12px var(--font-b); padding:8px 12px; border-radius:7px; border-color:var(--apx-control-line); }
#page-studio :is(#tab-cinematic-panel,#tab-routing-panel) .panel-title { font:500 24px/1.3 var(--font-b); color:var(--apx-ink); letter-spacing:0; }
#page-studio .engine-card { background:var(--apx-surface); border-color:var(--apx-line); box-shadow:none; }

/* Engine reference copy must stay legible without display fonts or glow. */
#page-studio #tab-routing-panel .panel-title { background:none; -webkit-text-fill-color:var(--apx-ink); animation:none; text-transform:none; text-shadow:none; }
#page-studio .routing-intro { margin:0 0 20px; font:400 16px/1.65 var(--font-b); color:var(--apx-muted); }
#page-studio .routing-toggle-wrap { background:var(--apx-field); border-color:var(--apx-line); }
#page-studio .routing-toggle-btn { min-height:44px; padding:12px 16px; font:600 14px/1.4 var(--font-b); letter-spacing:0; text-transform:none; color:var(--apx-muted); text-shadow:none; }
#page-studio .routing-toggle-btn.rtb-active { background:var(--apx-surface-raised); color:var(--apx-ink); box-shadow:none; text-shadow:none; }
#page-studio .routing-toggle-btn:focus-visible { outline:2px solid var(--apx-accent); outline-offset:-4px; }
#page-studio .engine-card { padding:26px; --ec-c:var(--apx-accent); border:1px solid var(--apx-control-line); border-radius:14px; background-color:var(--apx-surface); background-image:linear-gradient(135deg,color-mix(in srgb,var(--apx-surface-raised) 45%,var(--apx-surface)),var(--apx-surface) 70%); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--apx-ink) 8%,transparent),0 10px 28px -20px rgba(0,0,0,.6); transform:none; transition:border-color 180ms var(--apx-ease),box-shadow 180ms var(--apx-ease); }
#page-studio .engine-card::before { top:27px; left:26px; right:auto; width:3px; height:26px; border-radius:3px; background:var(--apx-accent); }
#page-studio .engine-card::after { display:none; }
#page-studio .engine-card-head { align-items:flex-start; flex-wrap:wrap; gap:12px; margin-bottom:18px; padding:0 0 18px 16px; border-bottom:1px solid var(--apx-line); }
#page-studio .engine-card-name { flex:1 1 240px; min-width:0; margin:0; font:600 20px/1.4 var(--font-b); letter-spacing:-.015em; color:var(--apx-ink); text-shadow:none; overflow-wrap:anywhere; }
#page-studio .engine-card-tag { padding:5px 9px; font:600 12px/1.4 var(--font-b); letter-spacing:0.06em; color:var(--apx-muted); opacity:1; border:1px solid var(--apx-control-line); border-radius:5px; background:var(--apx-field); }
#page-studio .engine-card-details { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:26px; align-items:start; }
#page-studio .engine-card-workflow { min-width:0; padding-left:26px; border-left:1px solid var(--apx-control-line); }
#page-studio .engine-card-workflow-label { display:block; margin-bottom:8px; color:var(--apx-muted); font:600 12px/1.5 var(--font-b); }
#page-studio :is(.engine-card-desc,.engine-card-limits) { max-width:96ch; padding:0; margin:0; font:400 16px/1.65 var(--font-b); color:var(--apx-muted); overflow-wrap:anywhere; }
#page-studio .engine-card:hover { transform:none; border-color:var(--apx-control-line); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--apx-ink) 8%,transparent),0 10px 28px -20px rgba(0,0,0,.6); }
@media(hover:hover) and (pointer:fine) {
  #page-studio .engine-card:hover { border-color:var(--apx-accent); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--apx-ink) 10%,transparent),0 14px 36px -22px rgba(0,0,0,.7); }
}
@media(max-width:900px) {
  #page-studio .engine-card-details { grid-template-columns:minmax(0,1fr); gap:18px; }
  #page-studio .engine-card-workflow { padding:16px 0 0; border-left:none; border-top:1px solid var(--apx-line); }
}
@media(max-width:700px) {
  #page-studio .engine-card { padding:18px; }
  #page-studio .engine-card::before { top:19px; left:18px; }
  #page-studio .engine-card-name { flex-basis:200px; }
}
@media(prefers-reduced-motion:reduce) { #page-studio .engine-card { transition:none; } }
#page-academy .eng-workflow-limits { font:400 14px/1.7 var(--font-b); color:var(--apx-muted); }

/* Repair nested gallery sizing without losing filters or card actions. */
.trending-layout { grid-template-columns:210px minmax(0,1fr); min-width:0; }
.trending-layout.no-rail { grid-template-columns:minmax(0,1fr); }
.trending-layout > * { min-width:0; }
.trending-grid { width:100%; min-width:0; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); }
.trending-card { min-width:0; }

#mobile-desktop-hint { position:relative !important; z-index:auto !important; flex:none; width:calc(100% - 40px); max-width:none; inset:auto !important; margin:16px 20px 0; transform:none !important; animation:none; padding:12px 52px 12px 16px; border:1px solid var(--apx-line); border-radius:9px; background:var(--apx-field); box-shadow:none; }
#mobile-desktop-hint summary { cursor:pointer; color:var(--apx-muted); font:500 12px/1.5 var(--font-b); }
#mobile-desktop-hint .mdh-body { margin:12px 0 0; color:var(--apx-muted); font:400 12px/1.6 var(--font-b); }
#mobile-desktop-hint .mdh-progress { display:none; }
#mobile-desktop-hint .mdh-dismiss { position:absolute; right:8px; top:4px; width:40px; height:40px; }

@keyframes apx-button-light { to { transform:translateX(120%); } }
@keyframes apx-film-reveal { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) {
  #page-home { gap:28px; padding:40px 28px 64px !important; }
  #page-studio #tab-generate-panel { grid-template-columns:minmax(0,1fr) minmax(0,.9fr); }
  #page-studio .brief-col-main,#page-studio .brief-col-side { padding:20px; }
  #page-studio .ot-card { display:flex; flex-direction:column; gap:5px; align-items:center; text-align:center; }
  #page-studio .ot-icon { display:none !important; }
}
@media (min-width:701px) and (max-width:1024px) {
  :root { --apx-nav-width:72px; }
  #sidebar .sidebar-item { width:48px; margin:4px 12px; padding:10px; justify-content:center; }
  #sidebar .sidebar-section-label { padding:0; }
}
@media (max-width:900px) {
  #page-home { grid-template-columns:minmax(0,1fr); }
  #page-home .byte-video-stage { max-width:720px; }
  #page-studio #tab-generate-panel { grid-template-columns:minmax(0,1fr); }
  #page-studio .ot-card { display:grid; grid-template-columns:28px 1fr; text-align:left; }
  #page-studio .ot-icon { display:flex !important; }
}
@media (max-width:720px) { .trending-layout { grid-template-columns:minmax(0,1fr); } }
@media (max-width:700px) {
  :root { --apx-nav-width:0px; }
  #topnav { padding-inline:14px; }
  #sidebar { width:280px; flex-basis:280px; }
  #sidebar .sidebar-item { min-height:46px; }
  #tabs { padding:6px 12px; gap:0; }
  #tabs .tab { padding:12px 10px; font-size:12px; }
  #page-home { padding:32px 20px 64px !important; gap:24px; }
  .apx-home-story { gap:20px; }
  #page-home .home-a-letter,#page-home .home-a-dot { font-size:46px; }
  #page-home .home-features { grid-template-columns:minmax(0,1fr); }
  #page-home .home-feat-card { padding:20px 0; }
  #page-home .home-feat-card + .home-feat-card { border-left:none; border-top:1px solid var(--apx-line); }
  #page-home .home-cta { width:100%; }
  #page-studio #input-panel { padding:24px 20px; }
  .apx-studio-heading { min-height:160px; padding:20px; }
  .apx-studio-heading > * { max-width:100%; }
  .apx-studio-heading::before { inset:0; opacity:.2; }
  #page-studio .manifesto-header { padding:12px; margin-bottom:20px; }
  #page-studio .manifesto-pillar { font-size:9px; }
  #page-studio .brief-col-main,#page-studio .brief-col-side { padding:16px; border-radius:10px; }
  #page-studio .ot-card { padding:10px 8px; gap:4px; grid-template-columns:1fr; text-align:center; }
  #page-studio .ot-icon { display:none !important; }
  #page-studio #brief-input { min-height:220px; }
  #page-studio :is(select,textarea) { font-size:16px; }
  #page-studio #output-panel { width:calc(100% - 40px); }
  #page-studio #output-toolbar { padding:16px; }
  #page-studio .output-section { margin:12px; }
  .apx-execution { bottom:0; left:0; right:0; border-radius:12px 12px 0 0; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); gap:10px; }
  #apx-selection-summary { font-size:11px; }
  .apx-execution #generation-counter { font-size:10px !important; }
  #page-studio #generate-btn { width:170px !important; min-height:52px !important; padding:10px 12px !important; }
  #page-studio #generate-btn .btn-gen-label { font-size:12px; }
  #page-studio #generate-btn .btn-gen-sub { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  #page-home *,#page-studio *,#sidebar *,#mobile-desktop-hint * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  #page-home .home-cta,#page-studio :is(.ot-card,.mode-card,#generate-btn) { transform:none !important; }
}

/* Media QA: the asset first, controls alongside it, a readable report below.
   Visibility remains owned by the existing entitlement and result classes. */
#main #page-analyzer,#main #page-history,#main #page-trending { padding:28px !important; color:var(--apx-ink); }
#page-analyzer .analyzer-header,#page-history .history-page-header,#page-trending > .trending-header {
  max-width:none; min-height:168px; padding:28px; border:1px solid var(--apx-line); border-radius:12px; background:var(--apx-field); box-shadow:none; margin-bottom:28px;
}
:is(#page-analyzer,#page-history,#page-trending) .page-banner-bg { left:40%; opacity:.48; animation:none; }
:is(#page-analyzer,#page-history,#page-trending) .page-banner-bg::after { background:linear-gradient(90deg,var(--apx-field),transparent); }
:is(#page-analyzer,#page-history,#page-trending) .page-banner-scan { display:none; }
#page-analyzer .analyzer-title,#page-history .history-page-title,#page-trending .trending-title {
  color:var(--apx-ink) !important; -webkit-text-fill-color:var(--apx-ink) !important; background:none !important;
  font:500 32px/1.25 var(--font-b) !important; letter-spacing:-.035em !important; text-transform:none !important; animation:none !important; text-shadow:none;
}
#page-analyzer .analyzer-sub,#page-history .history-page-sub,#page-trending > .trending-header .trending-sub {
  max-width:640px; color:var(--apx-muted) !important; font:400 14px/1.7 var(--font-b) !important; letter-spacing:0 !important;
}
#page-analyzer .analyzer-grid { max-width:1440px; gap:24px; }
#page-analyzer .analyzer-input-panel { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:start; gap:20px 28px; }
#page-analyzer .analyzer-input-panel,#page-analyzer .analyzer-output-panel { padding:24px; background:var(--apx-surface) !important; border:1px solid var(--apx-line) !important; border-radius:12px; box-shadow:none !important; backdrop-filter:none; }
#page-analyzer .analyzer-mode-tabs { grid-column:1 / -1; width:fit-content; max-width:100%; border:1px solid var(--apx-line); background:var(--apx-field); }
#page-analyzer .analyzer-mode-tab { flex:none; white-space:nowrap; min-height:44px; padding:12px 20px; font:500 13px var(--font-b); letter-spacing:0; text-transform:none; color:var(--apx-muted); transition:color 180ms var(--apx-ease),background 180ms var(--apx-ease); }
#page-analyzer .analyzer-mode-tab.active { background:var(--apx-surface); color:var(--apx-accent); box-shadow:inset 0 -2px var(--apx-accent); }
#page-analyzer :is(#analyzer-image-zone,#analyzer-video-zone) { grid-column:1; grid-row:2 / 5; }
#page-analyzer .analyzer-input-panel > .field-group:has(#analyzer-prompt-input) { grid-column:2; grid-row:2; }
#page-analyzer #analyzer-btn { grid-column:2; grid-row:3; }
#page-analyzer #analyzer-quota-display { grid-column:2; grid-row:4; color:var(--apx-muted) !important; text-align:left !important; font:400 12px/1.5 var(--font-b) !important; margin:0 !important; }
#page-analyzer .field-group { min-width:0; gap:10px; }
#page-analyzer .field-label { color:var(--apx-ink) !important; font:500 13px var(--font-b) !important; letter-spacing:0 !important; text-transform:none !important; }
#page-analyzer .field-label::before { display:none; }
#page-analyzer .field-hint { color:var(--apx-muted) !important; font:400 12px/1.65 var(--font-b) !important; }
#page-analyzer #analyzer-prompt-input { min-height:152px; width:100%; padding:14px; border:1px solid var(--apx-control-line); border-radius:8px; background:var(--apx-field) !important; color:var(--apx-ink); font:400 14px/1.65 var(--font-b); box-shadow:none; }
#page-analyzer #analyzer-prompt-input::placeholder { color:var(--apx-muted); opacity:1; }
#page-analyzer .ref-zone { min-height:224px; margin-top:10px; padding:24px; border:1px dashed var(--apx-control-line) !important; border-radius:8px; background:var(--apx-field) !important; box-shadow:none !important; display:flex; flex-direction:column; justify-content:center; gap:12px; }
#page-analyzer .ref-zone-icon { font-size:28px !important; color:var(--apx-accent); animation:none !important; text-shadow:none; }
#page-analyzer .ref-zone-text { font:500 15px var(--font-b); color:var(--apx-ink) !important; }
#page-analyzer .ref-zone-sub { font:400 12px/1.6 var(--font-b); color:var(--apx-muted) !important; }
#page-analyzer .ref-zone:hover { border-color:var(--apx-accent) !important; }
#page-analyzer #analyzer-btn { width:100% !important; min-height:64px !important; margin:0 !important; padding:14px 20px !important; background:var(--apx-accent) !important; color:var(--apx-on-accent); border:1px solid var(--apx-accent); border-radius:8px; box-shadow:none !important; transition:filter 180ms var(--apx-ease),transform 180ms var(--apx-ease); }
#page-analyzer #analyzer-btn:hover:not(:disabled) { filter:brightness(1.08); transform:translateY(-1px); }
#page-analyzer #analyzer-btn:active:not(:disabled) { transform:scale(.985); }
#page-analyzer #analyzer-btn:disabled { opacity:.65; cursor:wait; transform:none; }
#page-analyzer #analyzer-btn :is(.btn-gen-pulse,.btn-gen-corner) { display:none; }
#page-analyzer #analyzer-btn .btn-gen-body { display:block; min-height:0 !important; padding:0; background:none !important; border:none !important; box-shadow:none !important; transform:none; }
#page-analyzer #analyzer-btn .btn-gen-body::before,#page-analyzer #analyzer-btn .btn-gen-body::after { display:none; }
#page-analyzer #analyzer-btn .btn-gen-label { font:600 14px var(--font-b) !important; color:var(--apx-on-accent) !important; -webkit-text-fill-color:var(--apx-on-accent) !important; background:none !important; text-shadow:none !important; letter-spacing:0 !important; }
#page-analyzer #analyzer-btn .btn-gen-sub { color:var(--apx-on-accent) !important; opacity:.8; font:400 11px var(--font-b) !important; letter-spacing:0 !important; margin-top:6px; }
#page-analyzer .analyzer-output-panel { min-height:280px; }
#page-analyzer .analyzer-output-placeholder { gap:14px; padding:28px 20px; }
#page-analyzer .placeholder-orb-wrap { width:48px; height:48px; }
#page-analyzer .ph-ring,#page-analyzer .placeholder-orb-inner { display:none; }
#page-analyzer .placeholder-orb { inset:0; width:48px; height:48px; background:var(--apx-field); border:1px solid var(--apx-line); box-shadow:none !important; animation:none !important; }
#page-analyzer .placeholder-orb-core { color:var(--apx-accent); font-size:22px; text-shadow:none; }
#page-analyzer .placeholder-text { font:500 16px var(--font-b) !important; letter-spacing:0 !important; color:var(--apx-ink) !important; }
#page-analyzer .placeholder-standby,#page-analyzer .placeholder-sub { color:var(--apx-muted) !important; font:400 13px/1.6 var(--font-b); letter-spacing:0; }
#page-analyzer .ph-standby-dot { animation:none; }
#page-analyzer .placeholder-orb { background:var(--apx-field) !important; }
#page-analyzer .verdict-block { padding:24px; gap:24px; background:var(--apx-field); border:1px solid var(--apx-line); }
#page-analyzer :is(.verdict-label,.verdict-score-num,.tc-value) { font-family:var(--font-b); letter-spacing:0; }
#page-analyzer .verdict-summary,#page-analyzer .issue-desc,#page-analyzer .issue-why { font-size:14px; line-height:1.75; color:var(--apx-muted); }
#page-analyzer .issue-card { padding:20px; background:var(--apx-field); }
#page-analyzer .output-section { background:var(--apx-field); border-color:var(--apx-line); box-shadow:none; }
#page-analyzer .output-section-header { min-height:48px; }
#page-analyzer .output-section-body { padding:24px; font-size:14px; line-height:1.75; }
#page-analyzer :is(.video-preview-remove,#analyzer-preview-remove) { min-width:44px; min-height:44px; }
#page-analyzer .analyzer-locked { background:var(--apx-surface); border-color:var(--apx-line); box-shadow:none; }
#page-analyzer .analyzer-locked-icon { animation:none; text-shadow:none; }
#page-analyzer .analyzer-locked-title { font:500 20px var(--font-b); letter-spacing:0; }

/* History is a chronological record, with the saved brief as its main signal. */
#page-history #history-list { max-width:1200px !important; }
#page-history .history-page-actions { max-width:1200px; margin:0 0 20px; }
#page-history .history-page-count { font:400 13px var(--font-b); color:var(--apx-muted); }
#page-history .history-item { padding:20px 24px; background:var(--apx-surface); border-color:var(--apx-line); border-radius:8px; box-shadow:none; transform:none; transition:border-color 180ms var(--apx-ease),background 180ms var(--apx-ease); }
#page-history .history-item::before { display:none; }
#page-history .history-item:hover { background:var(--apx-field); border-color:var(--apx-accent); box-shadow:none; transform:none; }
#page-history .hi-brief { font:500 15px/1.65 var(--font-b); color:var(--apx-ink); }
#page-history .hi-time { font:400 12px var(--font-m); color:var(--apx-muted); }
#page-history .history-empty { min-height:300px; opacity:1; padding:40px 24px; }
#page-history .history-empty-orb { width:48px; height:48px; border:1px solid var(--apx-line); border-radius:8px; }
#page-history .history-empty-orb::before,#page-history .history-empty-orb::after { display:none; }
#page-history .history-empty-orb-inner { color:var(--apx-accent); }
#page-history .history-empty-label { font:500 16px var(--font-b); letter-spacing:0; color:var(--apx-ink); }
#page-history .history-empty-sub { font:400 14px/1.7 var(--font-b); color:var(--apx-muted); }
#page-history .history-page-actions .btn-sm { min-height:44px; padding:10px 16px !important; font:500 12px var(--font-b) !important; border-color:var(--apx-control-line); border-radius:8px; }

/* The vault lets authored media carry the visual hierarchy. */
#page-trending .trending-tabs { gap:6px; flex-wrap:wrap; border-bottom:1px solid var(--apx-line); padding-bottom:12px; }
#page-trending .trending-tab { min-height:44px; padding:12px 18px; font:500 13px var(--font-b); letter-spacing:0; text-transform:none; border:1px solid transparent; border-radius:8px; color:var(--apx-muted); background:transparent; box-shadow:none; }
#page-trending .trending-tab.active { color:var(--apx-accent); background:var(--apx-surface); border-color:var(--apx-line); }
#page-trending .trending-sorts { gap:8px; flex-wrap:wrap; }
#page-trending :is(.trending-sort,.trending-engine,.trending-cat) { min-height:44px; font:500 12px var(--font-b); letter-spacing:0; border-radius:7px; box-shadow:none; }
#page-trending .trending-cat { padding:12px; }
#page-trending .trending-catrail { background:var(--apx-surface); border-color:var(--apx-line); padding:12px; border-radius:10px; }
#page-trending .ttool-search { min-height:46px; background:var(--apx-field); border:1px solid var(--apx-control-line); border-radius:8px; }
#page-trending #trending-search { font:400 14px var(--font-b); color:var(--apx-ink); }
#page-trending #trending-search::placeholder { color:var(--apx-muted); opacity:1; }
#page-trending .trending-card { background:var(--apx-surface); border-color:var(--apx-line); border-radius:12px; box-shadow:none; transform:none; transition:border-color 180ms var(--apx-ease); }
#page-trending .trending-card:hover { border-color:var(--apx-control-line); box-shadow:none; transform:none; }
#page-trending .trending-card-thumb { aspect-ratio:4 / 3; height:auto; }
#page-trending .trending-card-thumb img { object-fit:cover; transition:transform 400ms var(--apx-ease); }
#page-trending .trending-card-thumb:hover img { transform:scale(1.025); }
#page-trending .trending-card-body { padding:20px; }
#page-trending .tc-title { color:var(--apx-ink); font:500 16px/1.4 var(--font-b); letter-spacing:-.015em; }
#page-trending .tc-model-label { font-size:10px; color:var(--apx-muted); }
#page-trending .tc-model-value { font-size:12px; color:var(--apx-muted); }
#page-trending .tc-prompt-block { margin-top:14px; background:var(--apx-field); border-color:var(--apx-line); }
#page-trending .tc-prompt-text { font:400 12px/1.75 var(--font-m); color:var(--apx-muted); }
#page-trending :is(.tc-copy-btn,.ta-open-btn,.tc-admin-btn,.btn-trending-upload) { min-height:44px; font-family:var(--font-b); letter-spacing:0; border-radius:7px; }
#page-trending .ta-open-btn { background:var(--apx-field); border-color:var(--apx-control-line); color:var(--apx-ink); font-size:12px; }
#page-trending .trending-admin-bar { box-shadow:none; border-color:var(--apx-line); background:var(--apx-surface); flex-wrap:wrap; }
#page-trending .trending-admin-label { font:500 11px var(--font-m); }
#page-trending .trending-empty { min-height:240px; background:transparent; border:1px dashed var(--apx-line); color:var(--apx-muted); }
#page-trending .trending-empty-icon { animation:none; text-shadow:none; color:var(--apx-accent); }
#page-trending .trending-empty-text { font:400 14px/1.7 var(--font-b); color:var(--apx-muted); }
@media(max-width:900px) {
  #page-analyzer .analyzer-input-panel { grid-template-columns:minmax(0,1fr); }
  #page-analyzer :is(#analyzer-image-zone,#analyzer-video-zone),#page-analyzer .analyzer-input-panel > .field-group:has(#analyzer-prompt-input),#page-analyzer #analyzer-btn,#page-analyzer #analyzer-quota-display { grid-column:auto; grid-row:auto; }
}
@media(max-width:700px) {
  #main #page-analyzer,#main #page-history,#main #page-trending { padding:24px 20px 60px !important; }
  #page-analyzer .analyzer-header,#page-history .history-page-header,#page-trending > .trending-header { padding:20px; min-height:160px; margin-bottom:24px; }
  #page-analyzer .analyzer-title,#page-history .history-page-title,#page-trending .trending-title { font-size:27px !important; }
  #page-analyzer .analyzer-input-panel,#page-analyzer .analyzer-output-panel { padding:16px; }
  #page-analyzer .analyzer-mode-tab { font-size:12px; padding:12px; }
  #page-analyzer #analyzer-prompt-input,#page-trending #trending-search { font-size:16px; }
  #page-trending .trending-toolbar { min-width:0; }
  #page-trending .trending-tab { padding:12px; font-size:12px; }
  #page-trending .trending-card-body { padding:16px; }
  #page-analyzer .verdict-block { padding:16px; gap:16px; }
}
@media(prefers-reduced-motion:reduce) {
  #page-analyzer *,#page-history *,#page-trending * { animation:none !important; transition:none !important; }
  #page-analyzer #analyzer-btn,#page-trending .trending-card-thumb img { transform:none !important; }
}
@media(max-width:360px) { #page-analyzer .analyzer-mode-tab { flex:1; white-space:normal; } }

/* Coaching: account context, evidence, then direction. Existing daily cycles,
   credit disclosure, references, goals and saved playbooks remain authoritative. */
#main :is(#page-coach,#page-academy,#page-trending-content) { padding:28px; color:var(--apx-ink); }
#page-coach .coach-overview-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:32px; padding:28px; background:var(--apx-field); border-color:var(--apx-line); border-radius:12px; box-shadow:none; }
#page-coach .coach-hero-bg { opacity:.6; animation:none; }
#page-coach .trending-header { margin:0; min-width:0; }
:is(#page-coach,#page-academy,#page-trending-content) .trending-title { font:500 32px/1.25 var(--font-b); color:var(--apx-ink); -webkit-text-fill-color:var(--apx-ink); background:none; letter-spacing:-.035em; text-shadow:none; animation:none; }
:is(#page-coach,#page-academy,#page-trending-content) .trending-sub { font:400 14px/1.75 var(--font-b); color:var(--apx-muted); max-width:760px; }
:is(#page-coach,#page-academy,#page-trending-content) .tc-title-tag { font:500 11px/1.6 var(--font-m); color:var(--apx-accent); text-shadow:none; background:none; letter-spacing:.04em; }
#page-coach .coach-overview-hl { background:transparent; border:0; border-left:2px solid var(--apx-accent); border-radius:0; padding:8px 0 8px 16px; font:400 13px/1.75 var(--font-b); box-shadow:none; }
#page-coach .coach-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:0; }
#page-coach .coach-feat { background:transparent; border:0; border-bottom:1px solid var(--apx-line); border-radius:0; padding:16px 0; box-shadow:none; }
#page-coach .coach-feat b { font:500 13px/1.5 var(--font-b); color:var(--apx-ink); }
#page-coach .coach-feat span { font:400 12px/1.65 var(--font-b); color:var(--apx-muted); }
#page-coach .coach-feat-ico { width:24px; height:24px; flex:0 0 24px; transform:none; animation:none; box-shadow:none; background:none; border:0; border-radius:0; }
#page-coach .coach-feat-ico svg.apx-gi { width:21px; height:21px; filter:none; color:var(--apx-accent); }
#page-coach .coach-feat { align-items:flex-start; gap:12px; }
#page-coach .coach-meter-note { padding:16px 20px; border:1px solid var(--apx-line); border-left:2px solid var(--amber-ink); border-radius:8px; background:var(--apx-surface); color:var(--apx-muted); font-size:13px; line-height:1.7; }
#page-coach .coach-config { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; max-width:1440px; margin-top:24px; align-items:start; }
#page-coach .coach-config[style*="display: none"] { display:none !important; }
#page-coach .coach-step { min-width:0; padding:24px; background:var(--apx-surface); border:1px solid var(--apx-line); border-radius:12px; }
#page-coach .coach-step:first-child { grid-column:1; grid-row:1 / 5; }
#page-coach .coach-step:not(:first-child),#page-coach #coach-begin-btn { grid-column:2; }
#page-coach .coach-step-label { font:500 15px/1.5 var(--font-b); color:var(--apx-ink); }
#page-coach .coach-step-num { border-radius:6px; color:var(--apx-accent); background:var(--apx-field); border:1px solid var(--apx-line); }
#page-coach .coach-upload { background:var(--apx-field); border:1px dashed var(--apx-control-line); border-radius:8px; min-height:240px; font-size:14px; line-height:1.75; color:var(--apx-muted); box-shadow:none; }
#page-coach .coach-upload-sm { min-height:140px; }
#page-coach :is(.coach-input,.coach-select,.coach-textarea) { width:100%; min-width:0; min-height:46px; background:var(--apx-field); border:1px solid var(--apx-control-line); border-radius:8px; padding:12px; color:var(--apx-ink); font:400 14px/1.65 var(--font-b); box-shadow:none; }
#page-coach :is(.coach-input,.coach-textarea)::placeholder { color:var(--apx-muted); opacity:1; }
#page-coach :is(.coach-radio,.coach-help-toggle,.coach-acct-note) { font:400 13px/1.7 var(--font-b); color:var(--apx-muted); }
#page-coach .coach-radio-active { background:var(--apx-field); border-color:var(--apx-accent); color:var(--apx-ink); }
#page-coach :is(.coach-mini-btn,.coach-clear-img,.coach-acct,.coach-day-tab) { min-height:44px; font-family:var(--font-b); border-radius:7px; box-shadow:none; }
#page-coach .coach-addacct { background:var(--apx-surface); border-color:var(--apx-line); padding:24px; border-radius:12px; max-width:760px; }
#page-coach .coach-day-tabs { overflow-x:auto; flex-wrap:nowrap; padding-bottom:8px; }
#page-coach .coach-results { max-width:1200px; }

/* Platform controls keep their genuine logos; motion points to the selection. */
:is(#page-coach,#page-trending-content,#page-academy) .tc-platforms { gap:8px; }
:is(#page-coach,#page-trending-content,#page-academy) .tc-plat { min-width:112px; flex:1 1 128px; flex-direction:row; padding:12px; gap:12px; min-height:64px; background:var(--apx-surface); border-color:var(--apx-control-line); border-radius:8px; box-shadow:none; transform:none; }
:is(#page-coach,#page-trending-content,#page-academy) .tc-plat::after { display:none; }
:is(#page-coach,#page-trending-content,#page-academy) .tc-plat.active { border-color:var(--apx-accent); box-shadow:inset 0 -2px var(--apx-accent); }
:is(#page-coach,#page-trending-content,#page-academy) .tc-plat-label { color:var(--apx-ink); font:500 13px var(--font-b); }
:is(#page-coach,#page-trending-content,#page-academy) .tc-logo { width:32px; height:32px; flex:none; }
:is(#page-coach,#page-trending-content,#page-academy) .tc-logo svg { width:21px; height:21px; }
:is(#page-coach,#page-trending-content,#page-academy) .tc-logo-inner { border-radius:8px; box-shadow:none; animation-play-state:paused; }
:is(#page-coach,#page-trending-content,#page-academy) .tc-logo-inner::before { display:none; }
:is(#page-coach,#page-trending-content,#page-academy) .tc-plat:is(.active,:hover,:focus-visible) .tc-logo-inner { animation-play-state:running; }
:is(#page-coach,#page-trending-content) .tc-reveal-btn { width:100%; min-height:54px; padding:16px 24px; border:1px solid var(--apx-accent); border-radius:8px; background:var(--apx-accent); color:var(--apx-on-accent); font:600 14px var(--font-b); letter-spacing:0; box-shadow:none; transition:filter 180ms var(--apx-ease),transform 180ms var(--apx-ease); }
:is(#page-coach,#page-trending-content) .tc-reveal-btn:hover:not(:disabled) { filter:brightness(1.08); transform:translateY(-1px); box-shadow:none; }
:is(#page-coach,#page-trending-content) .tc-reveal-btn:active:not(:disabled) { transform:scale(.985); }
#page-trending-content .page-banner { padding:28px; border-radius:12px; border-color:var(--apx-line); background:var(--apx-field); box-shadow:none; }
#page-trending-content .page-banner-bg { left:40%; opacity:.3; animation:none; }
#page-trending-content .page-banner-scan { display:none; }
#page-trending-content .tc-sub { min-height:44px; border-color:var(--apx-control-line); border-radius:7px; font-size:13px; color:var(--apx-muted); background:var(--apx-field); }
#page-trending-content .tc-sub.active { color:var(--apx-on-accent); background:var(--apx-accent); }
#page-trending-content .tc-card { padding:24px; background:var(--apx-surface); border-color:var(--apx-line); border-left-color:var(--apx-accent); border-radius:12px; }
#page-trending-content .tc-title { font:500 20px/1.5 var(--font-b); color:var(--apx-ink); }
#page-trending-content .tc-rank { background:var(--apx-accent); box-shadow:none; color:var(--apx-on-accent); font-family:var(--font-m); }
#page-trending-content :is(.tc-desc,.tc-auteur-row) { font:400 14px/1.8 var(--font-b); color:var(--apx-muted); }
#page-trending-content .tc-auteur { background:var(--apx-field); border-color:var(--apx-line); }
#page-trending-content .tc-auteur-name { background:none; -webkit-text-fill-color:var(--apx-ink); color:var(--apx-ink); font-weight:500; }
#page-trending-content .tc-prompt-copy { min-height:44px; padding:10px 14px; font-size:12px; }
#page-trending-content .tc-prompt { font-size:13px; line-height:1.85; }

/* Academy: the original ten authored covers and four-level curriculum. */
#page-academy > .trending-header { padding:8px 0 24px; border-bottom:1px solid var(--apx-line); margin-bottom:24px; }
#page-academy .academy-overview-card { padding:20px 24px; background:var(--apx-surface); border-color:var(--apx-line); border-radius:12px; }
#page-academy .academy-overview-card p { font-size:14px; line-height:1.8; color:var(--apx-muted); }
#page-academy .academy-road-chip { background:transparent; border-color:var(--apx-line); font-size:11px; }
#page-academy .academy-tabs { flex-wrap:nowrap; overflow-x:auto; gap:6px; padding:4px 0 12px; border-bottom:1px solid var(--apx-line); scrollbar-width:thin; }
#page-academy .academy-tab { flex:none; min-height:48px; padding:12px 18px; font:500 13px var(--font-b); border-radius:8px; background:transparent; border:1px solid transparent; color:var(--apx-muted); box-shadow:none; }
#page-academy .academy-tab.open { color:var(--apx-accent); border-color:var(--apx-line); background:var(--apx-surface); box-shadow:inset 0 -2px var(--apx-accent); }
#page-academy .cat-head { padding:20px 0; }
#page-academy .cat-title { font:500 28px/1.3 var(--font-b); background:none; -webkit-text-fill-color:var(--apx-ink); color:var(--apx-ink); }
#page-academy .cat-sub { max-width:760px; font:400 14px/1.8 var(--font-b); color:var(--apx-muted); }
#page-academy .cat-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:24px; }
#page-academy .cat-card { min-width:0; background:var(--apx-surface); border-color:var(--apx-line); border-radius:12px; box-shadow:none; transition:border-color 180ms var(--apx-ease),transform 180ms var(--apx-ease); }
#page-academy .cat-card:hover { transform:translateY(-2px); border-color:var(--apx-control-line); box-shadow:none; }
#page-academy .cat-card.cat-locked { opacity:1; }
#page-academy .cat-art { min-height:180px; background-position:center; }
#page-academy .cat-body { padding:24px; }
#page-academy .cat-card-title { font:500 20px/1.35 var(--font-b); color:var(--apx-ink); }
#page-academy .cat-card-desc { font:400 14px/1.8 var(--font-b); color:var(--apx-muted); }
#page-academy .cat-meta span { font-size:11px; color:var(--apx-muted); border-color:var(--apx-line); background:var(--apx-field); }
#page-academy .cat-cta { min-height:44px; display:flex; align-items:center; font:500 13px var(--font-b); text-shadow:none; }
#page-academy .cat-card:hover .cat-cta { text-shadow:none; }
#page-academy .cat-exclusive-shelf { background:var(--apx-field); border-radius:10px; box-shadow:none; padding:20px; gap:16px; flex-wrap:wrap; }
#page-academy .ces-title { font:500 16px/1.4 var(--font-b); letter-spacing:0; }
#page-academy .ces-desc { font:400 13px/1.65 var(--font-b); color:var(--apx-muted); }
#page-academy .ces-badge { font:500 11px/1.6 var(--font-m); }
#page-academy :is(.ci-hero,.ec-hero,.aff-hero,.cin-hero,.course-hero) { box-shadow:none; border-radius:12px; }
#page-academy :is(.ci-hero-bg,.ec-hero-bg,.aff-hero-bg,.cin-hero-bg) { animation:none; transform:none; }
#page-academy .ci-hero-glow { display:none; }
#page-academy :is(.ci-title,.ec-title,.aff-title,.cin-title,.course-hero-title) { font-family:var(--font-b); font-weight:500; letter-spacing:-.025em; background:none; color:#edf4f4; -webkit-text-fill-color:#edf4f4; text-shadow:none; }
#page-academy :is(.ci-back,.ci-cta-btn,.course-back,.aff-back,.ec-back) { min-height:44px; border-radius:8px; font-family:var(--font-b); letter-spacing:0; box-shadow:none; }
#page-academy .ci-cta-btn::after { animation:none; display:none; }
#page-academy :is(.ci-sub,.ci-mod-t,.academy-hint,.bp-intro) { font-size:14px; line-height:1.8; }
#page-academy :is(.academy-social-search,.bp-search) { min-height:48px; font:400 14px var(--font-b); color:var(--apx-ink); background:var(--apx-field); border-color:var(--apx-control-line); }
#page-academy :is(.academy-social-search,.bp-search)::placeholder { color:var(--apx-muted); opacity:1; }
#page-academy .bp-card { background:var(--apx-surface); border-color:var(--apx-line); box-shadow:none; }
#page-academy .bp-card p { font-size:14px; line-height:1.8; }
@media(max-width:1000px) {
  #page-coach .coach-overview-hero { grid-template-columns:minmax(0,1fr); gap:20px; }
  #page-coach .coach-features { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
  #main :is(#page-coach,#page-academy,#page-trending-content) { padding:24px 20px 60px; }
  #page-coach .coach-overview-hero,#page-trending-content .page-banner { padding:20px; }
  :is(#page-coach,#page-academy,#page-trending-content) .trending-title { font-size:27px; }
  #page-coach .coach-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  #page-coach .coach-feat { flex-direction:column; gap:8px; }
  #page-coach .coach-config { grid-template-columns:minmax(0,1fr); }
  #page-coach .coach-step:first-child,#page-coach .coach-step:not(:first-child),#page-coach #coach-begin-btn { grid-column:auto; grid-row:auto; }
  #page-coach .coach-step { padding:16px; }
  #page-coach :is(.coach-input,.coach-select,.coach-textarea),#page-academy :is(.academy-social-search,.bp-search) { font-size:16px; }
  #page-academy .academy-overview-card { padding:16px; }
  #page-academy .cat-body { padding:20px; }
  #page-academy .cat-title { font-size:25px; }
  #page-academy .cat-exclusive-shelf { padding:16px; }
}

/* Final type rules take precedence over the older shared theme's important
   heading defaults. Brand wordmarks and course artwork keep their own type. */
#app #main :is(.trending-title,.settings-page-title,.admin-users-page-title,.bc-page-title) {
  font:500 32px/1.25 var(--font-b) !important;
  color:var(--apx-ink) !important; -webkit-text-fill-color:var(--apx-ink) !important;
  text-transform:none; letter-spacing:-.035em !important;
}
#app #main :is(.trending-sub,.settings-page-sub,.admin-users-page-sub,.bc-page-sub) {
  line-height:1.75 !important; color:var(--apx-muted) !important;
}
#app #page-pricing .pricing-hero-title { font:500 36px/1.25 var(--font-b) !important; color:#edf4f4 !important; -webkit-text-fill-color:#edf4f4 !important; }
@media(max-width:700px) {
  #app #main :is(.trending-title,.settings-page-title,.admin-users-page-title,.bc-page-title) { font-size:27px !important; }
  #app #page-pricing .pricing-hero-title { font-size:30px !important; }
}

/* Authentication retains the original providers, fields and recovery paths. */
#landing-overlay { background:var(--apx-canvas); padding:40px 20px; justify-content:flex-start; overflow-y:auto; }
#landing-overlay > :is(.landing-logo-row,.landing-card,.trust-strip) { flex:none; }
#landing-overlay .landing-card { width:min(100%,480px); padding:28px; border:1px solid var(--apx-line); border-radius:12px; background:var(--apx-surface); box-shadow:none; }
#landing-overlay .landing-card::before { display:none; }
#landing-overlay .landing-card-title { font:500 28px/1.3 var(--font-b); letter-spacing:-.025em; color:var(--apx-ink); text-transform:none; }
#landing-overlay .landing-card-sub { font:400 14px/1.75 var(--font-b); color:var(--apx-muted); }
#landing-overlay .landing-tabs { padding:4px; background:var(--apx-field); border:1px solid var(--apx-line); border-radius:8px; }
#landing-overlay .landing-tab { min-height:44px; font:500 13px var(--font-b); color:var(--apx-muted); background:transparent; border-radius:6px; box-shadow:none; letter-spacing:0; }
#landing-overlay .landing-tab.active { background:var(--apx-surface); color:var(--apx-accent); box-shadow:inset 0 -2px var(--apx-accent); }
#landing-overlay .auth-form-label { font:500 12px/1.5 var(--font-b); color:var(--apx-muted); text-transform:none; letter-spacing:0; margin-bottom:8px; }
#landing-overlay .auth-form-field { margin-bottom:20px; }
#landing-overlay .auth-form-input { min-height:48px; padding:12px; font:400 16px/1.5 var(--font-b); color:var(--apx-ink); background:var(--apx-field); border:1px solid var(--apx-control-line); border-radius:8px; box-shadow:none; }
#landing-overlay .auth-form-input::placeholder { color:var(--apx-muted); opacity:1; }
#landing-overlay .auth-form-input:focus-visible { outline:2px solid var(--apx-accent); outline-offset:3px; }
#landing-overlay .btn-authenticate { min-height:50px; font:600 14px var(--font-b); border-radius:8px; background:var(--apx-accent); color:var(--apx-on-accent); letter-spacing:.015em; box-shadow:inset 0 1px rgba(255,255,255,.2); transition:transform 180ms var(--apx-ease),filter 180ms var(--apx-ease); }
#landing-overlay .btn-authenticate::before { display:none; }
#landing-overlay .btn-authenticate:hover { filter:brightness(1.08); transform:translateY(-1px); }
#landing-overlay .btn-authenticate:active { transform:scale(.985); }
#landing-overlay .btn-authenticate:disabled { transform:none; filter:none; opacity:.55; cursor:not-allowed; }
#landing-overlay :is(.landing-divider,.landing-footer,.forgot-support-text) { font-family:var(--font-b); color:var(--apx-muted); letter-spacing:0; }
#landing-overlay .forgot-support-link { width:44px; height:44px; border-color:var(--apx-control-line); border-radius:8px; }
#landing-overlay .landing-logo-row { max-width:480px; }
#landing-overlay .landing-mark { animation:none; box-shadow:none; color:var(--apx-accent); border-color:var(--apx-control-line); }
#landing-overlay .trust-strip { max-width:900px; }
#landing-overlay .trust-badge { box-shadow:none; }
#landing-overlay .trust-badge * { animation-play-state:paused; }
@media(max-width:600px) { #landing-overlay { padding:76px 20px 32px; } #landing-overlay .landing-card { padding:24px 20px; } }
@media(prefers-reduced-motion:reduce) { #landing-overlay * { animation:none !important; transition:none !important; } }
#main > [style*="display: none"] * { animation-play-state:paused !important; }
@media(prefers-reduced-motion:reduce) { #app * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Operational screens: compact headers, readable tables, explicit actions.
   Their protected visibility and edit/mutation controls are never overridden. */
#main :is(#page-pricing,#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) { padding:28px; color:var(--apx-ink); }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .page-banner { padding:24px 28px; border:1px solid var(--apx-line); border-radius:12px; max-width:none; background:var(--apx-field); box-shadow:none; }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .page-banner-bg { left:45%; opacity:.26; animation:none; }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .page-banner-bg::after { background:linear-gradient(90deg,var(--apx-field),transparent); }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .page-banner-scan { display:none; }
#main :is(.settings-page-title,.admin-users-page-title,.bc-page-title) { font:500 28px/1.3 var(--font-b); color:var(--apx-ink); background:none; -webkit-text-fill-color:var(--apx-ink); letter-spacing:-.025em; text-shadow:none; animation:none; }
#main :is(.settings-page-sub,.admin-users-page-sub,.bc-page-sub) { max-width:960px; font:400 14px/1.75 var(--font-b); color:var(--apx-muted); }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),select,textarea),.au-modal :is(.au-modal-input,.au-modal-select) { min-width:0; min-height:46px; padding:12px; font:400 14px/1.6 var(--font-b); color:var(--apx-ink); background:var(--apx-field); border:1px solid var(--apx-control-line); border-radius:8px; box-shadow:none; }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) :is(input,textarea)::placeholder { color:var(--apx-muted); opacity:1; }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .btn-sm { min-height:44px; padding:10px 16px !important; font:500 12px var(--font-b) !important; border-radius:8px; box-shadow:none; letter-spacing:0; }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .btn-sm:not(.secondary):not(.danger) { background:var(--apx-accent) !important; color:var(--apx-on-accent); border-color:var(--apx-accent); }
#main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .btn-sm.secondary { background:var(--apx-field); color:var(--apx-ink); border-color:var(--apx-control-line); }
#main :is(.au-toolbar,.bc-layout,.ins-toolbar) { min-width:0; }
#main .au-search-wrap { min-width:min(100%,240px); }
#main .au-search { width:100%; padding-left:36px !important; }
#main :is(.plan-filter-tabs,.ins-tabs) { overflow-x:auto; flex-wrap:nowrap; gap:6px; padding-bottom:12px; }
#main :is(.plan-filter-tab,.ins-tab,.au-bulk-btn,.bc-act,.bc-reset-btn,.bc-refresh-btn) { flex:none; min-height:44px; padding:10px 14px; font:500 12px var(--font-b); border-radius:7px; box-shadow:none; }
#main :is(.plan-filter-tab.active,.ins-tab.active) { color:var(--apx-accent); background:var(--apx-field); border-color:var(--apx-accent); box-shadow:inset 0 -2px var(--apx-accent); }
#main .admin-users-table-wrap { background:var(--apx-surface); border-color:var(--apx-line); border-radius:10px; }
#main .admin-users-table { font:400 13px/1.6 var(--font-b); }
#main .admin-users-table th { padding:14px 16px; font:500 12px var(--font-b); letter-spacing:0; color:var(--apx-muted); background:var(--apx-field); border-color:var(--apx-line); }
#main .admin-users-table td { padding:16px; color:var(--apx-ink); border-color:var(--apx-line); }
#main :is(.pd-panel,.pd-stat,.bc-composer,.bc-admin-card,.settings-section) { background:var(--apx-surface); border-color:var(--apx-line); border-radius:12px; box-shadow:none; backdrop-filter:none; }
#main .pd-stat { padding:20px; }
#main :is(.pd-stat-label,.pd-panel-title,.bc-composer-title,.bc-list-title,.settings-section-title) { font:500 15px/1.5 var(--font-b); letter-spacing:0; color:var(--apx-ink); text-shadow:none; }
#main .pd-stat-val { font-family:var(--font-m); font-variant-numeric:tabular-nums; font-weight:500; }
#main :is(.pd-stat-sub,.settings-section-desc,.setting-desc) { font:400 13px/1.75 var(--font-b); color:var(--apx-muted); }
#main .setting-name { font:500 14px/1.5 var(--font-b); color:var(--apx-ink); }
#main .setting-row { padding-block:20px; gap:20px; border-color:var(--apx-line); }
#main .bc-composer { padding:24px; min-width:0; }
#main .bc-list-col { min-width:0; }
#main .bc-page-head { margin-bottom:24px; }
#main .bc-page-sub { max-width:760px; }
#main .bc-cta-row { min-width:0; }
#main .bc-cta-row > * { min-width:0; }
#main .bc-admin-body { font:400 14px/1.75 var(--font-b); color:var(--apx-muted); }
#main .bc-admin-title { font:500 17px/1.5 var(--font-b); color:var(--apx-ink); }
#main .bc-admin-meta { font-size:12px; color:var(--apx-muted); }
#main .au-modal-label { font:500 12px/1.5 var(--font-b); color:var(--apx-muted); letter-spacing:0; text-transform:none; }
.au-modal { background:var(--apx-surface); border-color:var(--apx-line); border-radius:12px; box-shadow:0 24px 64px -24px rgba(0,0,0,.6); }
.apx-password { display:flex; gap:8px; align-items:stretch; min-width:0; }
.apx-password input { flex:1; min-width:0; width:100%; }
.apx-password button { flex:none; min-height:44px; padding:10px 12px; border:1px solid var(--apx-control-line); border-radius:8px; background:var(--apx-field); color:var(--apx-ink); font:500 12px var(--font-b); cursor:pointer; }
.apx-password button:focus-visible { outline:2px solid var(--apx-accent); outline-offset:3px; }
#page-pricing .plans-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,248px),1fr)); gap:20px; max-width:1440px; }
#page-pricing .pricing-hero { border-color:var(--apx-line); border-radius:12px; box-shadow:none; }
#page-pricing .pricing-hero-title { font:500 36px/1.25 var(--font-b); color:#edf4f4; background:none; -webkit-text-fill-color:#edf4f4; letter-spacing:-.025em; }
#page-pricing .pricing-hero-sub { font:400 14px/1.75 var(--font-b); color:#c0cbd3; }
#page-pricing .plan-card { display:flex; flex-direction:column; min-width:0; padding:24px; background:var(--apx-surface); border:1px solid var(--apx-line); border-radius:12px; box-shadow:none; transform:none; }
#page-pricing .plan-card::before { display:none; }
#page-pricing .plan-card.production.flagship { border-color:var(--amber-ink); box-shadow:none; }
#page-pricing .plan-card.featured { border-color:var(--apx-accent); box-shadow:none; }
#page-pricing .plan-name { font:500 20px/1.4 var(--font-b); letter-spacing:0; text-shadow:none; animation:none; }
#page-pricing .plan-price { font:500 38px/1.3 var(--font-m); color:var(--apx-ink); font-variant-numeric:tabular-nums; }
#page-pricing .plan-price span { font:400 12px var(--font-b); color:var(--apx-muted); }
#page-pricing .plan-desc { font:400 14px/1.7 var(--font-b); color:var(--apx-muted); }
#page-pricing .plan-features { flex:1; }
#page-pricing .plan-features li { font:400 13px/1.75 var(--font-b); color:var(--apx-muted); margin-block:8px; }
#page-pricing .btn-plan { min-height:50px; padding:14px; font:600 14px var(--font-b); border-radius:8px; letter-spacing:0; box-shadow:none; transition:transform 180ms var(--apx-ease),filter 180ms var(--apx-ease); }
#page-pricing .btn-plan:hover { transform:translateY(-1px); box-shadow:none; }
#page-pricing .plan-edit-btn { min-height:44px; font-family:var(--font-b); }
@media(max-width:700px) {
  #main :is(#page-pricing,#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) { padding:24px 20px 60px; }
  #main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) .page-banner { padding:20px; }
  #main :is(.settings-page-title,.admin-users-page-title,.bc-page-title) { font-size:26px; }
  #main :is(#page-settings,#page-admin-users,#page-codes,#page-broadcast,#page-insights,#page-admins,#page-api-usage) :is(input,select,textarea),.au-modal :is(.au-modal-input,.au-modal-select) { font-size:16px; }
  #main .setting-row { flex-wrap:wrap; }
  #main .bc-cta-row { flex-direction:column; }
  #main .bc-composer { padding:16px; }
  #page-pricing .plan-card { padding:24px; }
}

/* Portfolio gives the owner's films the stage; Nexus remains a gateway to
   the independent execution product, with all original links and catalog. */
#main :is(#page-showcase,#page-cloudkey) { padding:28px; }
#page-showcase .sc-hero { padding:28px; border:1px solid var(--apx-line); border-radius:12px; background:var(--apx-field); box-shadow:none; }
#page-showcase .sc-hero .trending-title { font:500 36px/1.25 var(--font-b); color:var(--apx-ink); background:none; -webkit-text-fill-color:var(--apx-ink); letter-spacing:-.035em; animation:none; }
#page-showcase .sc-hero .trending-sub { font:400 14px/1.75 var(--font-b); color:var(--apx-muted); }
#page-showcase .page-banner-bg { left:40%; opacity:.35; animation:none; }
#page-showcase .page-banner-bg::after { background:linear-gradient(90deg,var(--apx-field),transparent); }
#page-showcase .page-banner-scan { display:none; }
#page-showcase .sc-hero-badge { border-color:var(--apx-line); background:var(--apx-field); border-radius:6px; box-shadow:none; color:var(--apx-muted); }
#page-showcase .sc-notice { background:var(--apx-surface); border-color:var(--apx-line); border-left:2px solid var(--amber-ink); border-radius:8px; box-shadow:none; }
#page-showcase .sc-notice-title { font:500 14px var(--font-b); letter-spacing:0; }
#page-showcase .sc-notice p { font:400 14px/1.75 var(--font-b); }
#page-showcase .sc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1440px; gap:24px; }
#page-showcase .sc-card:first-child { grid-column:1 / -1; }
#page-showcase .sc-card { min-width:0; border-color:var(--apx-line); border-radius:12px; background:var(--apx-surface); box-shadow:none; transform:none; }
#page-showcase .sc-card:hover { border-color:var(--apx-control-line); box-shadow:none; transform:none; }
#page-showcase .sc-card-meta { padding:24px; }
#page-showcase .sc-card-title { font:500 22px/1.3 var(--font-b); letter-spacing:-.02em; color:var(--apx-ink); }
#page-showcase .sc-card-meta p { font:400 14px/1.75 var(--font-b); color:var(--apx-muted); }
#page-showcase .sc-ctrl { min-height:44px; font:500 12px var(--font-b); letter-spacing:0; border-radius:7px; border-color:var(--apx-control-line); }
#page-showcase .sc-ctrl-hint { font:400 12px/1.65 var(--font-b); color:var(--apx-muted); }
#page-cloudkey .ck-hero { border-radius:12px; border-color:var(--apx-line); box-shadow:none; }
#page-cloudkey .ck-hero-title { font:500 clamp(34px,4vw,54px)/1.1 var(--font-b); letter-spacing:-.04em; color:#edf4f4; background:none; -webkit-text-fill-color:#edf4f4; text-shadow:none; animation:none; }
#page-cloudkey .ck-hero-lede { font:400 16px/1.8 var(--font-b); }
#page-cloudkey .ck-hero-sweep { display:none; }
#page-cloudkey .ck-sec-title { font:500 28px/1.3 var(--font-b); letter-spacing:-.025em; text-shadow:none; }
#page-cloudkey :is(.ck-btn,.ck-cta,.ck-cat-tab) { min-height:44px; font-family:var(--font-b); letter-spacing:0; border-radius:8px; box-shadow:none; }
#page-cloudkey .ck-stat b { font-family:var(--font-m); font-weight:500; font-variant-numeric:tabular-nums; }
#page-cloudkey :is(.ck-panel,.ck-cap,.ck-step,.ck-band) { box-shadow:none; border-radius:10px; }

/* Shared dialogs retain their original forms, visibility and action handlers. */
:is(.login-modal-overlay,.au-modal-overlay,.trending-modal-overlay,#plan-dashboard-overlay,#account-info-overlay,#concierge-overlay) {
  padding:24px; overflow-y:auto; overscroll-behavior:contain;
  background:rgba(4,8,12,.78); backdrop-filter:blur(4px);
}
:is(.login-modal-overlay,.au-modal-overlay,.trending-modal-overlay,#plan-dashboard-overlay,#account-info-overlay,#concierge-overlay) > :is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.pd-card,.ai-card,.cg-card) {
  flex:none; min-width:0; max-width:100%; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); overflow-y:auto;
  padding:28px; border:1px solid var(--apx-control-line); border-radius:12px;
  background:var(--apx-surface); color:var(--apx-ink); backdrop-filter:none;
  box-shadow:0 24px 72px rgba(0,0,0,.24); animation:apx-dialog-reveal 240ms var(--apx-ease) both;
}
:is(.login-modal-title,.admin-edit-modal-title,.plan-editor-modal-title,.au-modal-title,.trending-modal-title,.pd-title,.ai-title,.cg-title) {
  padding-right:40px; font:500 24px/1.3 var(--font-b); letter-spacing:-.025em;
  color:var(--apx-ink); background:none; -webkit-text-fill-color:var(--apx-ink); text-shadow:none;
}
.trending-modal-title { padding-right:0; }
.trending-modal .field-label { font:500 12px/1.5 var(--font-b); color:var(--apx-muted); letter-spacing:0; text-transform:none; text-shadow:none; }
.trending-modal .field-hint { font:400 14px/1.75 var(--font-b); color:var(--apx-muted); }
.trending-modal .ref-zone { min-height:112px; padding:20px 12px; border-color:var(--apx-control-line); background:var(--apx-field); border-radius:8px; }
.trending-modal .ref-zone-text { font:500 13px/1.5 var(--font-b); color:var(--apx-ink); }
.trending-modal .ref-zone-sub,.ta-cost-line { font:400 13px/1.7 var(--font-b); color:var(--apx-muted); }
.trending-modal .btn-sm { white-space:normal; min-width:0; }
.trending-modal .ref-zone-text { overflow-wrap:anywhere; }
.trending-modal .ta-cost-line { display:block; }
:is(.login-modal-desc,.admin-edit-modal-sub,.plan-editor-modal-sub,.au-modal-sub,.ai-sub,.cg-sub) { font:400 14px/1.75 var(--font-b); color:var(--apx-muted); }
:is(.login-modal-note,.plan-editor-note,.au-modal-note,.ai-hint,.ai-info-text,.pd-stat-sub) { font:400 13px/1.7 var(--font-b); color:var(--apx-muted); }
:is(.admin-edit-label,.au-modal-label,.ai-field-label,.pd-stat-label,.cg-label) { font:500 12px/1.5 var(--font-b); letter-spacing:0; color:var(--apx-muted); text-transform:none; }
:is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.ai-card) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
  min-height:46px; max-width:100%; padding:12px; font:400 14px/1.6 var(--font-b);
  border:1px solid var(--apx-control-line); border-radius:8px; background:var(--apx-field); color:var(--apx-ink); box-shadow:none;
}
:is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.ai-card) :is(input,textarea)::placeholder { color:var(--apx-muted); opacity:1; }
:is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.ai-card) :is(input,select,textarea):focus-visible { outline:2px solid var(--apx-accent); outline-offset:3px; }
:is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.pd-card,.ai-card,.cg-card) :is(button,.btn-sm) {
  min-height:44px; font:600 13px/1.4 var(--font-b); border-radius:8px; box-shadow:none;
  transition:background 180ms var(--apx-ease),border-color 180ms var(--apx-ease),transform 180ms var(--apx-ease);
}
:is(.login-modal-close,.au-modal-close,.trending-modal-close,.pd-close,.cg-close) {
  width:44px; min-width:44px; height:44px; padding:10px; border:1px solid var(--apx-line);
  background:var(--apx-field); color:var(--apx-muted); display:grid; place-items:center;
}
:is(.login-modal-close,.au-modal-close,.pd-close,.cg-close) { top:16px; right:16px; }
:is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.pd-card,.ai-card,.cg-card) :is(button,a):focus-visible { outline:2px solid var(--apx-accent); outline-offset:3px; }
:is(.admin-edit-actions,.au-modal-actions,.ai-actions) { flex-wrap:wrap; gap:12px; }
:is(.admin-edit-actions,.au-modal-actions,.ai-actions) .btn-sm:not(.secondary):not(.danger),.btn-login-submit {
  background:var(--apx-accent) !important; color:var(--apx-on-accent) !important; border:1px solid var(--apx-accent);
}
:is(.admin-edit-actions,.au-modal-actions,.ai-actions) .btn-sm.secondary { background:var(--apx-field); border-color:var(--apx-control-line); color:var(--apx-ink); }
:is(.admin-edit-actions,.au-modal-actions,.ai-actions) .btn-sm:active:not(:disabled) { transform:scale(.985); }
.pd-stat { background:var(--apx-field); border-color:var(--apx-line); border-radius:8px; }
.pd-stat-value { font:500 24px/1.3 var(--font-m); }
.cg-plan-name,.cg-plan-price { font-family:var(--font-b); letter-spacing:0; }
.cg-steps li { font-size:14px; line-height:1.7; }
.cg-ch,.forgot-support-link { min-height:44px; }
.login-modal .master-access-trigger { min-height:44px; display:flex; align-items:center; justify-content:center; font:500 13px var(--font-b); }
@keyframes apx-dialog-reveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:600px) {
  :is(.login-modal-overlay,.au-modal-overlay,.trending-modal-overlay,#plan-dashboard-overlay,#account-info-overlay,#concierge-overlay) { padding:16px; }
  :is(.login-modal-overlay,.au-modal-overlay,.trending-modal-overlay,#plan-dashboard-overlay,#account-info-overlay,#concierge-overlay) > :is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.pd-card,.ai-card,.cg-card) { padding:24px 20px; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); }
  :is(.login-modal,.admin-edit-modal,.plan-editor-modal,.au-modal,.trending-modal,.ai-card) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.login-modal-overlay,.au-modal-overlay,.trending-modal-overlay,#plan-dashboard-overlay,#account-info-overlay,#concierge-overlay,#intro-overlay,#loading-overlay),
  :is(.login-modal-overlay,.au-modal-overlay,.trending-modal-overlay,#plan-dashboard-overlay,#account-info-overlay,#concierge-overlay,#intro-overlay,#loading-overlay) * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media(max-width:900px) { #page-showcase .sc-grid { grid-template-columns:minmax(0,1fr); } }
/* Crafted action family: the module remains outside the native label/status,
   so existing loading, lock, failure and completion controllers keep working. */
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action {
  position:relative; isolation:isolate; overflow:hidden !important; min-height:54px;
  padding:14px 60px 14px 20px !important; border-radius:4px !important;
  text-align:left; background:var(--apx-accent) !important; border:1px solid var(--apx-accent) !important;
  color:var(--apx-on-accent); box-shadow:inset 0 1px rgba(255,255,255,.35) !important;
  transition:background 180ms var(--apx-ease),border-color 180ms var(--apx-ease),transform 180ms var(--apx-ease) !important;
}
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action::after {
  content:'↗'; position:absolute; display:grid !important; place-items:center;
  inset:auto 7px auto auto; top:50%; width:36px; height:36px; border-radius:2px;
  color:var(--apx-accent); background:var(--apx-on-accent); font:400 26px/1 var(--font-b);
  transform:translateY(-50%); transition:transform 180ms var(--apx-ease); pointer-events:none;
}
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action::before {
  content:''; display:block !important; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3),transparent 65%);
  transform:translateX(-120%); opacity:1; border:none; border-radius:0;
}
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action:is(:hover,:focus-visible):not(:disabled):not(.locked) { background:var(--apx-action-hover) !important; filter:none !important; transform:translateY(-1px); }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action:is(:hover,:focus-visible):not(:disabled):not(.locked)::before { animation:apx-button-light 520ms var(--apx-ease) both; }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action:is(:hover,:focus-visible):not(:disabled):not(.locked)::after { transform:translate(2px,calc(-50% - 2px)); }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action:active:not(:disabled):not(.locked) { background:var(--apx-action-pressed) !important; transform:translateY(1px); }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action:disabled { opacity:.55 !important; transform:none !important; filter:none !important; }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action:disabled::before,:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action.locked::before { animation:none !important; }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action:disabled::after { content:'·'; opacity:.5; }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action.locked { background:var(--apx-surface) !important; border-color:var(--apx-metal) !important; }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action.locked::after { content:'+'; background:var(--apx-field); color:var(--apx-metal); }
:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action .home-cta-arrow { display:none !important; }
#page-studio .apx-studio-heading { min-height:236px; border-radius:6px; border-color:var(--apx-control-line); background:var(--apx-field); }
#page-studio .apx-studio-heading::before { opacity:.42; inset:0 0 0 35%; }
#page-studio .apx-studio-heading::after { background:linear-gradient(90deg,var(--apx-field) 25%,color-mix(in srgb,var(--apx-field) 55%,transparent) 68%,transparent); }
#page-studio .apx-studio-heading > .apx-aperture { position:absolute; right:3%; top:50%; transform:translateY(-50%); max-width:none; width:270px; z-index:0; }
#page-studio .apx-studio-heading > :not(.apx-aperture) { z-index:1; max-width:60%; }
#page-studio .apx-studio-heading h1 { font-size:clamp(30px,3.8vw,48px); line-height:1.08; letter-spacing:-.05em; margin:16px 0; }
#page-studio :is(.brief-col-main,.brief-col-side,#output-panel) { border-radius:6px; }
#page-studio .apx-config-title { color:var(--apx-metal); }
#page-studio :is(.ot-card,.mode-card) { border-radius:4px; }
#page-studio :is(.ot-card,.mode-card).selected { background:color-mix(in srgb,var(--apx-accent) 11%,var(--apx-field)); border-color:var(--apx-accent); box-shadow:inset 3px 0 var(--apx-accent); }
#page-studio .apx-execution { border-radius:6px; border-color:var(--apx-control-line); border-top-color:var(--apx-accent); }
#page-studio #generate-btn .btn-gen-sub { white-space:normal; font-size:9px; line-height:1.45; }
#page-studio #generate-btn .btn-gen-body { text-align:left; }
#page-analyzer #analyzer-btn .btn-gen-sub { white-space:normal; }
#page-studio #output-placeholder > .placeholder-orb-wrap,#page-analyzer .analyzer-output-placeholder > .placeholder-orb-wrap { display:none; }
#page-studio #output-placeholder { min-height:320px; }
#page-home .byte-video-wrap { border-radius:6px; border-color:var(--apx-control-line); }
#page-home .byte-video-stage::before { color:var(--apx-metal); }
#page-home .home-feat-icon { color:var(--apx-creative); }
#page-coach .coach-overview-hero { border-radius:6px; border-color:var(--apx-control-line); }
#page-coach .coach-overview-hl { border-left-color:var(--apx-metal); }
#page-coach .coach-step { border-radius:6px; }
#page-coach .coach-step-num { color:var(--apx-metal); border-color:var(--apx-control-line); border-radius:2px; }
@media(max-width:1050px) {
  #page-studio #tab-generate-panel { grid-template-columns:minmax(0,1fr) !important; }
}
@media(max-width:600px) {
  #page-studio .apx-studio-heading { min-height:230px; padding:24px 20px; }
  #page-studio .apx-studio-heading > :not(.apx-aperture) { max-width:80%; }
  #page-studio .apx-studio-heading > .apx-aperture { width:220px; right:-108px; opacity:.65; }
  #page-studio .apx-studio-heading h1 { font-size:32px; }
  :is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action { padding-left:16px !important; }
}
@media(prefers-reduced-motion:reduce) {
  :is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action,:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action::before,:is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action::after { animation:none !important; transition:none !important; transform:none !important; }
  :is(#app,#landing-overlay,.login-modal-overlay) :is(#generate-btn,#analyzer-btn,#coach-begin-btn,.home-cta,.btn-authenticate,.btn-login-submit).apx-crafted-action::after { transform:translateY(-50%) !important; }
}
@media(max-width:700px) {
  #main :is(#page-showcase,#page-cloudkey) { padding:24px 20px 60px; }
  #page-showcase .sc-hero { padding:20px; }
  #page-showcase .sc-hero .trending-title { font-size:28px; }
  #page-showcase .sc-card-meta { padding:20px; }
}

/* Initialization uses the original sequence and timings. Optical movement and
   interpolated bars describe its state without inventing network progress. */
#loading-overlay { background:var(--apx-canvas); color:var(--apx-ink); padding:32px 24px; overflow-y:auto; justify-content:flex-start; }
#loading-overlay::before,#loading-overlay::after { display:none; }
#loading-overlay .apex-text-stage { width:min(740px,100%); min-height:172px; flex-shrink:0; margin: auto 0 24px; display:grid; grid-template-columns:minmax(0,1fr) 180px; align-items:center; column-gap:24px; }
#loading-overlay :is(.apex-text-aura,.apex-text-orbit-a,.apex-text-orbit-b,.apex-text-scan-h,.loading-status-chip) { display:none; }
#loading-overlay .apex-text-letters { grid-column:1; grid-row:1; justify-content:flex-start; gap:0; transform:none; animation:none; perspective:none; }
#loading-overlay :is(.apex-txt-letter,.apex-txt-dot) { font-size:clamp(40px,7vw,76px); color:var(--apx-ink); background:none; -webkit-text-fill-color:var(--apx-ink); text-shadow:none; filter:none; transform:none; animation:none; }
#loading-overlay.apx-motion-enabled :is(.apex-txt-letter,.apex-txt-dot) { animation:apx-boot-letter 600ms var(--apx-ease) both; animation-delay:calc(var(--i) * 45ms); }
#loading-overlay .apex-txt-dot { color:var(--apx-accent); -webkit-text-fill-color:var(--apx-accent); }
#loading-overlay .apex-text-sub { grid-column:1; grid-row:2; position:static; text-align:left; color:var(--apx-muted); font:500 10px/1.6 var(--font-m); letter-spacing:.26em; margin-top:12px; text-shadow:none; }
#loading-overlay .apx-boot-aperture { grid-column:2; grid-row:1 / 3; width:180px; margin:0; position:static; }
#loading-overlay .loading-header { width:min(740px,100%); margin:0 0 16px; color:var(--apx-metal); font:500 10px/1.6 var(--font-m); letter-spacing:.14em; text-shadow:none; text-align:left; }
#loading-overlay #loading-steps { width:min(740px,100%); max-width:none; flex-shrink:0; margin-bottom:auto; gap:0; padding:0 24px; background:var(--apx-field); border:1px solid var(--apx-line); border-radius:6px; box-shadow:none; backdrop-filter:none; }
#loading-overlay #loading-steps::before { display:none; }
#loading-overlay .loading-step { position:relative; gap:10px; padding:18px 0 18px 40px; opacity:.42; transform:none; transition:opacity 280ms var(--apx-ease); border-bottom:1px solid var(--apx-line); }
#loading-overlay .loading-step:last-child { border-bottom:none; }
#loading-overlay .loading-step::before { content:attr(data-apx-step); position:absolute; top:18px; left:0; color:var(--apx-muted); font:500 10px/1.6 var(--font-m); }
#loading-overlay .loading-step.visible { opacity:1; }
#loading-overlay .loading-step-row { gap:10px; align-items:flex-start; }
#loading-overlay .loading-step-text,#loading-overlay .loading-step.final-step .loading-step-text { color:var(--apx-ink); font:500 12px/1.55 var(--font-b); letter-spacing:.015em; text-transform:none; text-shadow:none; }
#loading-overlay .loading-step-icon { color:var(--apx-muted); font-size:12px; width:16px; line-height:1.55; }
#loading-overlay .loading-step-icon.running { color:var(--apx-accent); animation:apx-optic-breathe 2.4s ease-in-out infinite; animation-play-state:paused; }
#loading-overlay .loading-step-icon.done { color:var(--apx-accent); }
#loading-overlay .loading-step.done-step .loading-step-text { color:var(--apx-muted); text-shadow:none; }
#loading-overlay .loading-step-icon.running + .loading-step-text::after { content:none; }
#loading-overlay .loading-bar-track { height:3px; margin-left:26px; border-radius:2px; background:var(--apx-line); }
#loading-overlay .loading-bar-fill,#loading-overlay .loading-step:is(.done-step,.final-step) .loading-bar-fill { position:relative; height:100%; background:var(--apx-accent); box-shadow:none; transition:width 780ms cubic-bezier(.16,1,.3,1); border-radius:2px; }
#loading-overlay .loading-bar-fill::after { content:''; position:absolute; inset:0; background:linear-gradient(100deg,transparent 15%,var(--apx-creative) 45%,var(--apx-ink) 50%,transparent 85%); transform:translateX(-100%); animation:apx-fluid-pass 1600ms cubic-bezier(.45,0,.55,1) infinite; animation-play-state:paused; opacity:.7; }
#loading-overlay.apx-motion-enabled .loading-step-icon.running,#loading-overlay.apx-motion-enabled .loading-step:has(.loading-step-icon.running) .loading-bar-fill::after { animation-play-state:running; }
#loading-overlay .loading-step.done-step .loading-bar-fill::after { animation:none; opacity:0; }
#loading-overlay .loading-complete-flash,#loading-overlay .loading-complete-flash.flash { background:var(--apx-ink); animation:none; opacity:0; transition:none; }
#loading-overlay.fade-out { transition:opacity 520ms var(--apx-ease),transform 520ms var(--apx-ease); transform:translateY(-8px); }
@keyframes apx-fluid-pass { to { transform:translateX(100%); } }
@keyframes apx-boot-letter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

/* A Coaching playbook is one authored report, rather than a stack of equal
   cards. The original renderer still owns every word, link and action. */
#page-coach #coach-results.apx-report { max-width:1160px; margin:24px auto 0; gap:0; border:1px solid var(--apx-line); border-radius:6px; overflow:hidden; background:var(--apx-surface); }
#page-coach .apx-report > div:not([class]):first-child { margin:0 !important; padding:16px 32px; border-bottom:1px solid var(--apx-line); }
#page-coach .apx-report .coach-auteur-hero { position:relative; gap:12px; padding:40px 188px 40px 40px; border:0; border-bottom:1px solid var(--apx-line); border-radius:0; background:var(--apx-field); box-shadow:inset 4px 0 var(--apx-accent); }
#page-coach .apx-report .coach-auteur-hero > div:first-child { color:var(--apx-metal); font-size:10px !important; line-height:1.7; letter-spacing:.14em !important; opacity:1 !important; }
#page-coach .apx-report .coach-auteur-name { font:600 clamp(28px,3.4vw,44px)/1.1 var(--font-b); letter-spacing:-.045em; color:var(--apx-ink); background:none; -webkit-text-fill-color:var(--apx-ink); }
#page-coach .apx-report .coach-auteur-lens { color:var(--apx-accent); font-size:10px; line-height:1.8; letter-spacing:.12em; }
#page-coach .apx-report .coach-auteur-why { max-width:68ch; color:var(--apx-muted); font-size:15px; line-height:1.8; }
#page-coach .apx-coach-seal { position:absolute; right:36px; top:40px; width:112px; opacity:.7; margin:0; }
#page-coach .apx-report .apx-report-card { display:grid; grid-template-columns:40px minmax(0,1fr); column-gap:24px; row-gap:14px; padding:32px 40px 36px; border:0; border-bottom:1px solid var(--apx-line); border-radius:0; background:none; animation:apx-report-reveal 420ms var(--apx-ease) both; animation-play-state:paused; }
#page-coach.apx-motion-enabled .apx-report-card { animation-play-state:running; }
#page-coach .apx-report-card > * { grid-column:2; min-width:0; }
#page-coach .apx-report-card .apx-report-index { grid-column:1; grid-row:1 / span 2; padding-top:4px; font:500 11px/1.5 var(--font-m); letter-spacing:.08em; color:var(--apx-metal); }
#page-coach .apx-report .coach-sec-title { align-items:baseline; flex-wrap:wrap; gap:8px; color:var(--apx-ink); font:600 20px/1.35 var(--font-b); letter-spacing:-.02em; text-transform:none; margin:0; }
#page-coach .apx-report .coach-sec-title[aria-level="4"] { font-size:16px !important; color:var(--apx-creative); margin-top:12px !important; }
#page-coach .apx-report-glyph { display:none; }
#page-coach .apx-report .coach-body { max-width:76ch; font-size:15px; font-weight:400; line-height:1.85; color:var(--apx-ink); overflow-wrap:anywhere; }
#page-coach .apx-report .coach-list { max-width:76ch; gap:0; counter-reset:apx-report-point; }
#page-coach .apx-report .coach-list li { padding:14px 0 14px 32px; font-size:15px; font-weight:400; line-height:1.75; color:var(--apx-ink); border-bottom:1px solid var(--apx-line); overflow-wrap:anywhere; counter-increment:apx-report-point; }
#page-coach .apx-report .coach-list li:last-child { border-bottom:none; padding-bottom:0; }
#page-coach .apx-report .coach-list li::before { content:counter(apx-report-point,decimal-leading-zero); top:18px; color:var(--apx-accent); font:500 10px/1.5 var(--font-m); }
#page-coach .apx-report .coach-list.avoid li::before { content:'×'; color:var(--red-ink); font-size:17px; top:15px; }
#page-coach .apx-report .apx-report-evidence { background:var(--apx-field); padding-top:24px; padding-bottom:24px; }
#page-coach .apx-report-evidence .coach-sec-title { font:500 10px/1.6 var(--font-m); letter-spacing:.12em; text-transform:uppercase; color:var(--apx-muted); }
#page-coach .apx-report-evidence .coach-body { color:var(--apx-muted); font-size:13px; line-height:1.75; }
#page-coach .apx-report .coach-post-card { background:var(--apx-field); border:1px solid var(--apx-line); border-left:2px solid var(--apx-accent); border-radius:3px; padding:24px; }
#page-coach .apx-report .coach-hashtags { gap:8px; margin-top:20px; }
#page-coach .apx-report .coach-hash { color:var(--apx-creative); background:none; border:0; border-radius:0; padding:0; font:500 12px/1.6 var(--font-m); overflow-wrap:anywhere; }
#page-coach .apx-report .coach-meta-row { gap:20px; margin-top:24px; padding-top:20px; border-top:1px solid var(--apx-line); }
#page-coach .apx-report .coach-meta { color:var(--apx-muted); font-size:13px; line-height:1.8; }
#page-coach .apx-report .coach-meta b { color:var(--apx-metal); font:500 10px/1.8 var(--font-m); letter-spacing:.08em; opacity:1; margin-bottom:8px; }
#page-coach .apx-report .coach-conf { margin-left:0; font-size:9px; line-height:1.6; border-radius:3px; }
#page-coach .apx-report .coach-monet-bar { height:4px; border-radius:2px; margin:4px 0; background:var(--apx-line); }
#page-coach .apx-report .coach-viral-fill { background:var(--apx-accent); border-radius:2px; }
#page-coach .apx-report .coach-viral-note { font-size:12px; line-height:1.6; color:var(--apx-muted); }
#page-coach .apx-report .coach-comeback { padding:32px 40px; border:0; border-radius:0; color:var(--apx-creative); background:var(--apx-field); text-align:left; font-size:15px; line-height:1.8; }
#page-coach .apx-report #coach-qa { padding:0 40px 32px; margin:0; background:var(--apx-field); }
#page-coach .apx-report #coach-qa:empty { display:none; }
#page-coach .apx-report .coach-qa-q,#page-coach .apx-report .coach-qa-a { border-radius:4px; font-size:14px; line-height:1.8; border-color:var(--apx-line); color:var(--apx-ink); background:var(--apx-surface); }
#page-coach .apx-report .coach-qa-a { border-left:2px solid var(--apx-accent); }
@keyframes apx-report-reveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:700px) {
  #loading-overlay { padding:24px 20px; }
  #loading-overlay .apex-text-stage { grid-template-columns:minmax(0,1fr) 96px; min-height:120px; gap:12px; }
  #loading-overlay .apx-boot-aperture { width:96px; }
  #loading-overlay :is(.apex-txt-letter,.apex-txt-dot) { font-size:clamp(26px,7.5vw,46px); }
  #loading-overlay .apex-text-sub { font-size:8px; letter-spacing:.12em; }
  #loading-overlay #loading-steps { padding:0 16px; }
  #loading-overlay .loading-step { padding-left:28px; }
  #loading-overlay .loading-step-text { font-size:11px; }
  #page-coach .apx-report .coach-auteur-hero { padding:28px 24px; }
  #page-coach .apx-report .coach-auteur-hero > :not(.apx-coach-seal) { position:relative; z-index:1; }
  #page-coach .apx-coach-seal { right:-28px; top:32px; width:140px; opacity:.2; }
  #page-coach .apx-report .apx-report-card { grid-template-columns:24px minmax(0,1fr); gap:12px; padding:24px 20px 28px; }
  #page-coach .apx-report .coach-sec-title { font-size:18px; }
  #page-coach .apx-report .coach-body,#page-coach .apx-report .coach-list li { font-size:14px; }
  #page-coach .apx-report .coach-post-card { padding:16px; }
  #page-coach .apx-report .coach-comeback { padding:24px 20px; font-size:14px; }
  #page-coach .apx-report #coach-qa { padding:0 20px 24px; }
  #page-coach .apx-report > div:not([class]):first-child { padding:16px 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .apx-aperture :is(.apx-optic-blades,.apx-optic-core,.apx-optic-calibration,.apx-optic-sweep),#loading-overlay *,#loading-overlay *::before,#loading-overlay *::after,#page-coach .apx-report-card { animation:none !important; transition:none !important; }
  #loading-overlay .apex-txt-letter,#loading-overlay .apex-txt-dot,#page-coach .apx-report-card { opacity:1; transform:none; }
}