/* Qwix Settings — compact account disclosure + General / Theme / Data */
html body #page-settings.v139-settings-page{
  min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;
  background:transparent!important;background-image:none!important;scrollbar-width:none!important;
}
html body #page-settings.v139-settings-page::-webkit-scrollbar{display:none!important;}
html body #page-settings,html body #page-settings *,html body #page-settings *::before,html body #page-settings *::after{box-sizing:border-box!important;}
html body #page-settings button,html body #page-settings input{font-family:Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-settings-wrap{
  width:100%!important;max-width:none!important;min-width:0!important;min-height:100%!important;
  margin:0!important;padding:12px 14px 22px!important;background:transparent!important;box-shadow:none!important;
}
html body #page-settings .qwix-settings-card{
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
html body #pluginSettingsOverlay{display:none!important;}
html body #page-settings .qx-settings-dashboard,
html body #page-settings .qx-style-details,
html body #page-settings .v139-slider-row,
html body #page-settings .v139-live-preview,
html body #page-settings .qwix-tooltip-settings-title,
html body #page-settings .qwix-tooltip-mode-row{display:none!important;}

/* Account: one compact card; device details live inside the same card. */
html body #page-settings .qwix-account-card{
  width:100%!important;min-width:0!important;margin:0 0 10px!important;border:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;
  border-radius:16px!important;background:var(--qwix-surface,var(--v139-secondary))!important;box-shadow:none!important;overflow:hidden!important;
  transition:border-color .2s ease,background-color .2s ease!important;
}
html body #page-settings .qwix-account-card:hover{border-color:var(--qwix-border,var(--aptk-edge))!important;}
html body #page-settings .qwix-account-summary{
  position:relative!important;width:100%!important;min-width:0!important;min-height:66px!important;display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto 20px!important;align-items:center!important;gap:10px!important;
  margin:0!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--aptk-text)!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important;
}
html body #page-settings .qwix-account-summary:hover{background:var(--qwix-surface-hover,rgba(255,255,255,.035))!important;}
html body #page-settings .qwix-account-summary:focus-visible{outline:1px solid var(--qwix-accent,var(--v139-primary))!important;outline-offset:-2px!important;}
html body #page-settings .qwix-profile-avatar{
  width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;background:var(--qwix-surface-pressed,rgba(255,255,255,.055))!important;
  border:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;color:var(--aptk-muted-strong)!important;box-shadow:none!important;
}
html body #page-settings .qwix-profile-avatar svg{
  width:24px!important;height:24px!important;display:block!important;stroke:currentColor!important;stroke-width:1.55!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body #page-settings .qwix-profile-identity{min-width:0!important;display:block!important;}
html body #page-settings .qwix-profile-identity strong{
  display:block!important;max-width:100%!important;color:var(--aptk-text)!important;font:800 11px/1.25 Inter,system-ui,sans-serif!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body #page-settings .qwix-profile-identity span{
  display:block!important;margin-top:3px!important;color:var(--aptk-muted)!important;font:650 8.5px/1.25 Inter,system-ui,sans-serif!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body #page-settings .qwix-settings-current-badge{flex:0 0 auto!important;width:auto!important;}
html body #page-settings .qwix-purchase-badge,
html body #page-settings .qwix-settings-current-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:4px 7px!important;
  border-radius:999px!important;font:800 8px/1 Inter,system-ui,sans-serif!important;white-space:nowrap!important;
}
html body #page-settings .qwix-purchase-badge.is-active,
html body #page-settings .qwix-settings-current-badge{
  color:var(--qwix-accent-soft-ink,var(--aptk-text))!important;background:var(--qwix-accent-soft-bg,rgba(217,119,87,.12))!important;
}
html body #page-settings .qwix-purchase-badge.is-inactive,
html body #page-settings .qwix-purchase-badge.is-loading{
  color:var(--aptk-muted)!important;background:var(--qwix-surface-pressed,rgba(0,0,0,.18))!important;
}
html body #page-settings .qwix-account-chevron{width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--aptk-muted)!important;}
html body #page-settings .qwix-account-chevron svg{width:18px!important;height:18px!important;display:block!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .3s cubic-bezier(.22,.8,.22,1)!important;}
html body #page-settings .qwix-account-card.is-open .qwix-account-chevron svg{transform:rotate(180deg)!important;}
html body #page-settings .qwix-account-details{
  min-width:0!important;max-height:0!important;padding:0 12px!important;border-top:1px solid transparent!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;
  transform:translateY(-4px)!important;transition:max-height .36s cubic-bezier(.22,.8,.22,1),padding .3s ease,opacity .2s ease,transform .3s ease,border-color .2s ease!important;
}
html body #page-settings .qwix-account-card.is-open .qwix-account-details{
  max-height:var(--qwix-account-max,360px)!important;padding:10px 12px 12px!important;border-top-color:var(--qwix-border-subtle,var(--aptk-edge))!important;
  opacity:1!important;transform:none!important;pointer-events:auto!important;
}
html body #page-settings .qwix-account-details-head{
  min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 4px!important;
}
html body #page-settings .qwix-account-details-head>span{color:var(--aptk-muted-strong)!important;font:760 8.5px/1.2 Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-settings-text-btn,
html body #page-settings .qwix-settings-row-button{
  flex:0 0 auto!important;min-width:0!important;min-height:26px!important;margin:0!important;padding:0 9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid var(--qwix-border,var(--aptk-edge))!important;border-radius:9px!important;background:transparent!important;
  color:var(--aptk-muted-strong)!important;box-shadow:none!important;font:750 8.5px/1 Inter,system-ui,sans-serif!important;white-space:nowrap!important;
}
html body #page-settings #qwixSettingsRefreshDevices{
  width:58px!important;min-width:58px!important;max-width:58px!important;
  transition:color .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease!important;
}
html body #page-settings #qwixSettingsRefreshDevices.is-loading{opacity:.58!important;}
html body #page-settings .qwix-settings-text-btn:hover,
html body #page-settings .qwix-settings-row-button:hover{color:var(--aptk-text)!important;background:var(--qwix-surface-hover,rgba(255,255,255,.035))!important;}
html body #page-settings .qwix-settings-device-list{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
html body #page-settings .qwix-settings-device-row{
  width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;box-sizing:border-box!important;
  padding:8px 0!important;border:0!important;border-bottom:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;background:transparent!important;box-shadow:none!important;
}
html body #page-settings .qwix-settings-device-row:last-child{border-bottom:0!important;}
html body #page-settings .qwix-account-connection{
  width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;box-sizing:border-box!important;
  padding:8px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--aptk-muted)!important;font:600 8px/1.25 Inter,system-ui,sans-serif!important;
}
html body #page-settings .qwix-account-connection #qwixSettingsConnectionValue.is-offline{color:#f5a524!important;}
html body #page-settings .qwix-account-connection #qwixSettingsConnectionValue.is-online{color:var(--aptk-text)!important;}
html body #page-settings .qwix-settings-device-marker{flex:0 0 5px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--qwix-detail,var(--v139-detail))!important;}
html body #page-settings .qwix-settings-device-copy{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:9px!important;}
html body #page-settings .qwix-settings-device-text{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;}
html body #page-settings .qwix-settings-device-copy strong{
  display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;color:var(--aptk-text)!important;font:750 9px/1.25 Inter,system-ui,sans-serif!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;
}
html body #page-settings .qwix-settings-device-text>span{display:block!important;min-width:0!important;margin-top:2px!important;color:var(--aptk-muted)!important;font:600 8px/1.25 Inter,system-ui,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;}
html body #page-settings .qwix-settings-device-empty{padding:8px 0!important;color:var(--aptk-muted)!important;font:650 8.5px/1.35 Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-account-signout{
  width:100%!important;min-height:30px!important;margin:7px 0 0!important;padding:0 10px!important;border:1px solid var(--qwix-border,var(--aptk-edge))!important;
  border-radius:10px!important;background:transparent!important;color:var(--aptk-muted-strong)!important;box-shadow:none!important;font:760 8.5px/1 Inter,system-ui,sans-serif!important;
}
html body #page-settings .qwix-account-signout:hover{background:rgba(255,86,104,.09)!important;border-color:rgba(255,86,104,.2)!important;color:#ff8792!important;}

/* Main segmented navigation, like the compact selectors elsewhere in Qwix. */
html body #page-settings .qwix-settings-tabs{
  position:relative!important;isolation:isolate!important;width:100%!important;height:35px!important;display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;margin:0 0 10px!important;padding:3px!important;
  border:1px solid var(--qwix-border,var(--aptk-edge))!important;border-radius:13px!important;background:var(--qwix-surface-pressed,rgba(0,0,0,.18))!important;
  overflow:hidden!important;box-shadow:none!important;
}
html body #page-settings .qwix-settings-tab-indicator{
  position:absolute!important;z-index:0!important;left:3px!important;top:3px!important;bottom:3px!important;width:calc((100% - 6px)/3)!important;
  border-radius:10px!important;background:var(--qwix-accent,var(--v139-primary))!important;box-shadow:none!important;pointer-events:none!important;
  transform:translateX(0)!important;transition:transform .34s cubic-bezier(.22,.8,.22,1),background-color .2s ease!important;
}
html body #page-settings .qwix-settings-tabs[data-active="theme"] .qwix-settings-tab-indicator{transform:translateX(100%)!important;}
html body #page-settings .qwix-settings-tabs[data-active="data"] .qwix-settings-tab-indicator{transform:translateX(200%)!important;}
html body #page-settings .qwix-settings-tabs button{
  position:relative!important;z-index:1!important;min-width:0!important;width:100%!important;height:27px!important;margin:0!important;padding:0 4px!important;
  border:0!important;border-radius:9px!important;background:transparent!important;color:var(--aptk-muted)!important;box-shadow:none!important;
  font:800 9px/1 Inter,system-ui,sans-serif!important;text-align:center!important;white-space:nowrap!important;transition:color .18s ease!important;
}
html body #page-settings .qwix-settings-tabs button:hover{color:var(--aptk-text)!important;background:transparent!important;}
html body #page-settings .qwix-settings-tabs button.is-active{color:var(--qwix-accent-ink,#fff)!important;}
html body #page-settings .qwix-settings-tabs button:focus-visible{outline:1px solid var(--aptk-text)!important;outline-offset:-3px!important;}

/* Panels are flat, readable, and occupy the full available width. */
html body #page-settings .qwix-settings-panels{width:100%!important;min-width:0!important;}
html body #page-settings .qwix-settings-panel{display:none!important;width:100%!important;min-width:0!important;padding:1px 0 5px!important;background:transparent!important;border:0!important;}
html body #page-settings .qwix-settings-panel.is-active{display:block!important;animation:qwixSettingsPanelIn .28s cubic-bezier(.22,.8,.22,1) both!important;}
@keyframes qwixSettingsPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body #page-settings .qwix-settings-list{width:100%!important;min-width:0!important;border:0!important;background:transparent!important;}
html body #page-settings .qwix-setting-row{
  width:100%!important;min-width:0!important;min-height:52px!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;gap:9px!important;margin:0!important;padding:10px 1px!important;border:0!important;
  border-bottom:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;background:transparent!important;color:var(--aptk-text)!important;box-shadow:none!important;
}
html body #page-settings .qwix-setting-row:last-child{border-bottom:0!important;}
html body #page-settings label.qwix-setting-row{cursor:pointer!important;}
html body #page-settings .qwix-setting-copy{min-width:0!important;}
html body #page-settings .qwix-setting-copy strong{display:block!important;color:var(--aptk-text)!important;font:760 10px/1.25 Inter,system-ui,sans-serif!important;overflow-wrap:anywhere!important;}
html body #page-settings .qwix-setting-copy small{display:block!important;margin-top:3px!important;color:var(--aptk-muted)!important;font:600 8.5px/1.35 Inter,system-ui,sans-serif!important;overflow-wrap:anywhere!important;}
html body #page-settings .qwix-setting-action-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;}
html body #page-settings .qwix-checkbox{position:relative!important;width:15px!important;height:15px!important;display:block!important;margin-top:1px!important;}
html body #page-settings .qwix-checkbox input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer!important;}
html body #page-settings .qwix-checkbox i{position:absolute!important;inset:0!important;display:block!important;border:1px solid var(--qwix-border,var(--aptk-edge))!important;border-radius:4px!important;background:var(--qwix-surface-pressed,rgba(0,0,0,.18))!important;transition:background-color .16s ease,border-color .16s ease!important;}
html body #page-settings .qwix-checkbox i:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:4px!important;height:7px!important;border:solid var(--qwix-accent-ink,#fff)!important;border-width:0 2px 2px 0!important;transform-origin:center!important;transform:translate(-50%,-58%) rotate(45deg) scale(.55)!important;opacity:0!important;transition:opacity .13s ease,transform .16s cubic-bezier(.2,.8,.2,1)!important;}
html body #page-settings .qwix-checkbox input:checked+i{border-color:var(--qwix-accent,var(--v139-primary))!important;background:var(--qwix-accent,var(--v139-primary))!important;}
html body #page-settings .qwix-checkbox input:checked+i:after{opacity:1!important;transform:translate(-50%,-58%) rotate(45deg) scale(1)!important;}
html body #page-settings .qwix-checkbox input:focus-visible+i{outline:1px solid var(--aptk-muted-strong)!important;outline-offset:2px!important;}

/* Tooltip detail segmented control. */
html body #page-settings .qwix-tooltip-preference-row{grid-template-columns:minmax(0,1fr) minmax(150px,178px)!important;align-items:center!important;gap:12px!important;}
html body #page-settings .qwix-tooltip-mode-slider{
  position:relative!important;isolation:isolate!important;min-width:0!important;width:100%!important;height:30px!important;display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;padding:2px!important;border:1px solid var(--qwix-border,var(--aptk-edge))!important;
  border-radius:10px!important;background:var(--qwix-surface-pressed,rgba(0,0,0,.18))!important;overflow:hidden!important;box-shadow:none!important;
}
html body #page-settings .qwix-tooltip-mode-indicator{position:absolute!important;z-index:0!important;left:2px!important;top:2px!important;bottom:2px!important;width:calc((100% - 4px)/3)!important;border-radius:7px!important;background:var(--qwix-accent,var(--v139-primary))!important;transform:translateX(0)!important;transition:transform .3s cubic-bezier(.22,.8,.22,1)!important;pointer-events:none!important;}
html body #page-settings .qwix-tooltip-mode-slider[data-mode="short"] .qwix-tooltip-mode-indicator{transform:translateX(100%)!important;}
html body #page-settings .qwix-tooltip-mode-slider[data-mode="none"] .qwix-tooltip-mode-indicator{transform:translateX(200%)!important;}
html body #page-settings .qwix-tooltip-mode-slider button{position:relative!important;z-index:1!important;min-width:0!important;width:100%!important;height:24px!important;margin:0!important;padding:0 3px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--aptk-muted)!important;box-shadow:none!important;font:780 8.5px/1 Inter,system-ui,sans-serif!important;transition:color .18s ease!important;}
html body #page-settings .qwix-tooltip-mode-slider button:hover{color:var(--aptk-text)!important;background:transparent!important;}
html body #page-settings .qwix-tooltip-mode-slider button.is-active{color:var(--qwix-accent-ink,#fff)!important;}
html body #page-settings .qwix-tooltip-mode-slider button:focus-visible{outline:1px solid var(--aptk-text)!important;outline-offset:-3px!important;}

/* Theme page. */
html body #page-settings .qwix-settings-group-head{min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:2px 0 9px!important;}
html body #page-settings .qwix-settings-group-head>div{min-width:0!important;}
html body #page-settings .qwix-settings-group-head strong{display:block!important;color:var(--aptk-text)!important;font:800 11px/1.2 Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-settings-group-head span{display:block!important;margin-top:3px!important;color:var(--aptk-muted)!important;font:600 8.5px/1.35 Inter,system-ui,sans-serif!important;overflow-wrap:anywhere!important;}
html body #page-settings .qwix-settings-divider{height:1px!important;margin:14px 0!important;background:var(--qwix-border-subtle,var(--aptk-edge))!important;}
html body #page-settings .v139-theme-presets,
html body #page-settings .qwix-custom-theme-list{min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
html body #page-settings .v139-theme-preset{
  position:relative!important;isolation:isolate!important;min-width:0!important;width:100%!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0 9px!important;overflow:hidden!important;border:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;border-radius:12px!important;
  background:var(--qwix-surface,var(--v139-secondary))!important;color:var(--aptk-text)!important;box-shadow:none!important;
}
html body #page-settings .v139-theme-preset b{position:relative!important;z-index:2!important;display:block!important;max-width:100%!important;color:var(--aptk-text)!important;font:800 9px/1 Inter,system-ui,sans-serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease!important;}
html body #page-settings .v139-theme-preset-dots{position:absolute!important;z-index:1!important;inset:0!important;display:flex!important;opacity:0!important;transform:translateY(100%)!important;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .22s ease!important;}
html body #page-settings .v139-theme-preset-dots i{flex:1 1 20%!important;height:100%!important;display:block!important;background:var(--preset-color)!important;}
html body #page-settings .v139-theme-preset:hover .v139-theme-preset-dots,
html body #page-settings .v139-theme-preset:focus-visible .v139-theme-preset-dots{opacity:1!important;transform:none!important;}
html body #page-settings .v139-theme-preset:hover b,
html body #page-settings .v139-theme-preset:focus-visible b{opacity:0!important;transform:translateY(-4px)!important;}
html body #page-settings .v139-theme-preset.is-active{border-color:var(--qwix-accent,var(--v139-primary))!important;}
html body #page-settings .v139-theme-preset.is-active:after{content:""!important;position:absolute!important;z-index:3!important;right:6px!important;top:6px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--qwix-accent,var(--v139-primary))!important;}
html body #page-settings .qwix-custom-themes-head{margin-top:13px!important;}
html body #page-settings .qwix-custom-theme-card{position:relative!important;min-width:0!important;}
html body #page-settings .qwix-custom-theme-card .v139-theme-preset{padding-right:31px!important;}
html body #page-settings .qwix-custom-theme-delete{position:absolute!important;z-index:5!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0!important;border:0!important;border-radius:8px!important;background:rgba(0,0,0,.18)!important;color:var(--aptk-muted)!important;opacity:0!important;transition:opacity .18s ease,background-color .18s ease,color .18s ease!important;font:800 12px/1 Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-custom-theme-card:hover .qwix-custom-theme-delete{opacity:1!important;}
html body #page-settings .qwix-custom-theme-delete:hover{background:rgba(255,86,104,.18)!important;color:#ff8792!important;}
html body #page-settings .qwix-custom-theme-empty{grid-column:1/-1!important;padding:8px 1px!important;color:var(--aptk-muted)!important;font:650 8.5px/1.35 Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-custom-theme-list.is-empty{display:block!important;}

/* Color roles: copy at the left, editable color at the right. */
html body #page-settings .qwix-theme-color-list{width:100%!important;min-width:0!important;overflow:hidden!important;border:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;border-radius:14px!important;background:transparent!important;}
html body #page-settings .v139-color-row{position:relative!important;min-width:0!important;min-height:55px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(78px,28%)!important;align-items:stretch!important;border-top:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;background:transparent!important;overflow:hidden!important;}
html body #page-settings .v139-color-row:first-child{border-top:0!important;}
html body #page-settings .v139-color-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:9px 10px!important;}
html body #page-settings .v139-color-copy strong{display:block!important;color:var(--aptk-text)!important;font:760 9.5px/1.2 Inter,system-ui,sans-serif!important;overflow-wrap:anywhere!important;}
html body #page-settings .v139-color-copy span{display:block!important;margin-top:3px!important;color:var(--aptk-muted)!important;font:600 8.5px/1.3 Inter,system-ui,sans-serif!important;overflow-wrap:anywhere!important;}
html body #page-settings .qwix-role-color{position:absolute!important;z-index:2!important;top:0!important;right:0!important;bottom:0!important;width:28%!important;min-width:78px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--role-color)!important;border-left:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;border-radius:0!important;cursor:pointer!important;overflow:hidden!important;transition:width .4s cubic-bezier(.2,.8,.2,1)!important;}
html body #page-settings .v139-color-row:first-child .qwix-role-color{border-top-right-radius:13px!important;}
html body #page-settings .v139-color-row:last-child .qwix-role-color{border-bottom-right-radius:13px!important;}
html body #page-settings .qwix-role-color:hover,
html body #page-settings .qwix-role-color:focus-within{width:64%!important;}
html body #page-settings .qwix-role-color input[type="color"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;cursor:pointer!important;}
html body #page-settings .qwix-role-hex{position:relative!important;z-index:2!important;color:#fff!important;opacity:0!important;transform:translateX(7px)!important;text-shadow:0 1px 2px rgba(0,0,0,.32)!important;font:800 9px/1 "IBM Plex Mono",Consolas,monospace!important;letter-spacing:.04em!important;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;pointer-events:none!important;}
html body #page-settings .qwix-role-color.is-light .qwix-role-hex{color:#171717!important;text-shadow:none!important;}
html body #page-settings .qwix-role-color:hover .qwix-role-hex,
html body #page-settings .qwix-role-color:focus-within .qwix-role-hex{opacity:1!important;transform:none!important;}
html body #page-settings .qwix-hidden-theme-hex{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;}

/* Data page. */
html body #page-settings .qwix-data-actions-list{margin:0 0 1px!important;}
html body #page-settings .qwix-info-list{width:100%!important;min-width:0!important;background:transparent!important;}
html body #page-settings .qwix-info-row{min-width:0!important;display:grid!important;grid-template-columns:minmax(70px,auto) minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:8px 1px!important;border-bottom:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;}
html body #page-settings .qwix-info-row:last-child{border-bottom:0!important;}
html body #page-settings .qwix-info-row span{color:var(--aptk-muted)!important;font:700 8.5px/1.3 Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-info-row strong{min-width:0!important;color:var(--aptk-text)!important;font:650 8.5px/1.35 "IBM Plex Mono",Consolas,monospace!important;text-align:right!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
html body #page-settings .qwix-settings-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:11px!important;}
html body #page-settings .qwix-settings-actions button{flex:1 1 100px!important;min-width:0!important;min-height:31px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:var(--qwix-accent,var(--v139-primary))!important;color:var(--qwix-accent-ink,#fff)!important;box-shadow:none!important;font:780 8.5px/1 Inter,system-ui,sans-serif!important;}
html body #page-settings .qwix-settings-actions button.secondary{border:1px solid var(--qwix-border,var(--aptk-edge))!important;background:transparent!important;color:var(--aptk-text)!important;}
html body #page-settings .qwix-settings-actions button.danger{border:1px solid rgba(255,86,104,.2)!important;background:rgba(255,86,104,.10)!important;color:#ff8792!important;}

@media (min-width:560px){
  html body #page-settings .v139-theme-presets,html body #page-settings .qwix-custom-theme-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:360px){
  html body #page-settings .qwix-settings-wrap{padding:10px 11px 18px!important;}
  html body #page-settings .qwix-account-summary{grid-template-columns:42px minmax(0,1fr) 18px!important;gap:8px!important;}
  html body #page-settings .qwix-profile-avatar{width:40px!important;height:40px!important;}
  html body #page-settings .qwix-purchase-badge{grid-column:2!important;justify-self:start!important;margin-top:-2px!important;}
  html body #page-settings .qwix-account-chevron{grid-column:3!important;grid-row:1/3!important;}
  html body #page-settings .qwix-tooltip-preference-row{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;}
  html body #page-settings .qwix-tooltip-mode-slider{width:100%!important;max-width:none!important;}
  html body #page-settings .v139-theme-presets,html body #page-settings .qwix-custom-theme-list{grid-template-columns:minmax(0,1fr)!important;}
  html body #page-settings .qwix-role-color{width:31%!important;min-width:72px!important;}
  html body #page-settings .qwix-role-color:hover,html body #page-settings .qwix-role-color:focus-within{width:70%!important;}
}
@media (max-width:285px){
  html body #page-settings .qwix-settings-wrap{padding-left:9px!important;padding-right:9px!important;}
  html body #page-settings .qwix-settings-tabs button{font-size:8px!important;}
  html body #page-settings .qwix-setting-action-row{grid-template-columns:minmax(0,1fr)!important;}
  html body #page-settings .qwix-settings-row-button{justify-self:start!important;margin-top:4px!important;}
  html body #page-settings .qwix-info-row{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;}
  html body #page-settings .qwix-info-row strong{text-align:left!important;}
  html body #page-settings .qwix-role-color{width:35%!important;min-width:66px!important;}
  html body #page-settings .qwix-role-color:hover,html body #page-settings .qwix-role-color:focus-within{width:76%!important;}
}

html[data-qwix-tooltip-mode="short"] .qwix-motion-tooltip-description{display:none!important;}
html[data-qwix-tooltip-mode="none"] .qwix-motion-tooltip{display:none!important;}

/* ===== General preferences + draggable main-menu layout ===== */
/* Native button baselines sit slightly low in CEP. Use actual flex centering for
   both segmented controls so the text is optically and geometrically centered. */
html body #page-settings .qwix-settings-tabs button,
html body #page-settings .qwix-tooltip-mode-slider button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
/* CEP centers the line box correctly, but Inter glyphs render about three
   pixels low. Move only the visible label, not the indicator or hit area. */
html body #page-settings .qwix-settings-tabs button>.qwix-segment-label,
html body #page-settings .qwix-tooltip-mode-slider button>.qwix-segment-label{
  display:block!important;
  line-height:1!important;
  transform:translateY(-3px)!important;
  pointer-events:none!important;
}

html body #page-settings .qwix-setting-row-single-line{
  min-height:40px!important;
  grid-template-columns:15px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:6px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
html body #page-settings .qwix-setting-row-single-line .qwix-checkbox{
  margin-top:0!important;
  align-self:center!important;
}
html body #page-settings .qwix-setting-copy-inline{
  min-height:15px!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  cursor:pointer!important;
  outline:none!important;
}
html body #page-settings .qwix-setting-copy-inline strong{
  display:block!important;
  min-height:0!important;
  line-height:15px!important;
  transform:translateY(-.5px)!important;
}
html body #page-settings .qwix-setting-copy-inline:focus-visible{
  border-radius:5px!important;
  outline:1px solid var(--aptk-muted-strong)!important;
  outline-offset:2px!important;
}

html body #page-settings .qwix-layout-divider{margin:12px 0 11px!important;}
html body #page-settings .qwix-layout-editor-head{margin-bottom:8px!important;}
html body #page-settings .qwix-layout-editor{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}
html body #page-settings .qwix-layout-zone-wrap{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
html body #page-settings .qwix-layout-zone-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0 2px!important;
}
html body #page-settings .qwix-layout-zone-title strong{
  color:var(--aptk-text)!important;
  font:780 9px/1.2 Inter,system-ui,sans-serif!important;
}
html body #page-settings .qwix-layout-zone-title span{
  color:var(--aptk-muted)!important;
  font:600 7.5px/1.2 Inter,system-ui,sans-serif!important;
  text-align:right!important;
}
html body #page-settings .qwix-layout-zone{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-width:0!important;
  min-height:64px!important;
  padding:5px!important;
  border:1px solid var(--qwix-border,var(--aptk-edge))!important;
  border-radius:14px!important;
  background:var(--qwix-surface-pressed,rgba(0,0,0,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease!important;
}
html body #page-settings .qwix-layout-menu{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(42px,1fr))!important;
  align-items:stretch!important;
  gap:4px!important;
}
html body #page-settings .qwix-layout-hidden{
  display:flex!important;
  align-items:center!important;
  align-content:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  background:rgba(0,0,0,.10)!important;
  border-style:dashed!important;
}
html body #page-settings .qwix-layout-editor.is-dragging .qwix-layout-zone{
  border-color:var(--qwix-accent,var(--v139-primary))!important;
}
html body #page-settings .qwix-layout-item{
  position:relative!important;
  min-width:0!important;
  height:52px!important;
  display:grid!important;
  grid-template-rows:25px 12px!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  margin:0!important;
  padding:5px 3px 4px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--aptk-muted-strong,var(--aptk-muted))!important;
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  transform:translate3d(0,0,0);
  will-change:transform,opacity;
}
html body #page-settings .qwix-layout-item:hover{
  border-color:var(--qwix-border-subtle,var(--aptk-edge))!important;
  background:var(--qwix-surface,var(--v139-secondary))!important;
  color:var(--aptk-text)!important;
}
html body #page-settings .qwix-layout-item:active{cursor:grabbing!important;}
html body #page-settings .qwix-layout-item.is-dragging{
  z-index:4!important;
  opacity:.34!important;
  cursor:grabbing!important;
}
html body #page-settings .qwix-layout-item.is-locked{
  cursor:default!important;
  color:var(--aptk-text)!important;
  background:rgba(255,255,255,.025)!important;
  border-color:var(--qwix-border-subtle,var(--aptk-edge))!important;
}
html body #page-settings .qwix-layout-icon{
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:currentColor!important;
  pointer-events:none!important;
}
html body #page-settings .qwix-layout-icon .v120-nav-icon{
  width:18px!important;
  height:18px!important;
  display:block!important;
  color:currentColor!important;
}
html body #page-settings .qwix-layout-icon .v120-nav-icon-logo{
  width:18px!important;
  height:18px!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:url('../assets/logo-q-mask.png') center/contain no-repeat!important;
  mask:url('../assets/logo-q-mask.png') center/contain no-repeat!important;
}
html body #page-settings .qwix-layout-label{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:currentColor!important;
  font:750 7px/12px Inter,system-ui,sans-serif!important;
  pointer-events:none!important;
}
html body #page-settings .qwix-layout-grip{
  position:absolute!important;
  left:4px!important;
  top:5px!important;
  width:5px!important;
  display:grid!important;
  grid-template-columns:repeat(2,2px)!important;
  gap:1px!important;
  opacity:0!important;
  transition:opacity .15s ease!important;
  pointer-events:none!important;
}
html body #page-settings .qwix-layout-item:hover .qwix-layout-grip{opacity:.52!important;}
html body #page-settings .qwix-layout-item.is-locked .qwix-layout-grip{display:none!important;}
html body #page-settings .qwix-layout-grip i{
  width:2px!important;
  height:2px!important;
  border-radius:50%!important;
  background:currentColor!important;
}
html body #page-settings .qwix-layout-lock{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  color:var(--qwix-accent,var(--v139-primary))!important;
  font-size:5px!important;
  line-height:1!important;
  opacity:.8!important;
  pointer-events:none!important;
}
html body #page-settings .qwix-layout-hidden .qwix-layout-item{
  width:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  background:var(--qwix-surface,var(--v139-secondary))!important;
  border-color:var(--qwix-border-subtle,var(--aptk-edge))!important;
}
html body #page-settings .qwix-layout-empty{
  position:absolute!important;
  inset:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  color:var(--aptk-muted)!important;
  font:650 8px/1 Inter,system-ui,sans-serif!important;
  pointer-events:none!important;
}

/* Hidden main pages are removed from layout; remaining buttons divide the
   complete menu width evenly. */
html body #v120Nav.v120-nav{
  grid-template-columns:repeat(var(--qwix-nav-count,7),minmax(0,1fr))!important;
}
html body #v120Nav.v120-nav .v120-nav-btn.qwix-nav-hidden{display:none!important;}

/* This one explanatory tooltip is intentionally always full, independent of
   the global Full / Short / None preference. */
html[data-qwix-tooltip-mode="short"].qwix-force-full-tooltip-active .qwix-motion-tooltip-description{
  display:block!important;
}
html[data-qwix-tooltip-mode="none"].qwix-force-full-tooltip-active .qwix-motion-tooltip{
  display:block!important;
}

@media(max-width:350px){
  html body #page-settings .qwix-layout-menu{grid-template-columns:repeat(auto-fit,minmax(38px,1fr))!important;gap:2px!important;}
  html body #page-settings .qwix-layout-item{height:48px!important;padding-left:2px!important;padding-right:2px!important;}
  html body #page-settings .qwix-layout-label{font-size:6.5px!important;}
  html body #page-settings .qwix-layout-zone-title span{display:none!important;}
}

/* ===== Settings polish: aligned rows, unified themes, neutral layout editor ===== */
/* Account summary contains one identity line only. Keep the email optically
   centered against the 44px avatar and nudge it one pixel down in CEP. */
html body #page-settings .qwix-profile-identity{
  min-width:0!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  transform:translateY(1px)!important;
}
html body #page-settings .qwix-profile-identity strong{
  width:100%!important;
  line-height:14px!important;
}
html body #page-settings .qwix-profile-identity span{display:none!important;}

/* Remove horizontal separator rules from every Settings section while keeping
   the outer borders of actual controls/cards. */
html body #page-settings .qwix-setting-row,
html body #page-settings .qwix-settings-device-row,
html body #page-settings .v139-color-row,
html body #page-settings .qwix-info-row{
  border-top:0!important;
  border-bottom:0!important;
}
html body #page-settings .qwix-settings-divider{display:none!important;}
html body #page-settings .qwix-account-details,
html body #page-settings .qwix-account-card.is-open .qwix-account-details{
  border-top:0!important;
  border-top-color:transparent!important;
}
html body #page-settings #qwixSettingsPanelData .qwix-settings-group-head,
html body #page-settings .qwix-interface-colors-head{margin-top:14px!important;}

/* Checkbox and label share one fixed center line. No inherited grid alignment,
   top margins, or independent transforms are allowed to move one without the
   other. */
html body #page-settings .qwix-setting-row-single-line{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:9px 1px!important;
}
html body #page-settings .qwix-setting-row-single-line .qwix-checkbox{
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  align-self:center!important;
  transform:translateY(0)!important;
}
html body #page-settings .qwix-setting-copy-inline{
  flex:1 1 auto!important;
  width:auto!important;
  min-height:15px!important;
  height:15px!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
}
html body #page-settings .qwix-setting-copy-inline strong{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font:760 10px/15px Inter,system-ui,sans-serif!important;
  transform:translateY(-.5px)!important;
}

/* Theme previews are one continuous palette: square internal blocks, with
   rounding only on the outward face of the first and last block. */
html body #page-settings .v139-theme-preset-dots{border-radius:0!important;overflow:visible!important;}
html body #page-settings .v139-theme-preset-dots i{
  border-radius:0!important;
  overflow:hidden!important;
}
html body #page-settings .v139-theme-preset-dots i:first-child{
  border-radius:11px 0 0 11px!important;
}
html body #page-settings .v139-theme-preset-dots i:last-child{
  border-radius:0 11px 11px 0!important;
}

/* Saved custom themes live in the same preset grid as the built-in themes. */
html body #page-settings .qwix-custom-theme-list{
  display:contents!important;
}
html body #page-settings .qwix-custom-theme-card{
  position:relative!important;
  min-width:0!important;
  display:block!important;
}
html body #page-settings .qwix-custom-theme-empty{display:none!important;}
html body #page-settings .qwix-theme-save-btn{
  width:100%!important;
  min-height:31px!important;
  margin:9px 0 0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--qwix-accent,var(--v139-primary))!important;
  color:var(--qwix-accent-ink,#fff)!important;
  box-shadow:none!important;
  font:780 8.5px/1 Inter,system-ui,sans-serif!important;
  cursor:pointer!important;
}
html body #page-settings .qwix-theme-save-btn:hover{
  background:var(--qwix-accent-hover,var(--qwix-accent,var(--v139-primary)))!important;
}

/* No grip dots. The zones are neutral at rest and receive the accent only
   between dragstart and dragend/drop. */
html body #page-settings .qwix-layout-grip{display:none!important;}
html body #page-settings .qwix-layout-zone{
  border-color:var(--qwix-border-subtle,var(--aptk-edge))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
html body #page-settings .qwix-layout-editor:not(.is-dragging) .qwix-layout-zone{
  border-color:var(--qwix-border-subtle,var(--aptk-edge))!important;
}
html body #page-settings .qwix-layout-editor.is-dragging .qwix-layout-zone{
  border-color:var(--qwix-accent,var(--v139-primary))!important;
  box-shadow:none!important;
}

/* 2026-07-18: Theme editor layout mirrored so swatches stay on the left and copy sits on the right. */
html body #page-settings .v139-color-row{
  grid-template-columns:minmax(74px,88px) minmax(0,1fr)!important;
  min-height:58px!important;
}
html body #page-settings .v139-color-copy{
  grid-column:2!important;
  grid-row:1!important;
  padding:9px 11px!important;
  text-align:left!important;
  align-self:center!important;
}
html body #page-settings .v139-color-copy strong,
html body #page-settings .v139-color-copy span{
  text-align:left!important;
}
html body #page-settings .qwix-role-color{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:74px!important;
  height:100%!important;
  min-height:58px!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  border-left:0!important;
  border-right:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;
  border-radius:0!important;
  transition:background-color .22s ease, box-shadow .22s ease, transform .18s ease!important;
}
html body #page-settings .v139-color-row:first-child .qwix-role-color{border-top-left-radius:13px!important;border-top-right-radius:0!important;}
html body #page-settings .v139-color-row:last-child .qwix-role-color{border-bottom-left-radius:13px!important;border-bottom-right-radius:0!important;}
html body #page-settings .qwix-role-color:hover,
html body #page-settings .qwix-role-color:focus-within{
  width:auto!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(255,255,255,.025)!important;
}
html body #page-settings .qwix-role-hex{
  opacity:0!important;
  transform:translateY(3px)!important;
  letter-spacing:.03em!important;
}
html body #page-settings .qwix-role-color:hover .qwix-role-hex,
html body #page-settings .qwix-role-color:focus-within .qwix-role-hex{
  opacity:1!important;
  transform:translateY(0)!important;
}

/* 2026-07-18 v2: continuous left color rail, right-aligned copy, expanding HEX reveal. */
html body #page-settings .qwix-theme-color-list{
  display:block!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
html body #page-settings .v139-color-row{
  position:relative!important;
  display:block!important;
  min-height:60px!important;
  margin:0!important;
  border-top:0!important;
  overflow:hidden!important;
}
html body #page-settings .v139-color-row + .v139-color-row{
  border-top:0!important;
}
html body #page-settings .v139-color-copy{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-height:60px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:9px 11px 9px 31%!important;
  text-align:right!important;
  pointer-events:none!important;
}
html body #page-settings .v139-color-copy strong,
html body #page-settings .v139-color-copy span{
  width:100%!important;
  text-align:right!important;
}
html body #page-settings .qwix-role-color{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:0!important;
  width:28%!important;
  min-width:78px!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:width .4s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease!important;
}
html body #page-settings .v139-color-row:first-child .qwix-role-color{
  border-top-left-radius:13px!important;
  border-top-right-radius:0!important;
}
html body #page-settings .v139-color-row:last-child .qwix-role-color{
  border-bottom-left-radius:13px!important;
  border-bottom-right-radius:0!important;
}
html body #page-settings .qwix-role-color:hover,
html body #page-settings .qwix-role-color:focus-within{
  width:64%!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),8px 0 18px rgba(0,0,0,.16)!important;
}
html body #page-settings .qwix-role-hex{
  opacity:0!important;
  transform:translateX(-7px)!important;
  transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;
}
html body #page-settings .qwix-role-color:hover .qwix-role-hex,
html body #page-settings .qwix-role-color:focus-within .qwix-role-hex{
  opacity:1!important;
  transform:none!important;
}

/* Hex code field: the native OS/CEP color picker opened by the swatch only
   exposes RGB sliders, no way to paste a hex value - this always-visible
   field next to the role copy lets users type or paste one directly. The
   parent .v139-color-copy is pointer-events:none (so it never blocks the
   color rail's own hover/click area); this input opts itself back in. */
html body #page-settings .v139-color-copy .v139-hex-input{
  pointer-events:auto!important;
  align-self:flex-end!important;
  width:66px!important;
  max-width:100%!important;
  margin-top:5px!important;
  padding:3px 7px!important;
  border:1px solid var(--qwix-border-subtle,var(--aptk-edge))!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.05)!important;
  color:var(--aptk-text)!important;
  text-align:right!important;
  text-transform:uppercase!important;
  font:700 9.5px/1.3 "IBM Plex Mono",Consolas,monospace!important;
  letter-spacing:.02em!important;
  outline:none!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
html body #page-settings .v139-color-copy .v139-hex-input::placeholder{
  color:var(--aptk-muted)!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
html body #page-settings .v139-color-copy .v139-hex-input:hover{
  border-color:var(--qwix-border,var(--aptk-edge-strong))!important;
}
html body #page-settings .v139-color-copy .v139-hex-input:focus{
  border-color:var(--qwix-accent,var(--v139-primary))!important;
  background:rgba(255,255,255,.08)!important;
}
html body #page-settings .v139-color-copy .v139-hex-input.is-invalid{
  border-color:#ff5668!important;
  color:#ff8792!important;
}

/* Bright Primary colors use automatic dark ink. */
html body #page-settings .qwix-theme-save-btn,html body #page-settings .qwix-settings-actions button:not(.secondary):not(.danger){color:var(--qwix-accent-ink,#fff8ed)!important;-webkit-text-fill-color:var(--qwix-accent-ink,#fff8ed)!important;}

/* 2026-07-18: Selected navigation/preset labels requested to stay black in every theme. */
html body #v120App #v120Content #page-text-presets #presetGrid .preset-card.active,
html body #v120App #v120Content #page-text-presets #presetGrid .preset-card.active *,
html body #page-text-presets #presetGrid .preset-card.active,
html body #page-text-presets #presetGrid .preset-card.active *{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
}

html body #v120App #v120Content #page-text-presets #qxTextLayerEditTabs .qx-text-layer-edit-option.is-active,
html body #v120App #v120Content #page-text-presets #qxTextLayerEditTabs .qx-text-layer-edit-option.is-active *{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
}

html body #v120App #v120Content #page-expressions #expressionPresetSwitch:not(.has-active-saved-preset) > .expression-preset-tab.is-active,
html body #v120App #v120Content #page-expressions #expressionPresetSwitch:not(.has-active-saved-preset) > .expression-preset-tab.is-active *,
html body #v120App #v120Content #page-expressions #expressionPresetSwitch > .expr-v151-custom-btn.is-active,
html body #v120App #v120Content #page-expressions #expressionPresetSwitch > .expr-v151-custom-btn.is-active *{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
}

html body #page-settings .qwix-settings-tabs button.is-active,
html body #page-settings .qwix-settings-tabs button.is-active *,
html body #page-settings .qwix-tooltip-mode-slider button.is-active,
html body #page-settings .qwix-tooltip-mode-slider button.is-active *{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
}

html body #v120App #v120Content #page-grid .qwix-grid-platform-btn.is-active,
html body #v120App #v120Content #page-grid .qwix-grid-platform-btn.is-active *{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
}

/* 2026-07-18: stronger Settings section entrance. */
@keyframes qwixSettingsPanelIn{
  from{opacity:0;transform:translate3d(0,16px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
html body #page-settings .qwix-settings-panel.is-active{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}

/* 2026-07-18: center the complete Settings column in the available panel. */
html body #v120App #v120Content #page-settings{
  width:100%!important;
  max-width:none!important;
}
html body #v120App #v120Content #page-settings .v139-settings-wrap.qwix-settings-wrap{
  width:100%!important;
  max-width:458px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
}
html body #v120App #v120Content #page-settings .v139-settings-card.qwix-settings-card{
  width:100%!important;
  max-width:430px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Smoother account disclosure in Settings. The content fades and settles
   before/while the card expands, and fades first when it closes. */
html body #page-settings .qwix-account-card{
  will-change:auto!important;
  transition:border-color .32s ease,background-color .32s ease,box-shadow .45s cubic-bezier(.16,1,.3,1)!important;
}
html body #page-settings .qwix-account-chevron svg{
  transition:transform .48s cubic-bezier(.16,1,.3,1)!important;
}
html body #page-settings .qwix-account-details{
  max-height:0!important;
  padding:0 12px!important;
  opacity:0!important;
  transform:translateY(-8px) scale(.992)!important;
  transform-origin:50% 0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  will-change:max-height,opacity,transform,padding!important;
  transition:
    max-height .62s cubic-bezier(.16,1,.3,1),
    padding-top .48s cubic-bezier(.16,1,.3,1),
    padding-bottom .48s cubic-bezier(.16,1,.3,1),
    opacity .30s ease,
    transform .48s cubic-bezier(.16,1,.3,1)!important;
}
html body #page-settings .qwix-account-details > *{
  opacity:0!important;
  transform:translateY(-6px)!important;
  transition:opacity .24s ease,transform .42s cubic-bezier(.16,1,.3,1)!important;
}
html body #page-settings .qwix-account-card.is-open .qwix-account-details{
  /* Exact measured height (set from JS) keeps the sections below moving in
     one continuous ease with no jump when the transition would overshoot. */
  max-height:var(--qwix-account-max,430px)!important;
  padding:10px 12px 12px!important;
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  pointer-events:auto!important;
  transition:
    max-height .68s cubic-bezier(.16,1,.3,1),
    padding-top .52s cubic-bezier(.16,1,.3,1),
    padding-bottom .52s cubic-bezier(.16,1,.3,1),
    opacity .36s ease .04s,
    transform .54s cubic-bezier(.16,1,.3,1)!important;
}
html body #page-settings .qwix-account-card.is-open .qwix-account-details > *{
  opacity:1!important;
  transform:translateY(0)!important;
  transition-delay:.08s!important;
}

@media(max-width:470px){
  html body #v120App #v120Content #page-settings .v139-settings-wrap.qwix-settings-wrap{
    max-width:100%!important;
  }
}

/* ===== Tools compact settings menus + readable dialog actions ===== */
html body .tools-settings-menu.tools-mini-context-menu{
  width:232px!important;
  min-width:232px!important;
  max-width:min(232px,calc(100vw - 16px))!important;
  max-height:min(420px,calc(100vh - 16px))!important;
  padding:8px!important;
  gap:7px!important;
  overflow:auto!important;
}
html body .tools-settings-header{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:2px 3px 4px!important;
  min-width:0!important;
}
html body .tools-settings-title{
  color:var(--qwix-ink,#f4f4f5)!important;
  font:800 11px/1.15 Inter,Arial,sans-serif!important;
  letter-spacing:-.01em!important;
}
html body .tools-settings-copy{
  color:var(--qwix-ink-tertiary,rgba(244,244,245,.55))!important;
  font:600 8.5px/1.35 Inter,Arial,sans-serif!important;
}
html body .tools-settings-fields{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
}
html body .tools-settings-field{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
}
html body .tools-settings-field-label{
  color:var(--qwix-ink-tertiary,rgba(244,244,245,.55))!important;
  font:700 8px/1 Inter,Arial,sans-serif!important;
}
html body .tools-settings-choices{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(52px,1fr))!important;
  gap:4px!important;
  max-height:180px!important;
  overflow:auto!important;
}
html body .tools-settings-choice{
  min-width:0!important;
  min-height:29px!important;
  padding:0 8px!important;
  border:1px solid var(--qwix-border,rgba(255,255,255,.10))!important;
  border-radius:7px!important;
  background:var(--qwix-surface,#282522)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--qwix-ink-tertiary,rgba(244,244,245,.58))!important;
  font:700 9px/1 Inter,Arial,sans-serif!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html body .tools-settings-choice:hover{
  background:var(--qwix-surface-hover,#34302a)!important;
  color:var(--qwix-ink,#f4f4f5)!important;
}
html body .tools-settings-choice.is-active{
  border-color:var(--qwix-accent,#ff8750)!important;
  background:var(--qwix-accent-soft-bg,rgba(255,135,80,.14))!important;
  color:var(--qwix-ink,#fff)!important;
}
html body .tools-settings-checkbox{
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:0 9px!important;
  border:1px solid var(--qwix-border,rgba(255,255,255,.10))!important;
  border-radius:8px!important;
  background:var(--qwix-surface,#282522)!important;
  cursor:pointer!important;
}
html body .tools-settings-checkbox input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body .tools-settings-checkbox-mark{
  position:relative!important;
  width:14px!important;
  height:14px!important;
  border:1px solid var(--qwix-border,rgba(255,255,255,.18))!important;
  border-radius:4px!important;
  background:var(--qwix-surface-pressed,#201d1a)!important;
}
html body .tools-settings-checkbox input:checked + .tools-settings-checkbox-mark{
  border-color:var(--qwix-accent,#ff8750)!important;
  background:var(--qwix-accent,#ff8750)!important;
}
html body .tools-settings-checkbox input:checked + .tools-settings-checkbox-mark::after{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  top:1px!important;
  width:5px!important;
  height:8px!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
html body .tools-settings-checkbox-label{
  min-width:0!important;
  color:var(--qwix-ink-secondary,#d9d4ce)!important;
  font:700 9px/1.2 Inter,Arial,sans-serif!important;
}
html body .tools-settings-stepper{
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr) 31px!important;
  gap:4px!important;
}
html body .tools-settings-stepper-btn,
html body .tools-settings-input{
  min-height:31px!important;
  border:1px solid var(--qwix-border,rgba(255,255,255,.10))!important;
  border-radius:7px!important;
  background:var(--qwix-surface,#282522)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--qwix-ink,#f4f4f5)!important;
}
html body .tools-settings-stepper-btn{
  padding:0!important;
  font:800 13px/1 Inter,Arial,sans-serif!important;
  cursor:pointer!important;
}
html body .tools-settings-stepper-btn:hover{
  background:var(--qwix-surface-hover,#34302a)!important;
}
html body .tools-settings-input{
  width:100%!important;
  min-width:0!important;
  padding:0 9px!important;
  outline:none!important;
  text-align:center!important;
  font:700 10px/1 Inter,Arial,sans-serif!important;
}
html body .tools-settings-input:focus{
  border-color:var(--qwix-accent,#ff8750)!important;
}
html body .tools-settings-color-row{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:5px!important;
}
html body .tools-settings-color{
  width:36px!important;
  height:31px!important;
  padding:2px!important;
  border:1px solid var(--qwix-border,rgba(255,255,255,.10))!important;
  border-radius:7px!important;
  background:var(--qwix-surface,#282522)!important;
}
html body .tools-settings-apply{
  width:100%!important;
  min-height:31px!important;
  margin:1px 0 0!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:var(--qwix-accent,#ff8750)!important;
  background-image:none!important;
  box-shadow:var(--qwix-shadow-primary,none)!important;
  color:#fff!important;
  font:800 9px/1 Inter,Arial,sans-serif!important;
  text-align:center!important;
  cursor:pointer!important;
}
html body .tools-settings-apply:hover{
  background:var(--qwix-accent-hover,#ff9564)!important;
  color:#fff!important;
}
html body .modal-btn.primary,
html body .modal-btn.primary:hover,
html body .modal-btn.primary:active,
html body .tools-form-confirm,
html body .qx-dialog-actions .primary,
html body .qx-dialog-actions .primary:hover,
html body .qx-dialog-actions .primary:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .tools-settings-choices.is-list{
  grid-template-columns:minmax(0,1fr)!important;
}
html body .tools-settings-choices.is-list .tools-settings-choice{
  text-align:left!important;
}

/* ===== Tools widgets: switch + wheel-only number control ===== */
html body .tools-settings-switch-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  min-height:36px!important;
  padding:0 10px!important;
  border:1px solid var(--qwix-border,rgba(255,255,255,.10))!important;
  border-radius:8px!important;
  background:var(--qwix-surface,#282522)!important;
  cursor:pointer!important;
}
html body .tools-settings-switch-row>.tools-settings-switch-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}
html body .tools-settings-switch-label{
  min-width:0!important;
  flex:1 1 auto!important;
  color:var(--qwix-ink-secondary,#d9d4ce)!important;
  font:700 9px/1.2 Inter,Arial,sans-serif!important;
}
html body .tools-settings-switch{
  position:relative!important;
  display:block!important;
  width:32px!important;
  height:19px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
  border:1px solid var(--qwix-border,rgba(255,255,255,.16))!important;
  border-radius:999px!important;
  background:var(--qwix-surface-raised,#332e27)!important;
  box-shadow:none!important;
  transform:translateZ(0)!important;
  transform-origin:center center!important;
  transition:background var(--qwix-motion-fast,160ms) ease,border-color var(--qwix-motion-fast,160ms) ease,transform 120ms var(--qwix-motion-ease,cubic-bezier(.16,1,.3,1))!important;
}
html body .tools-settings-switch-thumb{
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  width:13px!important;
  height:13px!important;
  border-radius:50%!important;
  background:var(--qwix-ink-secondary,#b3a99c)!important;
  box-shadow:none!important;
  transform:translate3d(0,0,0)!important;
  transition:transform 260ms var(--qwix-motion-spring,cubic-bezier(.2,.9,.2,1.15)),background var(--qwix-motion-fast,160ms) ease!important;
}
html body .tools-settings-switch-row>.tools-settings-switch-input:checked+.tools-settings-switch{
  border-color:transparent!important;
  background:var(--aptk-primary,var(--qwix-accent,#d97757))!important;
}
html body .tools-settings-switch-row>.tools-settings-switch-input:checked+.tools-settings-switch .tools-settings-switch-thumb{
  background:var(--qwix-accent-ink,#fff)!important;
  transform:translate3d(13px,0,0)!important;
}
html body .tools-settings-switch-row:active .tools-settings-switch{
  transform:scale(.96)!important;
}
html body .tools-settings-switch-row:focus-within{
  border-color:var(--qwix-accent,#ff8750)!important;
}
html body .tools-settings-number-widget{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
html body .tools-settings-number-widget .tools-settings-number-input{
  width:100%!important;
  min-height:34px!important;
  padding:0 10px!important;
  cursor:ns-resize!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  appearance:textfield!important;
  -webkit-appearance:none!important;
}
html body .tools-settings-number-widget .tools-settings-number-input::-webkit-inner-spin-button,
html body .tools-settings-number-widget .tools-settings-number-input::-webkit-outer-spin-button{
  display:none!important;
  margin:0!important;
  -webkit-appearance:none!important;
}

/* ===== Final compact Tools popovers ===== */
html body #toolsMiniContextMenu.tools-settings-menu.tools-settings-menu-split{
  width:232px!important;
  min-width:232px!important;
  padding:8px!important;
  gap:0!important;
  overflow:visible!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-fields,
html body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-field{
  gap:0!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-choices{
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  overflow:visible!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-choice,
html body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-choice.is-active{
  min-height:31px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:var(--qwix-surface,#282522)!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
  color:var(--qwix-ink-secondary,#d9d4ce)!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-choice:hover,
html body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-choice.is-active:hover{
  border-color:rgba(255,255,255,.24)!important;
  background:var(--qwix-surface-hover,#34302a)!important;
  color:var(--qwix-ink,#fff)!important;
}

html[data-qwix-tone="light"] body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-choice:hover,
html[data-qwix-tone="light"] body #toolsMiniContextMenu.tools-settings-menu-split .tools-settings-choice.is-active:hover{
  border-color:rgba(35,26,20,.20)!important;
}

html body #toolsMiniContextMenu.tools-settings-menu.tools-settings-menu-duplicate{
  width:232px!important;
  min-width:232px!important;
  padding:10px!important;
  gap:9px!important;
  overflow:visible!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-duplicate .tools-settings-fields,
html body #toolsMiniContextMenu.tools-settings-menu-duplicate .tools-settings-field{
  gap:0!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-duplicate .tools-settings-switch-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--qwix-ink-secondary,#d9d4ce)!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-duplicate .tools-settings-switch{
  order:1!important;
  flex:0 0 32px!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-duplicate .tools-settings-switch-label{
  order:2!important;
  flex:1 1 auto!important;
  min-width:0!important;
  color:var(--qwix-ink-secondary,#d9d4ce)!important;
  font:700 9px/1.2 Inter,Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-duplicate .tools-settings-switch-row:focus-within{
  border:0!important;
}
html body #toolsMiniContextMenu.tools-settings-menu-duplicate .tools-settings-apply{
  margin:0!important;
}

html body .tools-settings-menu.tools-settings-menu-camera{
  width:154px!important;
  min-width:154px!important;
  max-width:min(154px,calc(100vw - 16px))!important;
  padding:10px!important;
  gap:9px!important;
  overflow:visible!important;
}
html body .tools-settings-menu-camera .tools-settings-fields,
html body .tools-settings-menu-camera .tools-settings-field,
html body .tools-settings-menu-camera .tools-settings-number-widget{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  gap:0!important;
}
html body .tools-settings-menu-camera .tools-settings-number-widget .tools-settings-number-input{
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:76px!important;
  min-height:76px!important;
  padding:0!important;
  border-radius:13px!important;
  text-align:center!important;
  font:800 20px/1 Inter,Arial,sans-serif!important;
  cursor:ns-resize!important;
}
html body .tools-settings-menu-camera .tools-settings-apply{
  min-height:32px!important;
  margin:0!important;
  border-radius:9px!important;
}