/* These screens own their typography and layout. Legacy styles are disabled here. */
body.prelight-page { margin:0; background:#20263f; color:#f8f4ed; }
body.prelight-page > .shell > header { display:none; }
body.prelight-page #main { display:block; }
.prelight-landing, .prelight-studio { --pl-bg:#20263f; --pl-line:#f8f4ed20; --pl-muted:#b8bfd0; --pl-accent:#d57455; font:14px/1.5 "IBM Plex Sans",system-ui,sans-serif; color:#f8f4ed; background:var(--pl-bg); letter-spacing:-.015em; }
:is(.prelight-landing,.prelight-studio) * { box-sizing:border-box; }
:is(.prelight-landing,.prelight-studio) :is(h1,h2,h3,p) { margin:0; font-family:inherit; }
:is(.prelight-landing,.prelight-studio) :is(button,input,select) { font:inherit; color:inherit; letter-spacing:inherit; }
:is(.prelight-landing,.prelight-studio) button { cursor:pointer; }
:is(.prelight-landing,.prelight-studio) a { color:inherit; text-decoration:none; }
:is(.prelight-landing,.prelight-studio) :focus-visible { outline:2px solid #e2957d; outline-offset:4px; }
:is(.prelight-landing,.prelight-studio) .pl-brand { display:flex; align-items:center; gap:10px; font-size:19px; font-weight:600; letter-spacing:-.045em; flex-shrink:0; }
:is(.prelight-landing,.prelight-studio) .pl-brand img { width:28px; height:28px; }
:is(.prelight-landing,.prelight-studio) .pl-btn { display:inline-flex; justify-content:center; align-items:center; gap:18px; border:1px solid #ffffff16; border-radius:7px; background:#ffffff04; padding:9px 15px; font-size:12px; font-weight:500; white-space:nowrap; transition:background .15s,border-color .15s; }
:is(.prelight-landing,.prelight-studio) .pl-btn:hover { background:#ffffff0b; border-color:#ffffff30; }
:is(.prelight-landing,.prelight-studio) .pl-primary { background:var(--pl-accent); border-color:var(--pl-accent); color:#161312; }
:is(.prelight-landing,.prelight-studio) .pl-primary:hover { background:#df896d; border-color:#df896d; }
:is(.prelight-landing,.prelight-studio) .pl-btn:disabled { opacity:.35; cursor:default; }
:is(.prelight-landing,.prelight-studio) .pl-text-btn { padding:8px; border:0; background:none; color:#aaaab1; font-size:13px; }
:is(.prelight-landing,.prelight-studio) .pl-text-btn:hover { color:#fff; }
:is(.prelight-landing,.prelight-studio) input { min-width:0; border:1px solid #ffffff1c; border-radius:7px; background:#272e49; padding:13px 15px; outline-offset:2px; }
:is(.prelight-landing,.prelight-studio) input::placeholder { color:#777981; }
.prelight-landing { min-height:100svh; display:flex; flex-direction:column; }
.prelight-landing .pl-landing-nav { display:flex; align-items:center; justify-content:space-between; padding:30px 48px; }
.prelight-landing .pl-nav-note { color:#aab2c5; font-size:12px; }
.prelight-landing .pl-landing-content { width:min(860px,100%); margin:auto; padding:42px 24px 85px; text-align:center; }
.prelight-landing .pl-hero-mark { width:116px; height:116px; margin-bottom:33px; }
.prelight-landing h1 { font-size:clamp(42px,5.4vw,76px); font-weight:500; line-height:1.1; letter-spacing:-.065em; }
.prelight-landing .pl-landing-copy { margin:22px 0 49px; font-size:17px; color:#b8bfd0; letter-spacing:-.02em; }
.prelight-landing .pl-practice-form { max-width:560px; margin:0 auto; text-align:left; }
.prelight-landing .pl-practice-form label { display:block; margin:0 0 12px 2px; color:#bfc0c5; font-size:12px; }
.prelight-landing .pl-input-wrap { display:flex; align-items:center; padding:7px; border:1px solid #ffffff20; border-radius:11px; background:#272e49; box-shadow:0 8px 32px #0002; }
.prelight-landing .pl-input-wrap > span { margin:0 8px 0 11px; font-size:23px; color:#aab2c5; }
.prelight-landing .pl-input-wrap input { width:100%; border:0; background:none; padding:10px 6px; font-size:15px; }
.prelight-landing .pl-input-wrap:focus-within { border-color:#d5745580; }
.prelight-landing .pl-input-wrap .pl-btn { min-height:43px; }
.prelight-landing #studioSignIn { margin-top:19px; }
.prelight-landing .pl-landing-footer { display:flex; align-items:center; justify-content:space-between; padding:26px 48px; color:#aab2c5; font-size:12px; }
.prelight-landing .pl-landing-footer a { color:#adaeb4; }
.prelight-landing .pl-landing-footer a span { padding-left:7px; }
.prelight-studio .pl-shell { display:grid; grid-template-columns:204px minmax(0,1fr) 280px; grid-template-rows:72px minmax(calc(100svh - 72px),auto); }
.prelight-studio .pl-topbar { grid-column:1/-1; display:flex; align-items:center; gap:33px; padding:0 25px; border-bottom:1px solid var(--pl-line); }
.prelight-studio .pl-topbar .pl-brand { width:145px; }
.prelight-studio .pl-workspace-title { display:flex; align-items:center; min-width:0; gap:20px; }
.prelight-studio .pl-workspace-title h1 { font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prelight-studio .pl-slash { color:#515258; font-size:20px; font-weight:300; }
.prelight-studio .pl-demo-tag { padding:2px 7px; border:1px solid #d5745540; border-radius:4px; color:#d99781; font-size:10px; }
.prelight-studio .pl-actions { display:flex; gap:8px; align-items:center; }
.prelight-studio .pl-topbar > .pl-actions { margin-left:auto; }
.prelight-studio .pl-is-active { border-color:#d5745550; color:#e0a08b; }
.prelight-studio .pl-rail { display:flex; flex-direction:column; padding:30px 12px 20px; border-right:1px solid var(--pl-line); background:#1b2036; min-width:0; }
.prelight-studio .pl-rail-heading { display:flex; justify-content:space-between; padding:0 13px 19px; color:#aab2c5; }
.prelight-studio .pl-rail-heading h2 { font-size:10px; font-weight:500; letter-spacing:.13em; text-transform:uppercase; }
.prelight-studio .pl-rail-heading > span { font-size:10px; font-variant-numeric:tabular-nums; }
.prelight-studio .pl-takes { display:grid; gap:5px; }
.prelight-studio .pl-take { border:1px solid transparent; background:none; border-radius:7px; padding:13px 12px; text-align:left; display:flex; align-items:center; gap:12px; min-width:0; width:100%; }
.prelight-studio .pl-take:hover { background:#ffffff04; }
.prelight-studio .pl-take.pl-active { border-color:#ffffff08; background:#303752; }
.prelight-studio .pl-take-icon { color:#666971; font-size:23px; line-height:1; }
.prelight-studio .pl-active .pl-take-icon { color:#d57455; }
.prelight-studio .pl-take > span:nth-child(2) { min-width:0; }
.prelight-studio .pl-take strong { display:block; font-size:12px; font-weight:500; overflow-wrap:anywhere; }
.prelight-studio .pl-take small { display:block; margin-top:4px; color:#aeb6c9; font-size:10px; }
.prelight-studio .pl-active-dot { width:4px; height:4px; border-radius:50%; background:#d57455; margin-left:auto; flex-shrink:0; }
.prelight-studio .pl-new { text-align:left; margin:16px 7px; font-size:12px; }
.prelight-studio .pl-rail-footer { margin-top:auto; padding:25px 10px 0; color:#9a9ca4; font-size:10px; }
.prelight-studio .pl-rail-footer p { margin-top:8px; font-size:10px; line-height:1.6; color:#aab2c5; }
.prelight-studio .pl-status-dot { display:inline-block; width:5px; height:5px; border-radius:50%; background:#969991; margin-right:7px; }
.prelight-studio .pl-canvas { min-width:0; padding:38px 36px 24px; display:flex; flex-direction:column; }
.prelight-studio .pl-canvas-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:31px; }
.prelight-studio .pl-eyebrow { font-size:10px; font-weight:500; color:#aab2c5; letter-spacing:.11em; text-transform:uppercase; }
.prelight-studio .pl-heading-dot { color:#484a51; padding:0 9px; }
.prelight-studio .pl-canvas-heading h2 { font-size:27px; font-weight:500; letter-spacing:-.045em; margin-top:12px; overflow-wrap:anywhere; }
.prelight-studio .pl-duration { color:#b6b8bf; font-size:13px; font-variant-numeric:tabular-nums; }
.prelight-studio .pl-duration span { font-size:11px; color:#aab2c5; padding-left:5px; }
.prelight-studio .pl-trace-caption { display:flex; justify-content:space-between; font-size:11px; color:#b8bfd0; padding:0 0 19px; }
.prelight-studio .pl-trace-caption > span:last-child { color:#aab2c5; }
.prelight-studio .pl-timeline { border-top:1px solid #ffffff0b; }
.prelight-studio .pl-track { position:relative; height:148px; border-bottom:1px solid #ffffff0a; background-image:linear-gradient(to right,#ffffff07 1px,transparent 1px); background-size:25% 100%; padding:49px 0 17px; }
.prelight-studio .pl-track:after { content:''; position:absolute; left:0; right:0; top:65%; border-bottom:1px dashed #ffffff08; pointer-events:none; }
.prelight-studio .pl-track-label { position:absolute; top:18px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:#a3a6af; }
.prelight-studio .pl-track-label span { color:#aab2c5; text-transform:none; letter-spacing:0; margin-left:8px; }
.prelight-studio .pl-track svg { display:block; width:100%; height:100%; overflow:visible; }
.prelight-studio .pl-track polyline { fill:none; stroke-width:1.5; vector-effect:non-scaling-stroke; stroke-linejoin:round; stroke-linecap:round; }
.prelight-studio .pl-energy { stroke:#d9876a; }
.prelight-studio .pl-pitch { stroke:#c8d5df; }
.prelight-studio .pl-previous { stroke:#909aaa; opacity:.7; }
.prelight-studio .pl-pause { fill:#aab1c2; opacity:.055; }
.prelight-studio .pl-pause-track { height:100px; padding-top:53px; padding-bottom:21px; }
.prelight-studio .pl-pause-track .pl-pause { opacity:.2; }
.prelight-studio .pl-ticks { display:flex; justify-content:space-between; padding:13px 0; color:#aeb6c9; font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.prelight-studio .pl-legend { display:flex; gap:23px; color:#b8bfd0; font-size:10px; padding:23px 0; }
.prelight-studio .pl-legend > span { display:flex; align-items:center; gap:7px; }
.prelight-studio .pl-legend i { width:12px; height:2px; background:#d9876a; }
.prelight-studio .pl-legend .pl-key-pitch { background:#c8d5df; }
.prelight-studio .pl-legend .pl-key-previous { background:#909aaa; }
.prelight-studio .pl-legend .pl-key-pause { height:7px; width:7px; background:#aab1c233; }
.prelight-studio .pl-canvas-foot { display:flex; justify-content:space-between; margin-top:auto; padding-top:24px; font-size:10px; color:#aab2c5; }
.prelight-studio .pl-inspector { border-left:1px solid var(--pl-line); padding:36px 28px 24px; min-width:0; background:#242a44; overflow-wrap:anywhere; }
.prelight-studio .pl-inspector h2 { font-size:22px; font-weight:500; margin:20px 0 5px; letter-spacing:-.04em; }
.prelight-studio .pl-inspector-range { display:block; font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; color:#aeb6c9; }
.prelight-studio .pl-inspector-range span { padding:0 5px; color:#464951; }
.prelight-studio .pl-metrics { margin:31px 0 0; }
.prelight-studio .pl-metrics > div { padding:16px 0; border-top:1px solid #ffffff09; }
.prelight-studio .pl-metrics dt { font-size:11px; color:#b5bdd0; }
.prelight-studio .pl-metrics dd { margin:5px 0 0; font-size:25px; font-weight:400; font-variant-numeric:tabular-nums; letter-spacing:-.035em; }
.prelight-studio .pl-metrics dd span { font-size:12px; color:#aeb6c9; padding-left:5px; }
.prelight-studio .pl-inspector-note { margin-top:30px; font-size:11px; color:#b8bfd0; line-height:1.8; }
.prelight-studio .pl-muted { color:#757984; }
.prelight-studio .pl-compare-picker { display:flex; flex-direction:column; gap:5px; color:#81858e; font-size:10px; }
.prelight-studio .pl-compare-picker select { border:1px solid #ffffff20; border-radius:5px; background:#303752; padding:7px 24px 7px 10px; font-size:12px; }
.prelight-studio .pl-diff-metrics { display:grid; grid-template-columns:1fr 1fr; gap:22px 30px; padding:23px 0 28px; border-top:1px solid var(--pl-line); border-bottom:1px solid var(--pl-line); }
.prelight-studio .pl-diff-metrics span { display:block; color:#8c919a; font-size:11px; }
.prelight-studio .pl-diff-metrics strong { display:block; margin-top:6px; font-size:19px; font-weight:400; font-variant-numeric:tabular-nums; }
.prelight-studio .pl-diff-metrics i { color:#626774; font-style:normal; padding:0 10px; }
.prelight-studio .pl-alignment-title { display:flex; align-items:center; justify-content:space-between; padding:28px 0 17px; }
.prelight-studio .pl-alignment-title h3 { font-size:12px; font-weight:500; }
.prelight-studio .pl-alignment-title span { font-size:10px; color:#747985; }
.prelight-studio .pl-aligned .pl-track { height:150px; }
.prelight-studio .pl-empty { margin:auto; text-align:center; padding:60px 10px; }
.prelight-studio .pl-empty img { width:60px; height:60px; margin-bottom:30px; }
.prelight-studio .pl-empty h2 { font-size:32px; font-weight:500; margin:13px 0; letter-spacing:-.04em; }
.prelight-studio .pl-empty p { color:#8b8f99; margin-bottom:29px; }
.prelight-studio.pl-onboarding { min-height:100svh; padding:30px 48px; }
.prelight-studio.pl-onboarding form { max-width:440px; margin:18vh auto 0; }
.prelight-studio.pl-onboarding h1 { font-size:34px; line-height:1.2; font-weight:500; letter-spacing:-.05em; margin:15px 0 30px; }
.prelight-studio.pl-onboarding label { display:block; font-size:12px; margin-bottom:10px; color:#a0a3ac; }
.prelight-studio.pl-onboarding input { width:100%; margin-bottom:18px; }
.prelight-studio.pl-onboarding .pl-btn { float:right; }
.prelight-studio .pl-modal, :is(.prelight-landing,.prelight-studio) .rm-auth-backdrop { position:fixed; inset:0; display:grid; place-items:center; z-index:50; background:#0009; backdrop-filter:blur(8px); padding:24px; }
.prelight-studio .pl-dialog, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog { width:min(440px,100%); padding:32px; background:#272e49; border:1px solid #ffffff1c; border-radius:14px; box-shadow:0 30px 100px #0007; }
.prelight-studio .pl-dialog h2, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog h2 { font-size:28px; font-weight:500; letter-spacing:-.04em; margin:12px 0; }
.prelight-studio .pl-dialog p, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog p { font-size:12px; color:#9a9ea9; margin:12px 0 20px; }
.prelight-studio .pl-dialog label, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog label { display:block; font-size:12px; margin:14px 0 8px; color:#adafb7; }
.prelight-studio .pl-dialog input, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog input { width:100%; margin-bottom:16px; }
.prelight-studio .pl-dialog .pl-actions { justify-content:flex-end; }
.prelight-studio .pl-dialog #recordStatus { margin-bottom:0; font-size:11px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog { position:relative; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .rm-auth-close { position:absolute; top:12px; right:15px; border:0; background:none; color:#aaa; font-size:22px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .actions { display:flex; gap:8px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn { border:1px solid #ffffff25; border-radius:6px; background:transparent; padding:10px 12px; font-size:12px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary { background:#d57455; color:#151313; border-color:#d57455; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .err { color:#e79c84; font-size:12px; }
@media (min-width:1600px) { .prelight-studio .pl-shell { grid-template-columns:216px minmax(0,1fr) 300px; } .prelight-studio .pl-canvas { padding-left:48px; padding-right:48px; } }
@media (max-width:1200px) { .prelight-studio .pl-shell { grid-template-columns:190px minmax(0,1fr) 260px; } .prelight-studio .pl-canvas { padding-left:24px; padding-right:24px; } .prelight-studio .pl-topbar { gap:18px; } .prelight-studio .pl-inspector { padding-left:24px; padding-right:24px; } }

@media (max-width:600px) { .prelight-landing .pl-landing-nav { padding:24px; } .prelight-landing .pl-nav-note { display:none; } .prelight-landing .pl-landing-content { padding:36px 23px 55px; } .prelight-landing .pl-hero-mark { width:88px; height:88px; margin-bottom:27px; } .prelight-landing .pl-landing-copy { max-width:285px; margin:20px auto 37px; font-size:15px; line-height:1.7; } .prelight-landing .pl-input-wrap { flex-wrap:wrap; } .prelight-landing .pl-input-wrap input { width:calc(100% - 46px); } .prelight-landing .pl-input-wrap .pl-btn { width:100%; margin-top:7px; } .prelight-landing .pl-landing-footer { padding:24px; font-size:10px; } :is(.prelight-landing,.prelight-studio) .rm-auth-dialog { padding:24px; } }
.prelight-studio .pl-selectable { position:relative; cursor:crosshair; user-select:none; touch-action:none; }
.prelight-studio .pl-selection { position:absolute; top:0; bottom:41px; pointer-events:none; z-index:2; background:#d5745517; border-left:1px solid #d9876a; border-right:1px solid #d9876a; }
.prelight-studio .pl-inspector-range small { display:block; margin-top:7px; color:#d99781; font:10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.prelight-studio .pl-metrics-scope { margin-top:25px; color:#aab2c5; font-size:10px; }
.prelight-studio .pl-metrics { margin-top:10px; }

/* Restore the original Studio palette and editorial typography. */
:is(.prelight-landing,.prelight-studio) .pl-brand,
:is(.prelight-landing,.prelight-studio) :is(h1,h2) {
  font-family:Fraunces,Georgia,serif;
  letter-spacing:-.025em;
}
:is(.prelight-landing,.prelight-studio) .pl-primary { color:#fffaf4; }
:is(.prelight-landing,.prelight-studio) .pl-text-btn { color:#b8bfd0; }
.prelight-studio .pl-workspace-title h1 { font-size:20px; }
.prelight-studio .pl-canvas-heading h2 { font-size:28px; }
.prelight-studio .pl-take { border-radius:4px; border-left:2px solid transparent; }
.prelight-studio .pl-take.pl-active { border-left-color:#d57455; background:#f8f4ed12; }
.prelight-studio .pl-take strong { font-size:14px; }
.prelight-studio .pl-take small { font-size:12px; }
.prelight-studio .pl-timeline { background:#272e49; border:1px solid #f8f4ed24; border-radius:7px; padding:0 20px; }
.prelight-studio .pl-track { border-bottom-color:#f8f4ed14; }
.prelight-studio .pl-track-label { font-size:11px; }
.prelight-studio .pl-pause { fill:#e9b17e; opacity:.1; }
.prelight-studio .pl-pause-track { height:84px; padding-top:45px; padding-bottom:15px; }
.prelight-studio .pl-pause-track .pl-pause { opacity:.4; }
.prelight-studio .pl-legend .pl-key-pause { background:#e9b17e80; }
.prelight-studio .pl-metrics { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #f8f4ed20; }
.prelight-studio .pl-metrics > div { padding:17px 8px 17px 0; border-top:0; border-bottom:1px solid #f8f4ed20; }
.prelight-studio .pl-metrics dt { font-size:12px; }
.prelight-studio .pl-metrics dd { font-size:24px; }
.prelight-studio .pl-inspector-note { font-size:12px; }
.prelight-studio .pl-canvas-foot { margin-top:0; padding-top:12px; flex-wrap:wrap; gap:10px; }
.prelight-studio .pl-selection { border-radius:0; }
.prelight-studio .pl-dialog { border-radius:8px; }
@media (max-width:1000px) {
  .prelight-studio .pl-shell { grid-template-columns:180px minmax(0,1fr); grid-template-rows:72px auto auto; min-height:100svh; }
  .prelight-studio .pl-rail { grid-row:2/4; }
  .prelight-studio .pl-inspector { grid-column:2; border-left:0; border-top:1px solid var(--pl-line); }
  .prelight-studio .pl-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .prelight-studio .pl-inspector h2 { margin-top:10px; }
  .prelight-studio .pl-inspector-note { margin-top:16px; }
  .prelight-studio .pl-topbar .pl-brand { width:auto; }
}
@media (max-width:680px) {
  .prelight-studio .pl-shell { display:flex; flex-direction:column; min-height:100svh; }
  .prelight-studio .pl-topbar { flex-wrap:wrap; padding:18px 20px; gap:16px; }
  .prelight-studio .pl-workspace-title { flex:1; gap:12px; }
  .prelight-studio .pl-workspace-title h1 { font-size:17px; }
  .prelight-studio .pl-topbar > .pl-actions { width:100%; margin:0; }
  .prelight-studio .pl-topbar > .pl-actions .pl-btn { flex:1; min-height:42px; }
  .prelight-studio .pl-rail { padding:18px 16px 12px; border-right:0; border-bottom:1px solid var(--pl-line); }
  .prelight-studio .pl-rail-heading { padding:0 4px 12px; }
  .prelight-studio .pl-takes { display:flex; overflow-x:auto; gap:6px; }
  .prelight-studio .pl-take { flex:0 0 138px; padding:10px; }
  .prelight-studio .pl-rail-footer,.prelight-studio .pl-new { display:none; }
  .prelight-studio .pl-canvas { padding:26px 20px; }
  .prelight-studio .pl-canvas-heading { align-items:flex-start; margin-bottom:22px; }
  .prelight-studio .pl-canvas-heading h2 { font-size:26px; }
  .prelight-studio .pl-duration { padding-top:34px; white-space:nowrap; }
  .prelight-studio .pl-trace-caption { flex-wrap:wrap; gap:8px; font-size:12px; }
  .prelight-studio .pl-timeline { padding:0 12px; }
  .prelight-studio .pl-track { height:126px; }
  .prelight-studio .pl-pause-track { height:78px; }
  .prelight-studio .pl-inspector { padding:24px 20px; }
  .prelight-studio .pl-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .prelight-studio .pl-legend { gap:18px; padding:17px 0; }
  .prelight-studio .pl-dialog { padding:24px; }
  .prelight-studio .pl-empty { padding:36px 0; }
  .prelight-studio .pl-empty h2 { font-size:28px; }
  .prelight-studio.pl-onboarding { padding:24px; }
  .prelight-studio .pl-alignment-title { gap:12px; }
}

/* Keep the trace central; reveal supporting measurements on request. */
.prelight-studio .pl-shell.pl-simple { grid-template-columns:190px minmax(0,1fr); }
.prelight-studio .pl-simple .pl-canvas { width:100%; max-width:1200px; margin:0 auto; }
.prelight-studio .pl-simple .pl-rail { grid-row:2; }
.prelight-studio .pl-simple .pl-rail-heading h2 { font-family:"IBM Plex Sans",sans-serif; }
.prelight-studio .pl-simple .pl-take { padding:12px; }
.prelight-studio .pl-simple .pl-take small { color:#aeb6c9; font-size:11px; }
.prelight-studio .pl-simple .pl-canvas-heading { margin-bottom:24px; }
.prelight-studio .pl-headline-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:30px 0; }
.prelight-studio .pl-headline-metrics dt { color:#b8bfd0; font-size:12px; }
.prelight-studio .pl-headline-metrics dd { margin:6px 0 0; font-size:25px; font-variant-numeric:tabular-nums; }
.prelight-studio .pl-headline-metrics dd span { font-size:12px; margin-left:4px; color:#aeb6c9; }
.prelight-studio .pl-details { border-top:1px solid var(--pl-line); padding-top:16px; }
.prelight-studio .pl-details summary { cursor:pointer; color:#b8bfd0; font-size:12px; width:fit-content; }
.prelight-studio .pl-details .pl-inspector { border:0; background:none; padding:0; }
.prelight-studio .pl-details .pl-metrics { max-width:440px; border:0; }
.prelight-studio .pl-details .pl-metrics > div { border:0; }
.prelight-studio .pl-details .pl-inspector-note { margin-top:0; }
.prelight-studio .pl-simple .pl-inspector-range { font-size:11px; }
.prelight-studio .pl-simple .pl-inspector-range small { display:inline; margin-left:10px; }
.prelight-studio .pl-demo-note { color:#aeb6c9; font-size:11px; margin-top:24px; }
.prelight-studio .pl-shell.pl-first-use { grid-template-columns:1fr; }
.prelight-studio .pl-first-use .pl-canvas { min-height:calc(100svh - 72px); }
.prelight-studio .pl-first-use .pl-empty p { max-width:360px; margin:16px auto 28px; }
@media (max-width:680px) {
  .prelight-studio .pl-simple .pl-new { display:block; margin:8px 0 0; padding:8px 4px; }
  .prelight-studio .pl-simple .pl-headline-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .prelight-studio .pl-simple .pl-topbar > .pl-actions { flex-wrap:wrap; }
  .prelight-studio .pl-simple .pl-topbar > .pl-actions .pl-btn { gap:8px; padding:10px; }
  .prelight-studio .pl-simple .pl-canvas-heading { flex-wrap:wrap; }
  .prelight-studio .pl-first-use .pl-empty h2 { font-size:27px; }
}

/* Shared original controls across Studio, landing and account forms. */
:is(.prelight-studio,.prelight-landing) .pl-btn,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn {
  border:1px solid rgba(248,244,237,.22);
  border-radius:5px;
  background:transparent;
  color:#f8f4ed;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
  transition:transform .15s;
}
:is(.prelight-studio,.prelight-landing) .pl-btn:hover,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn:hover {
  background:transparent;
  border-color:rgba(248,244,237,.22);
  transform:translateY(-1px);
}
:is(.prelight-studio,.prelight-landing) .pl-btn.pl-primary,
:is(.prelight-studio,.prelight-landing) .pl-btn.pl-primary:hover,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary:hover {
  background:#d57455;
  border-color:#d57455;
  color:#fffaf4;
}
.prelight-studio .pl-simple .pl-new {
  margin:8px 0 0;
  width:100%;
  padding:11px 10px;
  border:1px solid rgba(233,177,126,.75);
  border-radius:5px;
  background:transparent;
  color:#f0c28f;
  font-weight:600;
  text-align:center;
}
.prelight-studio .pl-simple .pl-new:hover { background:#d57455; color:#fffaf4; }
@media (max-width:680px) {
  .prelight-studio .pl-simple .pl-topbar > .pl-actions .pl-btn { font-size:12px; }
  .prelight-studio .pl-simple .pl-new { width:auto; align-self:flex-start; }
}

/* Auth labels wrap their fields, so spacing belongs inside each label. */
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog label { margin:18px 0 0; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .input-wrap { margin-top:10px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog input { display:block; margin-bottom:0; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog input:focus {
  outline:none;
  border-color:#c8d5df;
  box-shadow:0 0 0 1px #c8d5df;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .actions { margin-top:24px; }

/* One focus boundary and explicit columns keep the field clear of its CTA. */
.prelight-landing .pl-input-wrap {
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  gap:10px;
  border-radius:5px;
  box-shadow:none;
}
.prelight-landing .pl-input-wrap > span { margin:0; text-align:center; }
.prelight-landing .pl-input-wrap input { width:100%; }
.prelight-landing .pl-input-wrap input:focus { outline:none; box-shadow:none; }
.prelight-landing .pl-input-wrap:focus-within { border-color:#c8d5df; }
:is(.prelight-landing,.prelight-studio) :focus-visible { outline-color:#c8d5df; }
.prelight-landing .pl-input-wrap .pl-btn { margin:0; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog { max-height:calc(100dvh - 48px); overflow-y:auto; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .actions { flex-wrap:wrap; gap:10px; }
.prelight-studio .pl-dialog { max-height:calc(100dvh - 48px); overflow-y:auto; }
.prelight-studio .pl-dialog .pl-actions { flex-wrap:wrap; }
@media (max-width:600px) {
  .prelight-landing .pl-input-wrap { grid-template-columns:24px minmax(0,1fr); }
  .prelight-landing .pl-input-wrap .pl-btn { grid-column:1/-1; width:100%; }
}

/* The character carries the personality; workspace controls stay quiet. */
:is(.prelight-landing,.prelight-studio) .pl-brand img { width:36px; height:36px; object-fit:contain; }
.prelight-landing .pl-hero-mark { width:144px; height:144px; object-fit:contain; margin-bottom:28px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .pl-character { display:block; width:72px; height:72px; object-fit:contain; margin-bottom:16px; }
.prelight-studio .pl-empty .pl-character { width:88px; height:88px; object-fit:contain; margin-bottom:20px; }
@media (max-width:600px) {
  .prelight-landing .pl-hero-mark { width:112px; height:112px; margin-bottom:24px; }
}

/* Character-led introduction, with a quiet navy workspace underneath. */
.prelight-landing.pl-guided-landing { background:radial-gradient(ellipse at 50% 20%,#303853 0%,#20263f 65%); }
.pl-guided-landing .pl-landing-content { max-width:680px; padding:30px 24px 60px; }
.pl-guided-landing .pl-mascot-greeting { position:relative; width:144px; margin:32px auto 24px; }
.pl-guided-landing .pl-mascot-greeting > span { position:absolute; bottom:calc(100% + 10px); left:72px; width:max-content; background:#f8f4ed; color:#20263f; padding:12px 18px; border-radius:18px; font-size:14px; }
.pl-guided-landing .pl-mascot-greeting > span:after { content:''; position:absolute; bottom:-7px; left:22px; border-top:8px solid #f8f4ed; border-left:8px solid transparent; border-right:8px solid transparent; }
.pl-guided-landing .pl-hero-mark { display:block; margin:0; }
.prelight-landing.pl-guided-landing h1 { font-family:"IBM Plex Sans",sans-serif; font-size:clamp(38px,4.5vw,62px); font-weight:600; letter-spacing:-.045em; line-height:1.12; }
.pl-guided-landing h1 em { font-weight:400; }
.pl-guided-landing .pl-landing-copy { font-size:16px; line-height:1.65; margin:22px 0 30px; }
.pl-guided-landing .pl-start-tutorial { min-width:260px; min-height:54px; }
.prelight-landing.pl-guided-landing .pl-primary { border-radius:12px; background:#f8f4ed; color:#20263f; border-color:#f8f4ed; font-size:15px; box-shadow:0 8px 24px #10142630; }
.prelight-landing.pl-guided-landing .pl-primary:hover { background:#fffdfa; border-color:#fffdfa; color:#20263f; }
.pl-guided-landing .pl-signin-line { margin-top:30px; color:#aeb6c9; font-size:13px; }
.pl-guided-landing .pl-signin-line button { margin:0; padding:0; background:none; border:0; color:#f8f4ed; text-decoration:underline; text-underline-offset:4px; }
.pl-guided-landing .pl-intro-backdrop { position:fixed; inset:0; z-index:45; display:grid; place-items:center; padding:24px; background:#080b1973; }
.pl-guided-landing .pl-intro-dialog { position:relative; width:min(590px,100%); max-height:calc(100dvh - 48px); overflow-y:auto; padding:34px 42px 38px; border:1px solid #ffffff9c; border-radius:26px; background:#f8f4ed; color:#20263f; box-shadow:0 28px 80px #080b1970; text-align:center; }
.pl-guided-landing .pl-intro-dialog > img { display:block; width:124px; height:124px; object-fit:contain; margin:0 auto 12px; filter:drop-shadow(0 9px 18px #080b1929); }
.pl-guided-landing .pl-intro-kicker { margin-bottom:9px; color:#858b9b; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.pl-guided-landing .pl-intro-dialog h2 { font:600 30px/1.25 "IBM Plex Sans",sans-serif; letter-spacing:-.035em; margin:0 0 14px; }
.pl-guided-landing .pl-intro-dialog p { max-width:430px; color:#596074; font-size:15px; line-height:1.65; margin:0 auto 28px; }
.pl-guided-landing .pl-intro-dialog .pl-btn { min-width:176px; min-height:48px; background:#20263f; border-color:#20263f; color:#f8f4ed; }
.pl-guided-landing .pl-intro-dialog .pl-btn:hover { background:#2b3352; border-color:#2b3352; color:#fff; }
.pl-guided-landing .pl-intro-close { position:absolute; top:16px; right:16px; width:36px; height:36px; border:0; border-radius:10px; background:#20263f0d; color:#7b8191; font-size:24px; }
.pl-guided-landing .pl-intro-close:hover { background:#20263f18; color:#20263f; }
.pl-guided-landing #practiceType { width:100%; padding:15px; text-align:center; font-size:16px; background:#20263f; border-radius:12px; }
.pl-guided-landing .pl-practice-choices { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin:16px 0 26px; }
.pl-guided-landing .pl-practice-choices button { border:1px solid #ffffff26; background:#ffffff08; border-radius:24px; padding:9px 13px; font-size:12px; }
.pl-guided-landing .pl-practice-choices button:hover { background:#ffffff15; }
.pl-guided-landing .pl-intro-back { display:block; margin:18px auto 0; padding:6px; border:0; background:none; color:#b8bfd0; font-size:13px; }
.pl-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.prelight-studio .pl-guide { display:flex; align-items:flex-start; gap:20px; width:min(660px,100%); margin:0 auto 30px; }
.prelight-studio .pl-guide > img { object-fit:contain; flex-shrink:0; margin-top:10px; }
.prelight-studio .pl-guide-body { flex:1; min-width:0; padding:22px 24px; background:#303952; border:1px solid #ffffff1c; border-radius:18px; }
.prelight-studio .pl-guide-meta { display:flex; align-items:center; gap:12px; font-weight:600; font-size:13px; }
.prelight-studio .pl-guide-meta span { color:#aeb6c9; font-size:11px; font-weight:400; }
.prelight-studio .pl-guide h2 { font:500 20px/1.3 "IBM Plex Sans",sans-serif; margin:12px 0 8px; }
.prelight-studio .pl-guide p { color:#c0c7d7; font-size:14px; line-height:1.6; margin-bottom:18px; }
.prelight-studio .pl-first-use .pl-guide { margin:auto; }
.prelight-studio .pl-first-use .pl-guide + .pl-empty { display:none; }
@media (max-width:600px) {
  .pl-guided-landing .pl-mascot-greeting { width:112px; margin-top:46px; }
  .pl-guided-landing .pl-mascot-greeting > span { left:40px; font-size:12px; }
  .pl-guided-landing .pl-intro-dialog { padding:36px 20px 24px; }
  .pl-guided-landing .pl-intro-dialog h2 { font-size:23px; }
  .pl-guided-landing .pl-landing-footer { gap:16px; flex-wrap:wrap; }
  .prelight-studio .pl-guide { gap:10px; }
  .prelight-studio .pl-guide > img { width:44px; height:44px; }
  .prelight-studio .pl-guide-body { padding:18px; }
}

.pl-guided-landing #practiceType:focus { outline:none; border-color:#c8d5df; box-shadow:0 0 0 1px #c8d5df; }
.prelight-studio .pl-guide .pl-btn.pl-primary { background:#f8f4ed; border-color:#f8f4ed; color:#20263f; border-radius:12px; }
.prelight-studio .pl-guide .pl-btn.pl-primary:hover { background:#fffdfa; border-color:#fffdfa; }

/* Keep supporting copy centered at every breakpoint. */
.prelight-landing.pl-guided-landing .pl-landing-copy { width:100%; max-width:520px; margin:22px auto 30px; text-align:center; }
.prelight-studio .pl-track-label { left:16px; }
.prelight-studio .pl-tutorial-start .pl-canvas { max-width:none; background-image:radial-gradient(#c8d5df18 1px,transparent 1px); background-size:28px 28px; }
.prelight-studio .pl-tutorial-start .pl-guide { width:min(640px,100%); }
.prelight-studio .pl-tutorial-start .pl-guide-body { position:relative; }
.prelight-studio .pl-tutorial-start .pl-guide-body:before { content:''; position:absolute; left:-9px; top:32px; border-right:9px solid #303952; border-top:9px solid transparent; border-bottom:9px solid transparent; }
.prelight-studio .pl-tutorial-start #practiceType { width:100%; margin-bottom:14px; font-size:16px; }
.prelight-studio .pl-tutorial-start #practiceType:focus { outline:none; border-color:#c8d5df; box-shadow:0 0 0 1px #c8d5df; }
.prelight-studio .pl-tutorial-start .pl-practice-choices { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.prelight-studio .pl-tutorial-start .pl-practice-choices button { border:1px solid #ffffff26; background:#ffffff08; border-radius:20px; padding:8px 12px; font-size:12px; }
.prelight-studio .pl-tutorial-start .pl-practice-choices button:hover { background:#ffffff15; }
@media (max-width:600px) {
  .prelight-studio .pl-tutorial-start .pl-topbar { gap:12px; }
  .prelight-studio .pl-tutorial-start .pl-workspace-title { flex:none; }
  .prelight-studio .pl-tutorial-start .pl-guide { flex-direction:column; }
  .prelight-studio .pl-tutorial-start .pl-guide > img { margin:0 0 0 18px; width:64px; height:64px; }
  .prelight-studio .pl-tutorial-start .pl-guide-body { width:100%; }
  .prelight-studio .pl-tutorial-start .pl-guide-body:before { left:40px; top:-9px; border-bottom:9px solid #303952; border-left:9px solid transparent; border-right:9px solid transparent; border-top:0; }
}

/* The same navy, cream and soft controls carry through every active screen. */
.prelight-studio :is(h1,h2), :is(.prelight-landing,.prelight-studio) .rm-auth-dialog h2 {
  font-family:"IBM Plex Sans",sans-serif;
  font-weight:500;
  letter-spacing:-.025em;
}
:is(.prelight-studio,.prelight-landing) .pl-btn,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn { border-radius:12px; min-height:42px; }
:is(.prelight-studio,.prelight-landing) .pl-btn.pl-primary,
:is(.prelight-studio,.prelight-landing) .pl-btn.pl-primary:hover,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary:hover { background:#f8f4ed; border-color:#f8f4ed; color:#20263f; }
.prelight-studio .pl-simple .pl-new { border-color:#ffffff26; border-radius:12px; color:#c0c7d7; }
.prelight-studio .pl-simple .pl-new:hover { background:#ffffff0b; color:#f8f4ed; }
.prelight-studio .pl-simple .pl-take { border-radius:10px; }
.prelight-studio .pl-simple .pl-take.pl-active { border-left-color:#c8d5df; }
.prelight-studio .pl-timeline { border-radius:14px; }
.prelight-studio .pl-compare-picker { color:#b8bfd0; font-size:12px; }
.prelight-studio .pl-compare-picker select { border-radius:10px; min-height:40px; color:#f8f4ed; }
.prelight-studio .pl-dialog, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog {
  background:linear-gradient(150deg,#343d58,#272e49);
  border:1px solid #ffffff25;
  border-radius:24px;
  box-shadow:0 24px 70px #080b1955;
}
.prelight-studio .pl-dialog .pl-character,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .pl-character { display:block; width:72px; height:72px; object-fit:contain; margin:0 auto 20px; }
.prelight-studio .pl-dialog h2, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog h2 { text-align:center; font-size:26px; }
.prelight-studio .pl-dialog > p, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog .sub { text-align:center; font-size:14px; line-height:1.65; color:#c0c7d7; }
.prelight-studio .pl-dialog label, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog label { font-size:13px; }
.prelight-studio .pl-dialog .pl-actions, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog .actions { justify-content:center; }
.prelight-studio input, :is(.prelight-landing,.prelight-studio) .rm-auth-dialog input { border-radius:12px; font-size:16px; }
.prelight-studio input:focus { outline:none; border-color:#c8d5df; box-shadow:0 0 0 1px #c8d5df; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .rm-auth-close { top:14px; right:14px; width:34px; height:34px; border-radius:10px; background:#ffffff0b; color:#b8bfd0; }
.prelight-studio.pl-onboarding form { text-align:center; }
.prelight-studio.pl-onboarding .pl-character { display:block; margin:0 auto 24px; object-fit:contain; }
.prelight-studio.pl-onboarding h1 { font-size:30px; }
.prelight-studio.pl-onboarding .pl-btn { float:none; }
.prelight-studio .pl-diff-metrics span, .prelight-studio .pl-diff-metrics i { color:#b8bfd0; }
@media (max-width:680px) {
  .prelight-studio .pl-simple .pl-topbar > .pl-actions .pl-btn { font-size:13px; }
}

/* Explain the trace and next action without adding another panel. */
.prelight-studio .pl-reading-help { color:#c0c7d7; font-size:14px; line-height:1.65; max-width:720px; margin:0 0 16px; }
.prelight-studio .pl-next-step { color:#f8f4ed; font-size:14px; line-height:1.65; margin:0 0 22px; }
.prelight-studio .pl-comparison-summary { color:#f8f4ed; font-size:20px; line-height:1.5; max-width:760px; margin:0 0 26px; overflow-wrap:anywhere; }
.prelight-studio .pl-first-use .pl-empty p { color:#c0c7d7; line-height:1.65; }

.prelight-studio .pl-feedback { margin-top:32px; padding:24px 0; border-top:1px solid #ffffff18; max-width:720px; }
.prelight-studio .pl-feedback h3 { margin:0 0 12px; font-size:18px; }
.prelight-studio .pl-feedback p { color:#c0c7d7; font-size:14px; line-height:1.65; }
.prelight-studio .pl-feedback .pl-feedback-observation { color:#f8f4ed; }
.prelight-studio .pl-feedback small { display:block; color:#b8bfd0; line-height:1.6; margin:16px 0 8px; }
.prelight-studio .pl-feedback [disabled] { opacity:.6; cursor:wait; }

/* Tutorial completion has one clear next step: sign in. */
.prelight-landing .pl-return-tutorial { color:#b8bfd0; font-size:12px; text-decoration:none; text-align:right; }
.prelight-landing .pl-return-tutorial:hover { color:#f8f4ed; text-decoration:underline; }
.prelight-landing.pl-completion-landing h1 { max-width:460px; margin:28px auto 38px; font-size:clamp(36px,4vw,52px); line-height:1.15; }
.prelight-landing.pl-completion-landing .pl-start-tutorial { margin-top:0; }
@media (max-width:600px) {
  .prelight-landing .pl-return-tutorial { max-width:135px; line-height:1.5; }
  .prelight-landing.pl-completion-landing .pl-landing-nav { gap:18px; }
}

/* Buttons stay quiet and tactile: warm-white primary actions, soft navy
   secondary actions, and no click/focus rings drawn around their perimeter. */
:is(.prelight-landing,.prelight-studio) button:focus,
:is(.prelight-landing,.prelight-studio) button:focus-visible {
  outline:none;
  box-shadow:none;
}
:is(.prelight-landing,.prelight-studio) button:focus-visible { filter:brightness(1.08); }
:is(.prelight-landing,.prelight-studio) .pl-btn,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn {
  border:0;
  border-radius:10px;
  background:rgba(248,244,237,.07);
  box-shadow:none;
}
:is(.prelight-landing,.prelight-studio) .pl-btn:hover,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn:hover {
  border:0;
  background:rgba(248,244,237,.11);
}
:is(.prelight-landing,.prelight-studio) .pl-btn.pl-primary,
:is(.prelight-landing,.prelight-studio) .pl-btn.pl-primary:hover,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary:hover {
  border:0;
  background:#f8f4ed;
  color:#20263f;
}
.prelight-studio .pl-simple .pl-new,
.prelight-studio .pl-simple .pl-new:hover {
  border:0;
  background:rgba(248,244,237,.07);
  color:#d8dce6;
}
.prelight-studio .pl-tutorial-start .pl-practice-choices button,
.pl-guided-landing .pl-practice-choices button {
  border:0;
  background:rgba(248,244,237,.07);
}

/* Account access is the last tutorial beat, so it uses the same cream guide
   surface instead of dropping users into the older dark Studio dialog. */
:is(.prelight-landing,.prelight-studio) .rm-auth-backdrop {
  background:rgba(7,10,24,.62);
  backdrop-filter:none;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog {
  width:min(520px,100%);
  padding:58px 42px 34px;
  overflow:visible;
  border:1px solid rgba(32,38,63,.08);
  border-radius:22px;
  background:#f8f4ed;
  box-shadow:0 28px 80px rgba(4,7,18,.34);
  color:#20263f;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .pl-character {
  width:104px;
  height:104px;
  margin:-112px auto 8px;
  filter:drop-shadow(0 9px 18px rgba(5,8,20,.18));
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog h2 {
  margin:8px 0 6px;
  color:#20263f;
  font:600 30px/1.2 "Fraunces",Georgia,serif;
  letter-spacing:-.025em;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .sub {
  max-width:360px;
  margin:0 auto 24px;
  color:#596074;
  font-size:14px;
  line-height:1.55;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog label {
  margin-top:15px;
  color:#666d7f;
  font-size:12px;
  font-weight:600;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .input-wrap { margin-top:7px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog input {
  min-height:50px;
  border:1px solid #d9d6d0;
  border-radius:12px;
  background:#fffdfa;
  color:#20263f;
  caret-color:#20263f;
  box-shadow:none;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog input::placeholder { color:#9a9da7; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog input:focus {
  outline:none;
  border-color:#9398a6;
  box-shadow:none;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .actions { margin-top:24px; }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn {
  min-height:44px;
  padding:0 18px;
  background:transparent;
  color:#62697a;
  font-size:12px;
  font-weight:600;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn:hover { background:rgba(32,38,63,.06); }
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary,
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .btn.primary:hover {
  background:#20263f;
  color:#f8f4ed;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .rm-auth-close {
  background:rgba(32,38,63,.06);
  color:#7b8191;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .rm-auth-close:hover {
  background:rgba(32,38,63,.1);
  color:#20263f;
}
:is(.prelight-landing,.prelight-studio) .rm-auth-dialog .err { color:#a84e3b; }
@media (max-width:600px) {
  :is(.prelight-landing,.prelight-studio) .rm-auth-dialog {
    padding:52px 22px 24px;
    border-radius:18px;
  }
  :is(.prelight-landing,.prelight-studio) .rm-auth-dialog .pl-character {
    width:88px;
    height:88px;
    margin-top:-96px;
  }
}