/* Final 02 · Player Studio (identity view). Loads LAST; wins on specificity (html body.x #id#id.class) and !important.
   Palette: court blue #043cff · rotor yellow #ffcf00 (the one primary) · UI lime #c7fc68 (pressable / focus only) ·
   silver #e9eef2 · black. Glass is the real transmissive pane stadium26-pip-glass draws behind .rotor-emblem-panel /
   .f1-glass; the DOM only adds chrome rims and inset highlights. No blur. Motion: 900 ms, cubic-bezier(.22,.61,.36,1).
   Layout variables (--f2-*) are measured by final02-identity.js from the real neighbours; the values here are fallbacks. */
:root{--f2-ease:cubic-bezier(.22,.61,.36,1);--f2-silver:#e9eef2;--f2-lime:#c7fc68;--f2-yellow:#ffcf00;--f2-pad:22px;--f2-gap:22px}
@keyframes f2-rise{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}

/* ---------- Title · left ---------- */
html body .f2-identity-title{display:none}
html body.f2-identity-studio .f2-identity-title{display:block;position:fixed;left:var(--f2-title-left,22px);top:var(--f2-title-top,88px);width:var(--f2-title-width,min(460px,36vw));z-index:120;margin:0;pointer-events:none;color:var(--f2-silver);text-shadow:0 2px 18px #000c,0 1px 2px #000;animation:f2-rise 900ms var(--f2-ease) both}
html body.f2-identity-studio:is(.rotor-access-panel-open,.club-center-open,.searching,.three-hero-opening,.camera-traveling) .f2-identity-title{display:none!important}
html body.f2-identity-studio .f2-identity-title .f2-eyebrow{margin:0 0 10px;font:800 11px/1 Inter,Arial,sans-serif;letter-spacing:.22em;color:#e9eef2b3}
html body.f2-identity-studio .f2-identity-title h1{margin:0;font:800 clamp(38px,4.6vw,68px)/.92 'Barlow Condensed',Inter,Arial,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:var(--f2-silver)}
html body.f2-identity-studio .f2-identity-title h1 em{font-style:normal;color:var(--f2-silver)}
html body.f2-identity-studio .f2-identity-title .f2-sub{margin:14px 0 0;max-width:34ch;font:500 14px/1.45 Inter,Arial,sans-serif;color:#e9eef2b8}

/* The studio owns the screen: the poster menu (bottom-left under the music deck) and the duplicate caption line step out. */
html body.f2-identity-studio #mainMenu#mainMenu#mainMenu{display:none!important}
html body.f2-identity-studio .rotor-emblem-caption span{display:none!important}
html body.f2-identity-studio .rotor-emblem-caption strong{font:800 12px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase}
html body.f2-identity-studio .rotor-emblem-launch{left:50%!important;right:auto!important;transform:translateX(-50%)!important;font:800 11px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.14em}

/* ---------- Editor · glass panel docked right ---------- */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio{
  position:fixed!important;left:auto!important;right:var(--f2-gap)!important;
  top:var(--f2-panel-top,232px)!important;bottom:var(--f2-panel-bottom,26px)!important;
  width:var(--f2-panel-width,350px)!important;max-width:calc(100vw - 2 * var(--f2-gap))!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:var(--f2-pad)!important;box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain;
  border:1px solid #e9eef259!important;border-radius:26px!important;
  background:linear-gradient(165deg,#ffffff0f 0%,#0000004a 26%,#00000075 100%)!important;
  box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #e9eef226,inset 1px 0 0 #e9eef22b,inset -1px 0 0 #e9eef21a,0 24px 48px #0007!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  color:var(--f2-silver)!important;text-shadow:0 1px 2px #000a;font:13px/1.45 Inter,Arial,sans-serif!important;
  scrollbar-width:thin;scrollbar-color:#e9eef266 transparent;scrollbar-gutter:stable;
  z-index:182!important;transform:none!important;visibility:visible!important;
  animation:f2-rise 900ms var(--f2-ease) both;
}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio[hidden]{display:none!important}
html body.f2-identity-studio.club-center-open #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio{visibility:hidden!important;pointer-events:none}

/* Head */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 4px}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-eyebrow{margin:0 0 8px;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.24em;color:#e9eef2a6!important;text-shadow:none}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-head h2{margin:0;font:800 30px/.95 'Barlow Condensed',Inter,Arial,sans-serif!important;letter-spacing:0;text-transform:uppercase}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-head button{flex:none;min-height:36px!important;padding:8px 12px!important;font-size:10px!important;letter-spacing:.16em}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-help{margin:10px 0 18px!important;max-width:none;font:500 12px/1.5 Inter,Arial,sans-serif;color:#e9eef2a6!important}

/* Sections: NAME · SHAPE · MATERIAL · MOTION · COLOUR */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-fields{display:grid!important;gap:18px!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-section{display:grid;gap:10px}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-section-label{display:flex;align-items:center;gap:10px;margin:0;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.24em;color:#e9eef2a6;text-shadow:none}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-section-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#e9eef24d,#e9eef200)}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-field{display:grid!important;grid-template-columns:minmax(64px,.8fr) minmax(140px,1.25fr)!important;align-items:center;gap:6px 10px!important;margin:0}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-field > span{font:700 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#e9eef2d9!important;text-shadow:none}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-field output{grid-column:2;margin:-2px 0 0!important;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.08em;color:#e9eef299!important;text-shadow:none}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-section[data-f2-section=colour]{grid-template-columns:1fr 1fr;gap:10px 12px}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-section[data-f2-section=colour] .f2-section-label{grid-column:1/-1}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-section[data-f2-section=colour] .rotor-emblem-field{grid-template-columns:1fr!important;gap:6px!important}

/* Inputs: chrome rims, inset highlights. Selects and buttons that the UI-3D painter picks up keep their beveled pane
   (the painter already clears their own background); the chrome CSS below is the fallback for everything it does not paint. */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-field :is(input,select){width:100%!important;min-height:40px!important;max-width:none!important;box-sizing:border-box!important;margin:0}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=text]{padding:8px 12px!important;border:1px solid #e9eef259!important;border-radius:11px!important;background:#00000052!important;color:var(--f2-silver)!important;font:600 14px/1.2 Inter,Arial,sans-serif!important;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0008!important;text-shadow:none}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio select{appearance:none;-webkit-appearance:none;padding:8px 34px 8px 12px!important;border-radius:11px!important;font:600 12px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.04em;color:var(--f2-silver)!important;cursor:pointer}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio select:not([data-rotor-ui-3d]){border:1px solid #e9eef259!important;background:#00000052 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23e9eef2' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 12px center/12px 8px!important;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0008!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio select option{background:#07090a;color:#e9eef2}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=range]{appearance:none;-webkit-appearance:none;height:40px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;accent-color:var(--f2-lime)!important;cursor:pointer}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(90deg,#e9eef2d9,#e9eef24d);box-shadow:0 1px 0 #0009}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7.5px;border-radius:50%;border:1px solid #f4ffe6;background:radial-gradient(circle at 35% 30%,#ffffff,#c7fc68 42%,#7fa934 100%);box-shadow:0 1px 3px #000b,inset 0 -2px 2px #0005}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:linear-gradient(90deg,#e9eef2d9,#e9eef24d)}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:1px solid #f4ffe6;background:radial-gradient(circle at 35% 30%,#ffffff,#c7fc68 42%,#7fa934 100%);box-shadow:0 1px 3px #000b}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=range]:disabled{opacity:.38!important;cursor:default}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=color]{appearance:none;-webkit-appearance:none;height:44px!important;padding:3px!important;border:1px solid #e9eef259!important;border-radius:12px!important;background:#00000052!important;box-shadow:inset 0 1px 0 #ffffff33,inset 0 -1px 0 #0008!important;cursor:pointer}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=color]::-webkit-color-swatch-wrapper{padding:0}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=color]::-webkit-color-swatch{border:0;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff59,inset 0 -2px 3px #0006}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio input[type=color]::-moz-color-swatch{border:0;border-radius:9px}

/* Buttons */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio button{min-height:44px!important;padding:10px 14px!important;border-radius:12px!important;font:800 11px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background 220ms var(--f2-ease),border-color 220ms var(--f2-ease),color 220ms var(--f2-ease)}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio button:not([data-rotor-ui-3d]){border:1px solid #e9eef259!important;background:linear-gradient(180deg,#ffffff1a,#ffffff05 40%,#0000 60%),#0b0e0cd9!important;color:var(--f2-silver)!important;box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -1px 0 #0009,0 6px 14px #0006!important;transform:none!important;text-shadow:0 1px 2px #000a}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio button:not([data-rotor-ui-3d])::before,html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio button:not([data-rotor-ui-3d])::after{content:none!important;display:none!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio button:not([data-rotor-ui-3d]):hover{border-color:#e9eef2a6!important;background:linear-gradient(180deg,#ffffff26,#ffffff08 40%,#0000 60%),#131816d9!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio button:not([data-rotor-ui-3d]):disabled{opacity:.45!important;cursor:default}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-save:not([data-rotor-ui-3d]){border-color:#ffe680!important;background:linear-gradient(180deg,#fff3b0,#ffcf00 55%,#e0b400)!important;color:#0b0a03!important;text-shadow:none!important;box-shadow:inset 0 1px 0 #ffffffd0,inset 0 -2px 0 #9a7c00,0 8px 22px #ffcf0033!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-save:not([data-rotor-ui-3d]):hover{background:linear-gradient(180deg,#fff8c8,#ffd81f 55%,#e6ba00)!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-save:not([data-rotor-ui-3d]):disabled{background:linear-gradient(180deg,#5e5a3f,#4a4426)!important;color:#e9eef2!important;border-color:#e9eef233!important;box-shadow:none!important}

/* Footer: status + actions. WEAR is the one primary action; it stays in reach while the sections scroll. */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-footer{position:sticky;bottom:calc(-1 * var(--f2-pad));z-index:3;margin:14px calc(-1 * var(--f2-pad)) calc(-1 * var(--f2-pad));padding:12px var(--f2-pad) var(--f2-pad);background:linear-gradient(#0709080d,#070908e6 28%,#070908f5);border-radius:0 0 26px 26px}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-actions .rotor-emblem-save{grid-column:1/-1!important;order:-1;min-height:50px!important;font-size:12px!important;letter-spacing:.16em}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-actions button:last-child{grid-column:auto!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-status{margin:0 0 10px!important;min-height:0!important;font:500 11px/1.45 Inter,Arial,sans-serif;color:#e9eef2a6!important;text-shadow:none}

/* Trophy case */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-case-head{display:flex;align-items:center;gap:10px;margin:20px 0 10px!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-case-head h3{margin:0;font:800 10px/1 Inter,Arial,sans-serif!important;letter-spacing:.24em;text-transform:uppercase;color:#e9eef2a6!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-case-head::after{content:'';flex:1;order:1;height:1px;background:linear-gradient(90deg,#e9eef24d,#e9eef200)}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-case-head span{order:2;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.1em;color:#e9eef299!important;text-shadow:none}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-saved{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-saved button{min-height:44px!important;text-align:left!important;text-transform:none;letter-spacing:.06em;font-weight:700!important;font-size:12px!important;border-left:3px solid var(--emblem-accent,#c7fc68)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-empty{grid-column:1/-1;margin:0;font:500 12px/1.45 Inter,Arial,sans-serif;color:#e9eef299!important}

/* Focus: lime ring, kept on every control. */
html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio :focus-visible{outline:2px solid var(--f2-lime)!important;outline-offset:3px!important}

/* ---------- Small laptop ≤ 900 ---------- */
@media (max-width:900px){
  html body.f2-identity-studio .f2-identity-title .f2-sub{display:none}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio{--f2-pad:18px}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-field{grid-template-columns:minmax(58px,.7fr) minmax(130px,1.3fr)!important}
}

/* ---------- Tablet portrait / phone ≤ 760: bottom sheet ---------- */
@media (max-width:760px){
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio{--f2-pad:16px;left:10px!important;right:10px!important;top:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:var(--f2-sheet-max,46dvh)!important;border-radius:22px!important}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-head{position:sticky;top:calc(-1 * var(--f2-pad));z-index:3;margin:calc(-1 * var(--f2-pad)) calc(-1 * var(--f2-pad)) 0;padding:var(--f2-pad) var(--f2-pad) 10px;background:linear-gradient(#070908f5,#070908e0 70%,#0709080d);border-radius:22px 22px 0 0}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-head h2{font-size:24px!important}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-help{display:none}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-fields{gap:14px!important}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-footer{padding-top:10px;border-radius:0 0 22px 22px}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-actions{gap:6px!important}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-actions .rotor-emblem-save{min-height:46px!important}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-actions button:not(.rotor-emblem-save){min-height:38px!important;padding:6px 10px!important;font-size:10px!important}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .rotor-emblem-status{margin:0 0 8px!important;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* The sheet needs the whole lower screen: the moments rail and the floating name step aside while editing; CLOSE brings them back. */
  html body.f2-identity-studio.emblem-editor-open .cm-view-rail{display:none!important}
  html body.f2-identity-studio.emblem-editor-open .rotor-emblem-caption{display:none!important}
  html body.f2-identity-studio .rotor-emblem-launch{bottom:calc(var(--f2-rail-h,0px) + 24px)!important;top:auto!important}
  html body.f2-identity-studio .f2-identity-title{left:var(--f2-title-left,16px);width:var(--f2-title-width,calc(100vw - 32px))}
  html body.f2-identity-studio .f2-identity-title h1{font-size:clamp(30px,8.6vw,44px)}
  html body.f2-identity-studio .f2-identity-title .f2-eyebrow{margin-bottom:6px;font-size:10px}
}
@media (max-width:480px){
  html body.f2-identity-studio .f2-identity-title h1{font-size:30px}
}

/* ---------- Motion + contrast ---------- */
@media (prefers-reduced-motion:reduce){
  html body.f2-identity-studio .f2-identity-title,html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio{animation:none}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio button{transition:none}
}
@media (forced-colors:active){
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}
  html body.f2-identity-studio #rotor25EmblemPanel#rotor25EmblemPanel.f2-studio .f2-footer{background:Canvas}
  html body.f2-identity-studio .f2-identity-title{color:CanvasText;text-shadow:none}
}
/* The studio title starts below the 64 px music bubble lane (18..82) whatever the measured top band says. */
html body.f2-identity-studio #final02IdentityTitle{top:max(var(--f2-title-top,16px),98px)!important}