:root {
  --app-scale: 0.9;
  --layout-gutter: var(--s40-p-);
  --layout-gap: var(--s40-p-);
  --grid-gap: var(--s10-p-);
  --vert-gap: var(--s10-p-);
  --ui-top: var(--s28-p-);
  --topbar-gap: var(--s40-p-);
  --s430-p-: calc(430px * var(--app-scale));
  --s260-p-: calc(260px * var(--app-scale));
  --s280-p-: calc(280px * var(--app-scale));
  --s160-p-: calc(160px * var(--app-scale));
  --s110-p-: calc(110px * var(--app-scale));

  --s120-p-: calc(120px * var(--app-scale));
  --s92-p-: calc(92px * var(--app-scale));
  --s90-p-: calc(90px * var(--app-scale));
  --s72-p-: calc(72px * var(--app-scale));
  --s64-p-: calc(64px * var(--app-scale));
  --s60-p-: calc(60px * var(--app-scale));

  --s58-p-: calc(58px * var(--app-scale));
  --s54-p-: calc(54px * var(--app-scale));
  --s48-p-: calc(48px * var(--app-scale));
  --s42-p-: calc(42px * var(--app-scale));
  --s40-p-: calc(40px * var(--app-scale));
  --s38-p-: calc(38px * var(--app-scale));
  --s36-p-: calc(36px * var(--app-scale));
  --s32-p-: calc(32px * var(--app-scale));
  --s28-p-: calc(28px * var(--app-scale));
  --s24-p-: calc(24px * var(--app-scale));
  --s22-p-: calc(22px * var(--app-scale));
  --s20-p-: calc(20px * var(--app-scale));
  --s18-p-: calc(18px * var(--app-scale));
  --s16-p-: calc(16px * var(--app-scale));
  --s14-p-: calc(14px * var(--app-scale));
  --s12-p-: calc(12px * var(--app-scale));
  --s10-p-: calc(10px * var(--app-scale));
  --s8-p-: calc(8px * var(--app-scale));
  --s5-p-: calc(5px * var(--app-scale));
  --s4-p-: calc(4px * var(--app-scale));

  /* hairlines: do NOT scale */
  --s1-p-: 1px;
  --s0-p-: 0px;
  --s0-7-p-: 0.7px;
  --s0-2-p-: 0.2px;

  --r075: calc(12px * var(--app-scale));
  --r050: calc(8px * var(--app-scale));
  --r040: calc(6.4px * var(--app-scale));

  --m06r: calc(9.6px * var(--app-scale));
  --m055r: calc(8.8px * var(--app-scale));

  --lh-1-1: 1.1;
  --lh-1-0: 1;




  /* base colors */
  --ak-beta: #00b1ff;

  --ak-active: #032025;
--ak-Litesub: #8ac8ce;
  --ak-white: #fff;
  --ak-white-sec: #f4f4f4;
  --ak-online: #25632c;
  --ak-offline: #440000;
  --ak-demo: #ababab;


  --ak-light: #bdbdbd;
  --ak-offwhite: #efefef;
  --ak-mid-gray: #2c2c2c;
  --ak-inactive: var(--ak-mid-gray);
  --ak-dark: #0e0e0e;
  --ak-dark-tiles: #000000;
  --ak-dark-planks: #000000;
  --ak-feedbackbg: #2ac6c1c9;
  --output-bg: var(--ak-white);
  --output-bg-warning: #d3d3d3;
  --ak-vertex-fill: #3c3c3c;
  --ak-vertex-light: #9c9c9c78;
  --ak-accent: #2ac6c1c9;
  --ak-shape-accent: var(--ak-shape-accenta);
  --ak-shape-accenta: #2ac6c1;
  --ak-icon-default: var(--ak-dark);
  /* buttons / hover */

  --ak-hover: #37ebe59a;
  /* glass + overlays */
  --ak-glassdark: #000011e2;
  --ak-glass-bg: #f4f4f488;
  --ak-btn-bg: var(--ak-glass-bg);
  --ak-glass-border: var(--s0-7-p-) solid transparent;
  --ak-glass-blur: var(--s18-p-);

  /* floating UI */
  --float-btn-hover: #f8f8f8c9;
  --float-btn-current: #f8f8f8eb;
  --float-svg-default: #323232ef;
  --float-svg-hover: var(--ak-vertex-light);
  --float-svg-current: #151515ef;

  /* typography */

  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --default-mono-font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", "monospace";

  --output-text-size: 14px;


  --input-text-size: 14px;
  --input-font: var(--default-mono-font-family);


  --unit-text-size: 11px;



  --a-size: 32px;
  --b-size: 24px;


  --h1-size: 28px;
  --h1--line-height: px;
  --h1-letter-spacing: -0.02375rem;

  --h2-size: 24px;
  --h2--line-height: 28px;
  --h2--letter-spacing: -.015625rem;

  --h3-size: 18px;
  --h3--line-height: 26px;
  --h3--letter-spacing: -.028125rem;




  --app_font_regular-size: 14.6px;
  --app_font_regular--letter-spacing: -.00625rem;



  --app_font_mid-size: 13.2px;
  --app_font_mid--letter-spacing: .005rem;


  --app_font_small-size: 9.8px;
  --app_font_small--letter-spacing: .005rem;



  --app_font_label-size: 10px;
  --app_font_label--letter-spacing: -.015rem;


  --app_font_unit-size: 8.8px;
  --app_font_unit--letter-spacing: -.015rem;

  --app_font_tooltip-size: 12.4px;
  --app_font_tooltip-line-height: 18px;
  --app_font_tooltip-letter-spacing: -.01875rem;

  --app_font_step-size: 13.2px;
  --app_font_step--letter-spacing: .00625rem;

  --app_font_spaces-size: 16px;

  --app_font_spaces-size-ui: calc(var(--app_font_spaces-size) * var(--app-scale));
  --app_font_regular-size-ui: calc(var(--app_font_regular-size) * var(--app-scale));
  --app_font_mid-size-ui: calc(var(--app_font_mid-size) * var(--app-scale));
  --app_font_label-size-ui: calc(var(--app_font_label-size) * var(--app-scale));
  --app_font_unit-size-ui: calc(var(--app_font_unit-size) * var(--app-scale));
  --app_font_tooltip-size-ui: calc(var(--app_font_tooltip-size) * var(--app-scale));
  --app_font_tooltip-line-height-ui: calc(var(--app_font_tooltip-line-height)* var(--app-scale));
  --app_font_step-size-ui: calc(var(--app_font_step-size) * var(--app-scale));

  --app_font_small-size-ui: calc(var(--app_font_small-size) * var(--app-scale));


  /*mobile fontsizes */
  --mapp_font_step-size: 16.2px;
  --mapp_font_label-size: 13px;
  --mapp_font_unit-size: 8.8px;

  --edge-label-w: clamp(64px, 18vw, 80px);
  --edge-label-h: clamp(22px, 6vw, 26px);



  /*account fontsizes */

  --account-size_small: 10.8px;
  --account--letter-spacing_small: -.005rem;

  --account-size_reg: 13.2px;
  --account--letter-spacing_reg: -.01rem;

  --account-size_large: 15.2px;
  --account--letter-spacing_large: .01rem;

  --ak--font-weight_100: 100;
  --ak--font-weight_200: 200;
  --ak--font-weight_400: 400;
  --ak--font-weight_600: 600;



  /* Keep one Safari-safe centering nudge */
  --edge-label-text-nudge-y: 0.35em;

  /* Unit spacing */
  --edge-label-unit-dx: 3px;

  --ak-radius-pill: 8px;
  --ak-radius-card: 12px;
  --ak-radius-panel: 14px;

  --ak-letter-spacing: var(--s0-2-p-);

  /* sizing */
  --ak-height-obutton: var(--s28-p-);
  --ak-height-pill: var(--s48-p-);
  --ak-height-toolbar: var(--s58-p-);
  --ak-size-icon-circle: var(--s40-p-);
  --ak-size-pattern-circle: var(--s54-p-);



  /* shadows */
  --ak-box-shadow:
    0 0 var(--s40-p-) rgba(0, 0, 0, 0.156);
  --ak-shadow-strong: 0 var(--s16-p-) var(--s28-p-) rgba(0, 0, 0, 0.155);
  --ak-shadow-soft: 0 var(--s5-p-) var(--s16-p-) rgba(138, 138, 138, 0.075);

  /* borders */
  --ak-border-subtle: var(--s1-p-) solid rgb(241, 241, 241);

  /* misc surfaces */
  --ak-room-frame-bg: #c2c2c2a2;
  --ak-right-bg: #14901a;
  --ak-right-box-bg: #c7c7c7;
  --ak-planks-arrow-bg: #ffffff90;

  /* layout */
  --toolbar-pright-x: var(--s14-p-);
  --toolbar-step1-left-gap: var(--s14-p-);
  --tile-color: #ffffff;
  --placeholder-bg: var(--ak-offwhite);
  --placeholder-border: var(--s1-p-) solid rgb(0 0 0 / 6%);
  --placeholder-shadow: 0 var(--s5-p-) var(--s16-p-) rgb(0 0 0 / 18%);


  /* pills */
  --pill-leading-left: var(--s22-p-);
  --pill-leading-size: var(--s22-p-);

  --pill-leading-gap: var(--s22-p-);
  --pill-trailing-right: var(--s22-p-);
  --pill-trailing-size: var(--s22-p-);
  --pill-trailing-gap: var(--s10-p-);

  --svg-stroke-on-light: #222222;
  --svg-stroke-on-dark: #cecece;

  /* Force dark tile strokes when in planks mode (moved below :root) */
  /* svg */
  --svg-stroke: #1b1b1b;
  --svg-refgrid: #929292;

  --projects-grid: 44px minmax(0, 1fr) 10ch 12ch 10ch 6ch;
}


#pdf-import-wrap {
  position: fixed !important;
  inset: var(--s0-p-) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--ak-glassdark) !important;
}

#pdf-import-wrap[hidden] {
  display: none !important;
}

#pdf-import-wrap [hidden],
#pdf-dropzone-wrap [hidden] {
  display: none !important;
}

#pdf-import-bar {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--s16-p-) !important;
  min-height: var(--s60-p-) !important;
  padding: var(--s18-p-) var(--s18-p-) !important;
  background:var(--ak-vertex-fill);
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
}

.pdf-import-bar-group {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.pdf-import-bar-group--left {
  flex: 1 1 0 !important;
  justify-content: flex-start !important;
}

.pdf-import-bar-group--center {
  flex: 0 1 auto !important;
  justify-content: center !important;
  gap: var(--s20-p-) !important;
}

.pdf-import-bar-group--right {
  flex: 1 1 0 !important;
  justify-content: flex-end !important;
}

.pdf-import-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--s8-p-) !important;
  min-height: var(--s32-p-) !important;
  padding: 0 var(--s18-p-) !important;
  border: none !important;
  border-radius: var(--ak-radius-pill) !important;
  background:var(--ak-vertex-fill);
  color: var(--ak-white) !important;
  cursor: pointer !important;
  font-family: var(--font-family) !important;
  font-size: var(--app_font_mid-size-ui) !important;
  letter-spacing: var(--app_font_mid--letter-spacing) !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.pdf-import-btn--bar {
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: 0 var(--s14-p-) !important;
}

.pdf-import-btn-icon {
  display: block !important;
  width: var(--s18-p-) !important;
  height: var(--s18-p-) !important;
  flex: 0 0 var(--s18-p-) !important;
  object-fit: contain !important;
}

.pdf-import-btn-label {
  display: inline-block !important;
  white-space: nowrap !important;
}

.pdf-import-btn--change-file,
.pdf-import-btn--reference {
  background: var(--float-svg-default) !important;
  border: 0.5px solid var(--ak-light) !important;
  box-shadow: none !important;
}

.pdf-import-btn--shape {
  background: var(--ak-shape-accent) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.pdf-import-btn--shape[disabled] {
  background: var(--ak-vertex-fill) !important;
  color: var(--ak-dark)!important;
  border-color: transparent !important;
}

.pdf-import-btn--close {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding-right: 0 !important;
}

.pdf-import-btn:hover,
.pdf-import-btn:focus-visible,
.pdf-dropzone-browse:hover,
.pdf-dropzone-browse:focus-visible,
.pdf-dropzone-close:hover,
.pdf-dropzone-close:focus-visible,
.pdf-import-thumb:hover,
.pdf-import-thumb:focus-visible {
  background:var(--ak-vertex-fill);
}

.pdf-import-btn--shape:hover,
.pdf-import-btn--shape:focus-visible {
  background:var(--ak-accent);
}

.pdf-import-btn--close:hover,
.pdf-import-btn--close:focus-visible {
  background: transparent !important;
  opacity: 0.82 !important;
}

.pdf-import-btn[disabled],
.pdf-import-btn.is-pending {
  opacity: 1 !important;
  cursor: default !important;
}

.pdf-import-title {
  margin-right: var(--s8-p-) !important;
  color: var(--ak-demo) !important;
  font-family: var(--font-family) !important;
  font-size: var(--h3-size);
  letter-spacing: var(--h3--letter-spacing);
  line-height: var(--h3--line-height) !important;
  font-weight: var(--ak--font-weight_400) !important;
}

.pdf-import-meta,
.pdf-import-action-msg,
.pdf-import-status,
.pdf-import-thumb-label,
.pdf-dropzone-or,
.pdf-dropzone-hint {
  font-family: var(--font-family) !important;
}

.pdf-import-mode-label {
  margin-right: var(--s8-p-) !important;
  color: var(--ak-light) !important;
  font-size: var(--app_font_regular-size-ui);
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  opacity: 0.75 !important;
}

.pdf-import-page-label {
  min-width: calc(var(--s48-p-) + var(--s1-p-) + var(--s1-p-)) !important;
  color: var(--ak-offwhite) !important;
  font-size: var(--app_font_regular-size-ui);
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  text-align: center !important;
}

.pdf-import-action-msg {
  margin-left: var(--s8-p-) !important;
  color: var(--ak-mid-gray) !important;
  font-size: var(--app_font_regular-size-ui);
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  opacity: 0.65 !important;
}

.pdf-import-status {
  margin-left: auto !important;
  color: var(--ak-dark) !important;
  font-size: var(--app_font_regular-size-ui);
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  white-space: nowrap !important;
  opacity: 0.8 !important;
}

.pdf-import-field {
  height: calc(var(--s32-p-) + var(--s4-p-)) !important;
  padding: 0 var(--s12-p-) !important;
  border: var(--s1-p-) solid var(--ak-light) !important;
  border-radius: var(--ak-radius-pill) !important;
  background: var(--ak-white) !important;
  color: var(--ak-dark) !important;
  font-family: var(--font-family) !important;
  font-size: var(--app_font_regular-size-ui);
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  box-sizing: border-box !important;
}

.pdf-import-scale-input {
  width: calc(var(--s160-p-) + var(--s10-p-)) !important;
}

.pdf-import-scale-unit {
  cursor: pointer !important;
}

#pdf-import-body {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: var(--s0-p-) !important;
}

#pdf-import-sidebar {
  width: calc(var(--s260-p-) - var(--s40-p-)) !important;
  padding: var(--s12-p-) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  border-right: none !important;
  background: var(--float-svg-default);
}

#pdf-import-thumbs {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s10-p-) !important;
}

#pdf-import-main {
  position: relative !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: var(--s0-p-) !important;
  min-height: var(--s0-p-) !important;
}

#pdf-import-viewport {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: var(--s0-p-) !important;
  overflow: hidden !important;
  background: var(--ak-dark) !important;
  cursor: default !important;
  user-select: none !important;
}

#pdf-import-empty-state {
  position: absolute !important;
  inset: var(--s0-p-) !important;
  z-index: 2 !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--ak-light) !important;
  font-family: var(--font-family) !important;
  font-size: var(--app_font_regular-size-ui) !important;
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  pointer-events: none !important;
}

#pdf-import-empty-state:not([hidden]) {
  display: flex !important;
}

#pdf-import-empty-state[hidden] {
  display: none !important;
}

#pdf-import-stage,
#pdf-import-canvas,
#pdf-import-overlay {
  position: absolute !important;
  left: var(--s0-p-) !important;
  top: var(--s0-p-) !important;
}

#pdf-import-stage {
  transform-origin: 0 0 !important;
}

#pdf-import-canvas {
  display: block !important;
   background: var(--float-svg-default);
  box-shadow: var(--ak-shadow-strong);
}

#pdf-import-overlay {
  overflow: visible !important;
  pointer-events: none !important;
}

.pdf-import-thumb {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(var(--s5-p-) + var(--s1-p-)) !important;
  padding: var(--s8-p-) !important;
  border: none !important;
  border-radius: var(--ak-radius-pill) !important;
  background: var(--float-svg-default);
  color: var(--ak-white-sec) !important;
  cursor: pointer !important;
  text-align: left !important;
}

.pdf-import-thumb.is-current {
  background: var(--ak-glass-bg) !important;
  box-shadow: none !important;
}

.pdf-import-thumb-canvas {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: var(--ak-white) !important;
  box-shadow: var(--ak-shadow-strong) !important;
}

.pdf-import-thumb-label {
  color: var(--ak-light) !important;
  font-size: var(--app_font_regular-size-ui) !important;
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
}

.pdf-import-file-input {
  position: fixed !important;
  inset: var(--s0-p-) !important;
  width: var(--s0-p-) !important;
  height: var(--s0-p-) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#pdf-dropzone-wrap {
  position: fixed !important;
  inset: var(--s0-p-) !important;
  z-index: 99998 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--float-svg-default);
}

.pdf-dropzone-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s20-p-) !important;
  width: calc(var(--s430-p-) - var(--s10-p-)) !important;
  max-width: calc(100vw - var(--s48-p-)) !important;
  padding: var(--s32-p-) !important;
  border-radius: var(--ak-radius-panel) !important;
  background: var(--float-svg-default);
  color: var(--ak-offwhite) !important;
  box-shadow: var(--ak-shadow-strong) !important;
  box-sizing: border-box !important;
}

.pdf-dropzone-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.pdf-dropzone-title {
  color: var(--ak-offwhite) !important;
  font-family: var(--font-family) !important;
  font-size: var(--h2-size) !important;
  font-weight: var(--account--font-weight_1) !important;
  letter-spacing: var(--h2--letter-spacing);
  line-height: var(--h2--line-height) !important;
}

.pdf-dropzone-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: var(--s4-p-) !important;
  border: none !important;
  background: transparent !important;
  color: var(--ak-offwhite) !important;
  cursor: pointer !important;
  font-size: var(--app_font_regular-size-ui) !important;
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  opacity: 0.5 !important;
}

.pdf-drop-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: var(--s12-p-) !important;
  padding: var(--s40-p-) var(--s24-p-) !important;
  border: var(--s1-p-) solid var(--ak-vertex-light) !important;
  border-radius: var(--ak-radius-panel) !important;
  background: none !important;
  color: var(--ak-white) !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.pdf-drop-area.is-drag-over {
  border-color: var(--ak-shape-accent) !important;
  background: var(--ak-glass-bg) !important;
  box-shadow: 0 0 0 var(--s1-p-) var(--ak-shape-accent) !important;
}

.pdf-dropzone-icon {
  display: block !important;
  width: var(--s40-p-) !important;
  height: var(--s40-p-) !important;
  flex-shrink: 0 !important;
  background-color: var(--ak-white) !important;
  mask: url('/icons/addref.svg') center/contain no-repeat !important;
  -webkit-mask: url('/icons/addref.svg') center/contain no-repeat !important;
  opacity: 0.75 !important;
}

.pdf-dropzone-label {
  color: var(--ak-offwhite) !important;
  font-size: var(--app_font_mid-size-ui);
  font-weight: var(--ak--font-weight_400);
  letter-spacing: var(--app_font_mid--letter-spacing);
  line-height: var(--app_font_mid--line-height) !important;
}

.pdf-dropzone-or {
  color: var(--ak-offwhite) !important;
  font-size: var(--app_font_regular-size-ui) !important;
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  opacity: 0.45 !important;
}

.pdf-dropzone-browse {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: var(--s14-p-) var(--s24-p-) !important;
  border: 0.5px solid var(--ak-light) !important;
  border-radius: var(--ak-radius-panel) !important;
  background: var(--float-svg-default);
  color: var(--ak-white) !important;
  cursor: pointer !important;
  font-size: var(--app_font_mid-size-ui);
  letter-spacing: var(--app_font_mid--letter-spacing);
  line-height: var(--app_font_mid--line-height) !important;
  font-weight: var(--ak--font-weight_400) !important;
}

.pdf-dropzone-hint {
  color: var(--ak-offwhite) !important;
  font-size: var(--app_font_regular-size-ui) !important;
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: var(--app_font_regular--line-height) !important;
  text-align: center !important;
  opacity: 0.45 !important;
}

/* ── Gated (free-tier limit) dropzone state ─────────────────────────── */
.pdf-drop-area--gated {
  cursor: default !important;
  border-style: solid !important;
  opacity: 0.85;
}
.pdf-drop-area--gated .pdf-dropzone-icon {
  opacity: 0.35 !important;
}
.pdf-drop-area--gated .pdf-dropzone-label {
  font-weight: var(--ak--font-weight_500, 500) !important;
}
.pdf-dropzone-browse--upgrade {
  background: var(--ak-accent, #5865f2) !important;
  border-color: var(--ak-accent, #5865f2) !important;
  color: #fff !important;
}
.pdf-dropzone-browse--upgrade:hover {
  filter: brightness(1.12) !important;
}

#shape-editor.pdf-ref-move-active {
  cursor: move !important;
}

.btn-import-pdf-icon {
  width: var(--s20-p-) !important;
  height: var(--s20-p-) !important;
  mask: url("/icons/addref.svg") center/contain no-repeat !important;
  -webkit-mask: url("/icons/addref.svg") center/contain no-repeat !important;
  background-color: currentColor !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  pointer-events: none !important;
}

#btn-import-pdf.icon-btn {
  flex: 0 0 auto !important;
  width: var(--s32-p-) !important;
  height: var(--s32-p-) !important;
  border-radius: var(--ak-radius-pill) !important;
  border: none !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

#btn-import-pdf.icon-btn:hover {
  background: var(--ak-accent) !important;
}

#btn-import-pdf.icon-btn::before {
  display: none !important;
}

#editor-aux-toolbar #pdf-reference-toggle-btn,
#editor-aux-toolbar #edit-reference-toggle-btn,
#editor-aux-toolbar #btn-import-pdf.icon-btn {
  height: var(--s32-p-) !important;
  min-height: var(--s32-p-) !important;
  max-height: var(--s32-p-) !important;
  border-radius: var(--ak-radius-card) !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--ak-offwhite) !important;
  display: inline-flex !important;
  align-items: right !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
}

#editor-aux-toolbar #pdf-reference-toggle-btn,
#editor-aux-toolbar #edit-reference-toggle-btn {
  width: var(--s32-p-) !important;
  min-width: var(--s32-p-) !important;
  max-width: var(--s32-p-) !important;
}

#editor-aux-toolbar #btn-import-pdf.icon-btn {
  width: auto !important;
  min-width: var(--s32-p-) !important;
  max-width: none !important;
  padding: 0 var(--s10-p-) 0 var(--s12-p-) !important;
  gap: var(--s8-p-) !important;
  aspect-ratio: auto !important;
  justify-content: flex-start !important;
}

#editor-aux-toolbar #btn-import-pdf.icon-btn[data-has-reference="true"] {
  width: var(--s42-p-) !important;
  min-width: var(--s42-p-) !important;
  max-width: var(--s42-p-) !important;
  padding: 0 !important;
  gap: 0 !important;
  aspect-ratio: 1 / 1 !important;
  justify-content: center !important;
}

.btn-import-pdf-copy {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  color: currentColor !important;
  font-size: var(--app_font_mid-size-ui) !important;
  font-weight: var(--ak--font-weight_400) !important;
  letter-spacing: var(--app_font_regular--letter-spacing) !important;
  line-height: var(--lh-1-0) !important;
  pointer-events: none !important;
}

#editor-aux-toolbar #btn-import-pdf.icon-btn[data-has-reference="true"] .btn-import-pdf-copy {
  display: none !important;
}

#editor-aux-toolbar #pdf-reference-toggle-btn:hover,
#editor-aux-toolbar #edit-reference-toggle-btn:hover,
#editor-aux-toolbar #btn-import-pdf.icon-btn:hover,
#editor-aux-toolbar #pdf-reference-toggle-btn.is-active,
#editor-aux-toolbar #edit-reference-toggle-btn.is-active {
  background: var(--ak-accent) !important;
  color: var(--ak-white) !important;
}

#pdf-reference-toggle-btn,
#edit-reference-toggle-btn {
  border-radius: var(--ak-radius-panel) !important;
  background: transparent !important;
  border: var(--s1-p-) solid rgba(0, 0, 0, 0.10) !important;
  box-shadow: var(--ak-shadow-strong) !important;
  backdrop-filter: blur(var(--ak-glass-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ak-glass-blur)) !important;
  width: var(--s42-p-) !important;
  height: var(--s42-p-) !important;
  min-width: var(--s42-p-) !important;
  min-height: var(--s42-p-) !important;
  max-width: var(--s42-p-) !important;
  max-height: var(--s42-p-) !important;
  flex: 0 0 var(--s42-p-) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  aspect-ratio: 1 / 1 !important;
  --ob-icon-left: 0px;
  --ob-icon-size: 0px;
  --ob-gap: 0px;
  position: relative !important;
  color: var(--ak-offwhite) !important;
}

#pdf-reference-toggle-btn .pill-button-label,
#edit-reference-toggle-btn .pill-button-label {
  display: none !important;
}

#pdf-reference-toggle-btn::after,
#edit-reference-toggle-btn::after {
  display: none !important;
}

#pdf-reference-toggle-btn.is-active,
#edit-reference-toggle-btn.is-active {
  background: var(--ak-offwhite) !important;
  color: var(--ak-dark) !important;
}

#pdf-reference-toggle-btn::before,
#edit-reference-toggle-btn::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: var(--s28-p-) !important;
  height: var(--s28-p-) !important;
  background-color: currentColor !important;
  z-index: 10000 !important;
}

#pdf-reference-toggle-btn::before {
  mask: url("/icons/showhideref.svg") center/contain no-repeat !important;
  -webkit-mask: url("/icons/showhideref.svg") center/contain no-repeat !important;
}

#edit-reference-toggle-btn::before {
  mask: url("/icons/editref.svg") center/contain no-repeat !important;
  -webkit-mask: url("/icons/editref.svg") center/contain no-repeat !important;
}

#pdf-reference-toggle-btn[hidden],
#edit-reference-toggle-btn[hidden],
#reference-wrap[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#reference-wrap.floating-panel {
  position: fixed !important;
  top: auto !important;
  right: var(--s36-p-) !important;
  bottom: calc(var(--s54-p-) + var(--s42-p-) + var(--s12-p-)) !important;
  left: auto !important;
  width: max-content !important;
  min-width: calc(var(--s160-p-) + var(--s64-p-)) !important;
  max-width: calc(100vw - var(--s48-p-)) !important;
  display: none !important;
  visibility: hidden !important;
  background: var(--float-svg-default) !important;
  border: none !important;
  border-radius: var(--ak-radius-panel) !important;
  box-shadow: var(--ak-shadow-strong) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: var(--s12-p-) var(--s8-p-) var(--s12-p-) var(--s16-p-) !important;
  z-index: 10001 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  overflow: visible !important;
}

#reference-wrap.floating-panel[data-open="true"] {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#reference-wrap [hidden] {
  display: none !important;
}

#reference-wrap .panel-hide-icon {
  position: absolute !important;
  top: var(--s12-p-) !important;
  right: var(--s12-p-) !important;
  width: var(--s16-p-) !important;
  height: var(--s16-p-) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 3 !important;
  opacity: 0.72 !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

#reference-wrap .panel-hide-icon-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

#reference-wrap-body {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s8-p-) !important;
  margin-top: 0 !important;
  padding-top: calc(var(--s16-p-) + var(--s8-p-)) !important;
  padding-right: calc(var(--s16-p-) + var(--s8-p-)) !important;
  padding-left: 0 !important;
  min-height: var(--s0-p-) !important;
}

.ref-panel-row {
  display: grid !important;
  grid-template-columns: calc(var(--s42-p-) + var(--s12-p-)) minmax(0, 1fr) calc(var(--s42-p-) + var(--s20-p-)) !important;
  align-items: center !important;
  gap: var(--s10-p-) !important;
  min-height: var(--s32-p-) !important;
  width: 100% !important;
}

.ref-panel-row--stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--s10-p-) !important;
}

.ref-panel-label {
  font-size: var(--app_font_mid-size-ui) !important;
  align-items: right;
  color: var(--ak-white-sec) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  width: auto !important;
}

.ref-panel-row--stack > .ref-panel-label {
  width: auto !important;
  opacity: 1 !important;
  font-weight: var(--ak--font-weight_400) !important;
}

.ref-panel-slider {
  min-width: 0 !important;
  height: var(--s18-p-) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.ref-panel-slider::-webkit-slider-runnable-track {
  height: var(--s4-p-) !important;
  border-radius: 999px !important;
  background: var(--ak-light) !important;
}
.ref-panel-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: var(--s18-p-) !important;
  height: var(--s18-p-) !important;
  margin-top: calc((var(--s4-p-) - var(--s18-p-)) / 2) !important;
  border: none !important;
  border-radius: 50% !important;
  background: var(--ak-accent) !important;
}

.ref-panel-slider:focus {
  outline: none !important;
}

.ref-panel-slider::-moz-range-track {
  height: var(--s3-p-) !important;
  border: none !important;
  border-radius: 999px !important;
  background: var(--ak-light) !important;
}

.ref-panel-slider::-moz-range-progress {
  height: var(--s3-p-) !important;
  border: none !important;
  border-radius: 999px !important;
  background: var(--ak-feedbackbg) !important;
}

.ref-panel-slider::-moz-range-thumb {
  width: var(--s18-p-) !important;
  height: var(--s18-p-) !important;
  border: none !important;
  border-radius: 50% !important;
  background: var(--ak-feedbackbg) !important;
  box-shadow: none !important;
}

.ref-panel-value {
  display: inline-flex !important;
  align-items: right !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  font-size: var(--app_font_mid-size-ui) !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--ak-white) !important;
  opacity: 1 !important;
  text-align: left !important;
  width: auto !important;
  white-space: nowrap !important;
}

.ref-panel-btn {
  min-height: calc(var(--s32-p-) + var(--s4-p-)) !important;
  padding: 0 var(--s16-p-) !important;
  border-radius: var(--ak-radius-pill);
  border: var(--s1-p-) solid var(--ak-light) !important;
  background: transparent !important;
  font-size: var(--app_font_mid-size-ui) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  color: var(--ak-white-sec) !important;
  transition: background 0.1s !important;
  align-self: flex-start !important;
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.ref-panel-btn:hover {
  background: var(--ak-inactive) !important;
}

.ref-panel-btn:disabled,
.ref-panel-btn[disabled] {
  opacity: 0.45 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.ref-panel-btn.is-active {
  background: var(--ak-shape-accent) !important;
  color: var(--ak-white) !important;
  border-color: transparent !important;
}

.ref-panel-btn--primary {
  color: var(--ak-white) !important;
}

.ref-panel-btn--primary:hover {
  background: var(--ak-inactive) !important;
}

.ref-panel-hint {
  font-size: var(--app_font_mid-size-ui) !important;
  color: var(--ak-white-sec) !important;
  opacity: 0.55 !important;
  line-height: 1.4 !important;
}

.ref-panel-edge-current {
  font-size: var(--app_font_mid-size-ui) !important;
  color: var(--ak-white-sec) !important;
  opacity: 0.82 !important;
}

.ref-panel-edge-input-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: var(--s8-p-) !important;
  width: 100% !important;
}

.ref-panel-input {
  flex: 1 !important;
  min-width: 0 !important;
  height: calc(var(--s32-p-) + var(--s4-p-)) !important;
  padding: 0 var(--s12-p-) !important;
  border-radius: var(--ak-radius-pill) !important;
  border: var(--s1-p-) solid var(--ak-light) !important;
  background: transparent !important;
  font-size: var(--app_font_mid-size-ui) !important;
  pointer-events: auto !important;
  color: var(--ak-white-sec) !important;
  box-sizing: border-box !important;
}

.ref-panel-input::placeholder {
  color: var(--ak-light) !important;
}

.ref-panel-select {
  height: calc(var(--s32-p-) + var(--s4-p-)) !important;
  min-width: calc(var(--s42-p-) + var(--s20-p-)) !important;
  padding: 0 var(--s12-p-) !important;
  border-radius: var(--ak-radius-pill) !important;
  border: var(--s1-p-) solid var(--ak-light) !important;
  background: transparent !important;
  font-size: var(--app_font_mid-size-ui) !important;
  color: var(--ak-white-sec) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  flex-shrink: 0 !important;
}

/* ── Selection info overlay (non-interactive) ────────────────────────── */
.pdf-import-selection-overlay {
  position: absolute !important;
  top: var(--s18-p-) !important;
  right: var(--s18-p-) !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s4-p-) !important;
  min-width: calc(var(--s160-p-) + var(--s18-p-)) !important;
  max-width: calc(var(--s160-p-) + var(--s48-p-)) !important;
  padding: var(--s10-p-) var(--s16-p-) calc(var(--s10-p-) + var(--s1-p-)) !important;
  border-radius: var(--ak-radius-card) !important;
  background: var(--ak-feedbackbg) !important;
  box-shadow: var(--ak-shadow-soft) !important;
  pointer-events: none !important;
}

.pdf-import-selection-overlay[hidden] {
  display: none !important;
}

.pdf-import-sel-overlay-title {
  color: var(--ak-white) !important;
  font-family: var(--font-family) !important;
  font-size: var(--app_font_mid-size-ui) !important;
  font-weight: var(--ak--font-weight_400) !important;
  letter-spacing: var(--app_font_mid--letter-spacing) !important;
  line-height: var(--lh-1-1) !important;
}

.pdf-import-sel-overlay-desc,
.pdf-import-sel-overlay-note {
  color: var(--ak-white-sec) !important;
  font-family: var(--font-family) !important;
  font-size: var(--app_font_small-size-ui) !important;
  letter-spacing: var(--app_font_small--letter-spacing) !important;
  line-height: var(--lh-1-1) !important;
}

.pdf-import-sel-overlay-note[hidden] {
  display: none !important;
}

/* ── Inline replace-confirm dialog ────────────────────────────────────── */
.pdf-import-confirm-bg {
  position: fixed !important;
  inset: var(--s0-p-) !important;
  z-index: 100000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.38) !important;
}

.pdf-import-confirm-box {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s18-p-) !important;
  padding: var(--s22-p-) var(--s24-p-) !important;
  border-radius: var(--ak-radius-panel) !important;
  background: rgba(52, 52, 52, 0.98) !important;
  box-shadow: var(--ak-shadow-strong) !important;
  max-width: calc(var(--s280-p-) + var(--s24-p-)) !important;
  width: calc(100vw - var(--s48-p-)) !important;
  box-sizing: border-box !important;
}

.pdf-import-confirm-msg {
  color: var(--ak-white-sec) !important;
  font-family: var(--font-family) !important;
  font-size: var(--app_font_mid-size-ui) !important;
  letter-spacing: var(--app_font_mid--letter-spacing) !important;
  line-height: var(--lh-1-1) !important;
}

.pdf-import-confirm-actions {
  display: flex !important;
  gap: var(--s10-p-) !important;
  justify-content: center !important;
}

.pdf-import-confirm-actions .pdf-import-btn {
  min-width: calc(var(--s64-p-) + var(--s28-p-)) !important;
  min-height: var(--s32-p-) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

.pdf-import-btn--replace {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--ak-white-sec) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

.pdf-import-btn--replace:hover,
.pdf-import-btn--replace:focus-visible {
  background: rgba(255, 255, 255, 0.14) !important;
}

/* ── Delete reference button ─────────────────────────────────────────── */
.ref-panel-row--delete {
  margin-top: var(--s8-p-) !important;
  padding-top: var(--s8-p-) !important;
  border-top: var(--s1-p-) solid rgba(255, 255, 255, 0.08) !important;
}

.ref-panel-btn--danger {
  border-color: rgba(220, 60, 60, 0.55) !important;
  color: #ff7e7e !important;
}

.ref-panel-btn--danger:hover {
  background: rgba(200, 40, 40, 0.22) !important;
  border-color: rgba(220, 60, 60, 0.8) !important;
  color: #ffaaaa !important;
}

/* ── Info overlay ────────────────────────────────────────────────────── */
#info-overlay[hidden] {
  display: none !important;
}

#info-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99998 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--float-svg-default) !important;
}

#info-overlay .info-overlay__backdrop {
  display: none !important;
  pointer-events: none !important;
}

#info-overlay-panel.floating-panel {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: var(--s430-p-) !important;
  max-width: calc(100vw - var(--s48-p-)) !important;
  max-height: calc(100dvh - var(--s48-p-)) !important;
  display: flex !important;
  flex-direction: column !important;
  padding: var(--s32-p-) !important;
  overflow: hidden !important;
  z-index: auto !important;
  pointer-events: auto !important;
  align-self: center !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

@media (min-width: 821px) {
  #info-overlay {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    background: transparent !important;
  }

  #info-overlay-panel.floating-panel {
    position: fixed !important;
top: calc(var(--ui-top) + var(--s58-p-) + var(--s8-p-)) !important;
    right: calc(var(--s16-p-) + ((2*var(--s42-p-)) + var(--s18-p-))) !important;
    left: auto !important;
    margin: 0 !important;
    width: calc(var(--s430-p-) + var(--s90-p-)) !important;
    max-width: min(calc(var(--s430-p-) + var(--s90-p-)), calc(100vw - var(--s48-p-))) !important;
    max-height: calc(100dvh - var(--s48-p-)) !important;
    padding: var(--s18-p-) var(--s18-p-) var(--s36-p-) var(--s18-p-) !important;
  }

  #info-overlay-switch.info-switch {
    width: calc(var(--s160-p-) + var(--s160-p-)) !important;
    min-width: calc(var(--s160-p-) + var(--s160-p-)) !important;
    max-width: calc(var(--s160-p-) + var(--s160-p-)) !important;
  }

  #info-overlay-body {
    max-height: calc(100dvh - var(--s110-p-)) !important;
  }

  .info-overlay__row {
    gap: var(--s8-p-) !important;
    padding: var(--s8-p-) 0 !important;
  }

  .info-overlay__cell {
    font-size: var(--app_font_regular-size-ui) !important;
    line-height: 1.42 !important;
  }

  .info-overlay__quickstart {
    --info-quickstart-preview-control-width: 300px;
    --info-quickstart-mode-preview-width:300px; 
    gap: var(--s38-p-);
    padding: var(--s16-p-) 0 var(--s18-p-) !important;
  }

  .info-overlay__quickstart-section {
    gap: var(--s18-p-) !important;
  }

  .info-overlay__quickstart-section--next {
    gap: var(--s22-p-) !important;
  }

  .info-overlay__quickstart-heading {
    gap: var(--s8-p-) !important;
  }

  .info-overlay__quickstart-headingKicker,
  .info-overlay__quickstart-headingTitle {
    font-size: var(--h2-size) !important;
    line-height: 1.34 !important;
  }


  .info-overlay__quickstart-row {
    grid-template-columns: var(--s160-p-) minmax(0, 1fr) !important;
    gap: var(--s36-p-) !important;
    padding: var(--s32-p-) 0 !important;
  }

  .info-overlay__quickstart-preview {
    min-height: var(--s92-p-) !important;
  }

  .info-overlay__quickstart-copy {
    gap: var(--s8-p-) !important;
  }

  .info-overlay__quickstart-copyTitle {
    font-size: var(--h2-size) !important;
    line-height: 1.16 !important;
  }

  .info-overlay__quickstart-copyBody {
    gap: var(--s8-p-) !important;
  }

  .info-overlay__quickstart-copyLine {
   font-size: var(--app_font_label-size-ui) !important;
    line-height: 1.48 !important;
  }

  .info-overlay__quickstart-preview > * {
    height: var(--s74-p-) !important;
  }

  .info-overlay__quickstart-stepPill {
    --info-quickstart-next-pill-height: calc(var(--info-quickstart-next-pill-width) * 0.58);
    --info-quickstart-next-pill-font-size: calc(var(--info-quickstart-next-pill-width) * 0.17);
    --info-quickstart-next-pill-icon-size: calc(var(--info-quickstart-next-pill-width) * 0.17);
  }

  .info-overlay__quickstart-modePreview {
    height: calc(var(--s42-p-) + var(--s2-p-)) !important;
  }

  .info-overlay__quickstart-modePreviewSeg {
    font-size: var(--app_font_mid-size-ui) !important;
  }
}

#info-overlay-panel.pdf-dropzone-panel {
  gap: var(--s20-p-) !important;
}

#info-overlay-panel .pdf-dropzone-close {
  width: var(--s42-p-) !important;
  height: var(--s42-p-) !important;
  min-width: var(--s42-p-) !important;
  min-height: var(--s42-p-) !important;
  padding: 0 !important;
  border-radius: var(--ak-radius-pill) !important;
  color: var(--ak-white) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  opacity: 0.88 !important;
  pointer-events: auto !important;
  z-index: 3 !important;
}

#info-overlay-panel .info-overlay__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--s14-p-) !important;
}

#info-overlay-panel .info-overlay__header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--s6-p-) !important;
}

#info-overlay-panel .info-overlay__header-spacer {
  flex: 1 1 auto !important;
}

#info-overlay-panel .info-overlay__switch-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;

}

#info-overlay-switch.info-switch {
  width: calc(var(--s160-p-) + var(--s110-p-)) !important;
  min-width: calc(var(--s160-p-) + var(--s110-p-)) !important;
  max-width: calc(var(--s160-p-) + var(--s110-p-)) !important;
}

#info-overlay-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding-top: 0 !important;
  max-height: calc(100dvh - var(--s160-p-)) !important;
  overflow: auto !important;
}

.info-overlay__title {
  display: none !important;
}

.info-overlay__grid {
  display: block !important;
}

.info-overlay__card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
}

.info-overlay__cardtitle {
  display: none !important;
}

.info-overlay__table {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 0 !important;
  margin-top: var(--s18-p-) !important;
  padding:0 var(--s12-p-) 0 var(--s12-p-) !important;
}

.info-overlay__row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: var(--s16-p-) !important;
  min-width: 0 !important;
  padding: var(--s14-p-) 0 !important;
  border-top: var(--s0-7-p-) solid rgba(255, 255, 255, 0.10) !important;
}

.info-overlay__row:first-child {
  padding-top: 0 !important;
  border-top: none !important;
}

.info-overlay__cell {
  min-width: 0 !important;
  font-size: var(--app_font_mid-size-ui) !important;
  line-height: 1.35 !important;
}

.info-overlay__cell--key {
  color: var(--ak-white) !important;
}

.info-overlay__cell--value {
  color: var(--ak-white-sec) !important;
  opacity: 0.86 !important;
}

.info-overlay__quickstart {
  --info-quickstart-preview-control-width: var(--s92-p-);
  --info-quickstart-mode-preview-width: var(--s110-p-);
  --info-quickstart-row-media-width: var(--s120-p-);
  --info-quickstart-row-gap: var(--s16-p-);
  --info-quickstart-row-padding-y: var(--s18-p-);
  --info-quickstart-row-padding-x: var(--s18-p-);
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s26-p-) !important;
  padding: var(--s4-p-) 0 var(--s6-p-) !important;
}

.info-overlay__quickstart-section {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s10-p-) !important;
}

.info-overlay__quickstart-section--next {
  gap: var(--s12-p-) !important;
}

.info-overlay__quickstart-heading {
  display: flex !important;
  align-items: baseline !important;
  gap: var(--s12-p-) !important;
}

.info-overlay__quickstart-headingKicker,
.info-overlay__quickstart-headingTitle {
  font-size: var(--b-size) !important;
  letter-spacing: var(--app_font_header--letter-spacing) !important;
  line-height: 1.08 !important;
  margin-bottom: var(--s22-p-) !important;
}

.info-overlay__quickstart-headingKicker {
  color: var(--ak-shape-accent) !important;
  font-weight: var(--ak--font-weight_100) !important;
  padding: var(--s32-p-) 0 0 var(--s16-p-) !important;
}

.info-overlay__quickstart-headingTitle {
  color: var(--ak-white) !important;
  font-weight: var(--ak--font-weight_400) !important;
}

.info-overlay__quickstart-heading--muted .info-overlay__quickstart-headingKicker,
.info-overlay__quickstart-heading--muted .info-overlay__quickstart-headingTitle {
  color: var(--ak-offwhite) !important;
    font-weight: var(--ak--font-weight_100) !important;
    font-size: var(--h2-size) !important;
        margin-bottom: var(--s6-p-) !important;

}

.info-overlay__quickstart-list {
  display: flex !important;
  flex-direction: column !important;
}

.info-overlay__quickstart-row {
  display: grid !important;
  grid-template-columns: var(--info-quickstart-row-media-width) minmax(0, 1fr) !important;
  column-gap: var(--info-quickstart-row-gap) !important;
  row-gap: 0 !important;
  align-items: start !important;
  padding: var(--info-quickstart-row-padding-y) var(--info-quickstart-row-padding-x) !important;
}
.info-overlay__quickstart-row--next {
  padding: var(--s1-p-) var(--info-quickstart-row-padding-x) !important;
}


.info-overlay__quickstart-list > .info-overlay__quickstart-row + .info-overlay__quickstart-row {
  border-top: none !important;
  padding: var(--info-quickstart-row-padding-y) var(--info-quickstart-row-padding-x) !important;
}

.info-overlay__quickstart-preview {
  display: flex !important;
  width: var(--info-quickstart-row-media-width) !important;
  max-width: var(--info-quickstart-row-media-width) !important;
  justify-self: center !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: start !important;
  min-height: var(--s64-p-) !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.info-overlay__quickstart-preview > * {
  flex: 0 1 auto !important;
  position: relative !important;
  width: var(--s92-p-) !important;
  min-width: var(--s92-p-) !important;
  max-width: 100% !important;
  height: var(--s64-p-) !important;
  max-height: var(--s64-p-) !important;
  margin: 0 auto !important;
}

.info-overlay__quickstart-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s4-p-) !important;
  min-width: 0 !important;
  width: 100% !important;
  align-self: start !important;
}

.info-overlay__quickstart-copyTitle {
  color: var(--ak-white) !important;
  font-size: var(--h2-size) !important;
  font-weight: var(--ak--font-weight_200) !important;
  line-height: 1.18 !important;
}

.info-overlay__quickstart-nextPreview {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.info-overlay__quickstart-copyBody {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--s5-p-) !important;
}

.info-overlay__quickstart-copyLine {
  color: var(--ak-white) !important;
  font-size: var(--app_font_regular-size-ui) !important;
  font-weight: var(--ak--font-weight_200);
  line-height: 1.58 !important;
}


.info-overlay__quickstart-svgIcon,
.info-overlay__quickstart-video {
  --info-quickstart-preview-icon-size: var(--info-quickstart-preview-control-width) !important;
  display: block !important;
  width: var(--info-quickstart-preview-icon-size) !important;
  height: var(--info-quickstart-preview-icon-size) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  -webkit-user-drag: none !important;
}

.info-overlay__quickstart-video {
  object-fit: contain !important;
  pointer-events: none !important;
}

.info-overlay__quickstart-stepPill {
  --info-quickstart-next-pill-width: var(--s92-p-) !important;
  --info-quickstart-next-pill-height: var(--s42-p-) !important;
  --info-quickstart-next-pill-padding-x: calc(var(--info-quickstart-next-pill-width) * 0.12);
  --info-quickstart-next-pill-gap: calc(var(--info-quickstart-next-pill-width) * 0.06);
  --info-quickstart-next-pill-font-size: var(--app_font_tooltip-size-ui);
  --info-quickstart-next-pill-letter-spacing: var(--app_font_step--letter-spacing);
  --info-quickstart-next-pill-icon-size: calc(var(--info-quickstart-next-pill-width) * 0.18);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--info-quickstart-next-pill-gap) !important;
  width: var(--s92-p-) !important;
  height: var(--info-quickstart-next-pill-height) !important;
  padding: 0 var(--info-quickstart-next-pill-padding-x) !important;
  border-radius: var(--ak-radius-panel) !important;
  background: var(--ak-dark) !important;
  color: var(--ak-offwhite) !important;
  box-shadow: var(--ak-box-shadow) !important;
  backdrop-filter: blur(var(--ak-glass-blur)) !important;
  -webkit-backdrop-filter: blur(var(--ak-glass-blur)) !important;
  cursor: default !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.info-overlay__quickstart-stepPill .step-pill-text {
  font-size: var(--app_font_small-size-ui) !important;
  font-weight: var(--ak--font-weight_600) !important;
  letter-spacing: var(--info-quickstart-next-pill-letter-spacing) !important;
  white-space: nowrap !important;
}

.info-overlay__quickstart-stepPill .step-pill-icon {
  width: var(--info-quickstart-next-pill-icon-size) !important;
  height: var(--info-quickstart-next-pill-icon-size) !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.info-overlay__quickstart-modePreview {
  position: relative !important;
  width: var(--info-quickstart-mode-preview-width) !important;
  height: var(--s28-p-) !important;
  max-width: 100% !important;
  max-height: var(--s28-p-) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-radius: var(--ak-radius-pill) !important;
  overflow: hidden !important;
  font-size: initial !important;
  line-height: 1 !important;
}

.info-overlay__quickstart-modePreviewThumb {
  position: absolute !important;
  top: var(--s1-p-) !important;
  bottom: var(--s1-p-) !important;
  left: var(--s1-p-) !important;
  width: calc(50% - var(--s1-p-)) !important;
  border-radius: var(--ak-radius-pill) !important;
  background: rgba(0, 0, 0, 0.64) !important;
  transform: translateX(0) !important;
}

.info-overlay__quickstart-modePreview[data-mode="tiles"] .info-overlay__quickstart-modePreviewThumb {
  transform: translateX(100%) !important;
}

.info-overlay__quickstart-modePreviewSeg {
  position: relative !important;
  z-index: 1 !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 6px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.info-overlay__quickstart-modePreview[data-mode="planks"] .info-overlay__quickstart-modePreviewSeg:first-of-type,
.info-overlay__quickstart-modePreview[data-mode="tiles"] .info-overlay__quickstart-modePreviewSeg:last-of-type {
  color: var(--ak-white) !important;
}

.info-overlay__quickstart-row--next .info-overlay__quickstart-copyTitle {
  display: none !important;
}

.info-overlay__continue-btn {
  display: none !important;
}

@media (max-width: 820px) {
  .info-overlay__quickstart {
    --info-quickstart-row-media-width: var(--s120-p-);
    --info-quickstart-row-gap: var(--s12-p-);
    --info-quickstart-row-padding-y: var(--s16-p-);
    --info-quickstart-row-padding-x: var(--s0-p-);
  }

  #info-overlay-panel .pdf-dropzone-close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: var(--s32-p-) !important;
    height: var(--s32-p-) !important;
    min-width: var(--s32-p-) !important;
    min-height: var(--s32-p-) !important;
    font-size: var(--s22-p-) !important;
    opacity: 1 !important;
    z-index: 6 !important;
  }

  #info-overlay {
    inset: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 1dvh var(--s12-p-) max(env(safe-area-inset-bottom), var(--s12-p-)) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    background: transparent !important;
  }

  #info-overlay-panel.floating-panel {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(99dvh - max(env(safe-area-inset-bottom), var(--s12-p-))) !important;
    margin: 0 !important;
    align-self: flex-start !important;
    padding: var(--s18-p-) !important;
    overflow: hidden !important;
    background: var(--float-svg-default) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #info-overlay-panel .info-overlay__header {
    position: relative !important;
    min-height: var(--s32-p-) !important;
    z-index: 4 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

  }

  #info-overlay-panel .info-overlay__header-top {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: var(--s32-p-) !important;
    height: 32px !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    pointer-events: none !important;
  }

  #info-overlay-panel .info-overlay__header-spacer {
    display: none !important;
  }

  #info-overlay-panel .info-overlay__header-top .pdf-dropzone-close {
    pointer-events: auto !important;
  }

  #info-overlay-panel .info-overlay__switch-row {
    min-width: 0 !important;
  }

  #info-overlay-switch.info-switch {
    max-width: 100% !important;
  }

  #info-overlay-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .info-overlay__grid {
    display: block !important;
  }

  .info-overlay__row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--s5-p-) !important;
  }

  #info-overlay-panel[data-first-visit] .info-overlay__header {
    display: none !important;
  }

  #info-overlay-panel[data-first-visit] .info-overlay__continue-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: var(--s48-p-) !important;
    flex-shrink: 0 !important;
    margin-top: var(--s12-p-) !important;
    padding: 0 var(--s24-p-) !important;
    border-radius: var(--ak-radius-card) !important;
    font-size: var(--app_font_regular-size-ui);
    font-weight: var(--ak--font-weight_100) !important;
    background: none !important;
    color: var(--ak-white) !important;
    cursor: pointer !important;
       box-sizing: border-box;
  border: var(--s1-p-) solid rgba(255, 255, 255, 0.665);
  }

}


.billing-return {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.billing-return__card {
  width: calc(var(--s430-p-) + var(--s40-p-));
  max-width: calc(100vw - var(--s48-p-));
  display: flex;
  flex-direction: column;
  gap: var(--s20-p-);
  padding: var(--s32-p-);
  border-radius: var(--ak-radius-panel);
  background: var(--float-svg-default);
  box-shadow: var(--ak-shadow-strong);
  box-sizing: border-box;
  border: var(--s1-p-) solid rgba(255, 255, 255, 0.08);
}

.billing-return__eyebrow {
  margin: 0;
  color: var(--ak-light);
  font-size: var(--app_font_label-size-ui);
  letter-spacing: var(--app_font_label--letter-spacing);
  text-transform: uppercase;
}

.billing-return__band {
  display: inline-block;
  align-self: flex-start;
  padding: 0;
  border-radius: 0;
  font-size: var(--h2-size);
  font-weight: var(--ak--font-weight_100);
  letter-spacing: var(--h2--letter-spacing);
  line-height: var(--lh-1-0);
  color: var(--ak-white);
  box-sizing: border-box;
  background: transparent;
}

.billing-return__title {
  margin: 0;
  color: var(--ak-offwhite);
  font-size: var(--h2-size);
  letter-spacing: var(--h2--letter-spacing);
  line-height: var(--h2--line-height);
  font-weight: var(--ak--font-weight_400);
}

.billing-return__copy {
  margin: 0;
  color: var(--ak-white-sec);
  opacity: 0.86;
  font-size: var(--app_font_regular-size-ui);
  letter-spacing: var(--app_font_regular--letter-spacing);
  line-height: 1.45;
}

.billing-return__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s10-p-);
  padding-top: var(--s8-p-);
}

.billing-return__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--s32-p-) + var(--s4-p-));
  padding: 0 var(--s18-p-);
  border-radius: var(--ak-radius-pill);
  border: var(--s1-p-) solid var(--ak-light);
  background: transparent;
  color: var(--ak-white);
  text-decoration: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-size: var(--app_font_mid-size-ui);
  letter-spacing: var(--app_font_mid--letter-spacing);
  line-height: var(--lh-1-0);
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
}

.billing-return__btn:hover,
.billing-return__btn:focus-visible {
  background: var(--ak-inactive);
  outline: none;
}

.billing-return__btn--primary {
  background: var(--ak-shape-accent);
  border-color: transparent;
  color: var(--ak-white);
}

.billing-return__btn--primary:hover,
.billing-return__btn--primary:focus-visible {
  background: var(--ak-accent);
}

.billing-return__btn[hidden] {
  display: none !important;
}

@media (max-width: 820px) {
  body {
    padding: var(--s12-p-);
  }

  .billing-return__card {
    width: calc(100vw - var(--s24-p-));
    max-width: calc(100vw - var(--s24-p-));
    padding: var(--s20-p-);
  }

  .billing-return__actions {
    flex-direction: column;
  }

  .billing-return__btn {
    width: 100%;
  }
}