.settings-intro{color:var(--label-2);font-size:14px;line-height:1.55;margin:-10px 2px 18px;max-width:68ch}
.settings-section-title{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.075em;color:var(--label-2);margin:25px 4px 9px}
.settings-card{background:var(--surface);border:1px solid var(--sep);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);margin-bottom:8px}
.settings-card .row{min-height:54px}.settings-card .row label{flex-basis:38%}
.settings-card input,.settings-card select,.settings-card textarea{min-width:0;width:100%;font-size:16px}
.settings-actions{display:flex;gap:9px;flex-wrap:wrap;padding:12px 14px}.settings-actions .btn{min-height:42px}
.settings-preview{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--sep)}
.settings-logo-preview{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#2d8cff,#155edb);display:grid;place-items:center;color:white;overflow:hidden;font-weight:800;flex:none}
.settings-logo-preview img{width:100%;height:100%;object-fit:cover}.settings-help{font-size:12px;color:var(--label-2);line-height:1.45;padding:0 16px 13px}
.settings-card .row:has(input[type=color]) input{width:48px;height:38px;padding:2px;flex:none}
@media(max-width:520px){.settings-card .row{align-items:flex-start;flex-wrap:wrap;gap:6px;padding:12px 14px}.settings-card .row label{flex:1 0 100%}.settings-card .row input,.settings-card .row select,.settings-card .row textarea{flex:1 0 100%;text-align:left;min-height:42px}.settings-card .row select{text-align-last:left}.settings-actions .btn{flex:1}}


.brand-launch-panel{margin:4px 12px 14px;border:1px solid var(--sep);border-radius:18px;overflow:hidden;background:var(--surface-2,var(--surface))}.brand-launch-heading{display:flex;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--sep)}.brand-launch-heading h3{margin:0 0 5px;font-size:17px;letter-spacing:-.025em}.brand-launch-heading p{margin:0;color:var(--label-2);font-size:13px;line-height:1.45;max-width:60ch}.brand-launch-glyph{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--blue-fill) 13%,transparent);color:var(--blue-fill)}.brand-launch-preview{display:flex;align-items:center;justify-content:center;gap:13px;min-height:112px;margin:12px;border-radius:14px;padding:18px;background:linear-gradient(135deg,#07111f,#152b4d);color:#f5f7ff}.brand-launch-preview-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#2d8cff,#155edb);font-weight:800;overflow:hidden}.brand-launch-preview-mark img{width:100%;height:100%;object-fit:cover}.brand-launch-preview b,.brand-launch-preview small{display:block}.brand-launch-preview b{font-size:20px;letter-spacing:-.04em}.brand-launch-preview small{font-size:11px;opacity:.75;margin-top:4px}.brand-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 14px 14px}.brand-launch-field{min-width:0;display:flex;flex-direction:column;gap:7px}.brand-launch-field label{font-size:12px;font-weight:650;color:var(--label-2)}.brand-launch-field input:not([type=color]):not([type=range]),.brand-launch-field select{width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--sep);border-radius:11px;background:var(--surface);color:var(--label);font:inherit;font-size:14px}.brand-launch-field input[type=color]{width:54px;height:38px;padding:3px;border:1px solid var(--sep);border-radius:10px;background:var(--surface)}.brand-launch-field input[type=range]{width:100%;accent-color:var(--blue-fill)}.brand-launch-field output{font-weight:500;color:var(--label)}.brand-launch-toggles{display:flex;flex-wrap:wrap;gap:10px 18px;padding:0 16px 12px}.brand-launch-toggles label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--label)}.brand-launch-toggles input{accent-color:var(--blue-fill)}.brand-launch-panel .settings-help{padding:0 16px 14px}.launch.brand-launch-horizontal .launch-inner{display:flex;align-items:center;justify-content:center;gap:24px}.launch.brand-launch-horizontal .launch-sub{text-align:left}.launch.brand-launch-minimal .launch .apple-tile{display:none}.launch.brand-launch-no-tile .launch-inner>.apple-tile{display:none!important}.launch.brand-launch-no-orbits:before,.launch.brand-launch-no-orbits:after{display:none!important}.launch.brand-launch-bg-image{background-size:cover!important;background-position:center!important}.launch.brand-launch-bg-image:after{background:linear-gradient(180deg,rgba(3,8,18,.12),rgba(3,8,18,.6))}.launch.brand-launch-minimal .launch-inner>.apple-tile{display:none!important}
@media(max-width:600px){.brand-launch-grid{grid-template-columns:minmax(0,1fr)}.brand-launch-panel{margin-left:8px;margin-right:8px}.launch.brand-launch-horizontal .launch-inner{flex-direction:column;gap:14px}.launch.brand-launch-horizontal .launch-sub{text-align:center}}


/* PropertyOS UX refresh — a calmer, clearer hierarchy over the existing feature set. */
:root{
  --ux-bg:#f5f6fa; --ux-surface:#fff; --ux-ink:#20222a; --ux-muted:#686d7b;
  --ux-line:rgba(28,35,54,.10); --ux-accent:#4169e1; --ux-radius:20px;
  --ux-shadow:0 8px 28px rgba(22,32,60,.055);
}
html{scroll-behavior:smooth}
body{
  background:var(--ux-bg)!important;
  color:var(--ux-ink);
  line-height:1.5;
}
button,input,select,textarea{line-height:1.4}
button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(65,105,225,.48)!important;outline-offset:3px!important
}
.system-bar{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--ux-line)!important;
  box-shadow:0 1px 0 rgba(20,30,50,.025)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
}
.app{grid-template-columns:250px minmax(0,1fr)!important}
.sidebar{
  background:#fbfbfd!important;border-right:1px solid var(--ux-line)!important;
  padding:22px 14px 16px!important;gap:22px!important;
}
.brand{padding:5px 8px 12px!important}
.brand b{font-size:17px!important;letter-spacing:-.035em}
.brand small{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav{display:flex;flex-direction:column;gap:8px}
.sidebar nav>div{gap:4px!important}
.nav-title{margin:13px 0 2px!important;padding:5px 11px 4px!important;font-size:10px!important;letter-spacing:.11em!important}
.nav-item{
  min-height:43px!important;padding:10px 12px!important;border-radius:13px!important;
  font-size:13px!important;gap:12px!important;color:#555b6b!important;
  transition:background .16s ease,color .16s ease!important;
}
.nav-item:hover{transform:none!important;background:#f0f2f8!important}
.nav-item[aria-current="page"]{
  color:#315bd6!important;background:#eaf0ff!important;
  box-shadow:inset 0 0 0 1px rgba(65,105,225,.08)!important;font-weight:650!important
}
.profile{border-top:1px solid var(--ux-line)!important;padding-top:15px!important}
.main{min-width:0;background:transparent}
.bar{
  padding-left:clamp(20px,3vw,42px)!important;padding-right:clamp(20px,3vw,42px)!important;
}
.bar.scrolled{background:rgba(245,246,250,.88)!important;border-bottom-color:var(--ux-line)!important}
.content{
  max-width:1380px!important;padding:18px clamp(20px,3vw,42px) 100px!important;
}
.page.active{animation:uxPageIn .2s ease-out!important}
@keyframes uxPageIn{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
.large-title{
  font-size:clamp(29px,3vw,38px)!important;line-height:1.12!important;
  letter-spacing:-.045em!important;margin:4px 0 24px!important;font-weight:760!important;
}
h2{letter-spacing:-.025em}
h3{letter-spacing:-.015em}
.lead{max-width:72ch!important;line-height:1.65!important}
.card,.settings-card,.stat,.panel,.widget-card,.module-card,.tool-card,.report-card{
  box-shadow:var(--ux-shadow)!important;border-color:var(--ux-line)!important
}
.card,.settings-card{border-radius:20px!important}
.stat{border-radius:18px!important;padding:18px!important}
.section-head{margin-top:32px!important;margin-bottom:14px!important}
.btn,.btn-primary,.btn-ghost,.icon-btn,.system-icon{transition:background .16s ease,transform .16s ease,box-shadow .16s ease!important}
.btn:active,.nav-item:active{transform:scale(.985)!important}
.btn-primary{box-shadow:0 3px 8px rgba(10,132,255,.14)!important}
input,select,textarea{
  min-height:42px;border-radius:12px!important;border-color:var(--ux-line)!important;
}
textarea{min-height:96px}
label{line-height:1.4}
.settings-intro{margin-top:-8px!important;max-width:70ch!important;font-size:14px!important}
.settings-section-title{margin-top:27px!important}
.settings-card{margin-bottom:14px!important}
.spatial-stage,.portfolio-universe{
  border-radius:24px!important;box-shadow:var(--ux-shadow)!important;
}
.spatial-stage{margin-top:24px!important}
.spatial-stage-head,.universe-heading{gap:20px!important}
.spatial-stage-head h2,.universe-heading h2{font-size:clamp(21px,2vw,27px)!important;line-height:1.18!important}
.spatial-stage-head p,.universe-heading p{max-width:62ch;line-height:1.6}
.qa button{min-height:66px!important}
.qa button:hover{transform:translateY(-1px)!important}
:where(.modal,.sheet,.popover,.command-palette,.os-window){
  border-radius:24px;
}
[hidden]{display:none!important}
@media(min-width:1500px){
  .app{grid-template-columns:270px minmax(0,1fr)!important}
  .content{padding-left:48px!important;padding-right:48px!important}
}
@media(max-width:1050px){
  .app{grid-template-columns:218px minmax(0,1fr)!important}
  .sidebar{padding-left:10px!important;padding-right:10px!important}
  .content{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:760px){
  .app{display:block!important;min-height:100dvh}
  .sidebar{display:none!important}
  .system-bar{height:calc(44px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
  .system-brand .brand-co,.system-workspace,.system-live,.system-divider{display:none!important}
  .system-right{gap:5px!important}
  .system-command-trigger{min-width:38px!important;padding:0 9px!important}
  .system-command-trigger kbd,.system-command-trigger span:nth-child(2){display:none!important}
  .system-icon{min-height:38px!important;min-width:38px!important}
  .main{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .bar{height:54px!important;padding-left:16px!important;padding-right:16px!important}
  .content{padding:14px 16px calc(32px + env(safe-area-inset-bottom))!important}
  .large-title{font-size:30px!important;margin-bottom:19px!important}
  .stats{gap:9px!important}
  .stat{padding:14px!important}
  .spatial-stage,.portfolio-universe{border-radius:20px!important;margin-left:0!important;margin-right:0!important}
  .spatial-stage-head,.universe-heading{align-items:flex-start!important;flex-direction:column!important}
  .spatial-actions{display:flex;flex-wrap:wrap;gap:8px!important;width:100%}
  .spatial-actions .btn{flex:1 1 auto}
  .qa{gap:8px!important}
  .qa button{min-width:0!important}
  .os-dock,.tabbar{max-width:calc(100vw - 20px)!important}
}
@media(max-width:430px){
  .system-brand{gap:7px!important}
  .brand-word{font-size:14px!important}
  .content{padding-left:12px!important;padding-right:12px!important}
  .large-title{font-size:28px!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stat .v{font-size:22px!important}
  .spatial-actions .btn{font-size:12px!important;padding:9px 10px!important}
  .section-head{align-items:flex-start!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* Pass 2: clearer first-run path, scannable settings, and a more usable customization workspace. */
#ovWelcome{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:22px;
  align-items:center;margin:0 0 22px;padding:clamp(20px,3vw,30px);
  border:1px solid rgba(65,105,225,.16);border-radius:24px;
  background:linear-gradient(125deg,rgba(255,255,255,.98),rgba(237,242,255,.88));
  box-shadow:0 12px 32px rgba(34,51,96,.055)
}
#ovWelcome .welcome-kicker{font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#4263bd;margin-bottom:8px}
#ovWelcome h2{font-size:clamp(23px,2.5vw,31px);line-height:1.12;letter-spacing:-.04em;margin:0 0 9px}
#ovWelcome p{margin:0;color:#60687a;max-width:58ch;font-size:14px;line-height:1.65}
#ovWelcome .welcome-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
#ovWelcome .welcome-side{display:grid;gap:9px}
#ovWelcome .welcome-step{
  display:flex;align-items:center;gap:12px;min-width:0;padding:12px 13px;
  border:1px solid rgba(30,45,80,.09);border-radius:15px;background:rgba(255,255,255,.76);
  color:inherit;text-align:left;cursor:pointer
}
#ovWelcome .welcome-step:hover{background:#fff;border-color:rgba(65,105,225,.25)}
#ovWelcome .step-number{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:10px;background:#edf1ff;color:#315bd6;font-weight:750;font-size:12px}
#ovWelcome .step-copy{display:grid;gap:2px;min-width:0}
#ovWelcome .step-copy strong{font-size:12px}
#ovWelcome .step-copy small{font-size:11px;color:#71788a}
#settingsQuickNav{
  position:sticky;top:calc(var(--system-bar-height,44px) + 6px);z-index:8;
  display:flex;gap:7px;overflow-x:auto;padding:9px;margin:0 0 24px;
  border:1px solid rgba(28,35,54,.09);border-radius:16px;background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);scrollbar-width:thin
}
#settingsQuickNav a{
  flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;
  border:1px solid transparent;border-radius:10px;color:#5b6272;text-decoration:none;
  font-size:12px;font-weight:600;white-space:nowrap
}
#settingsQuickNav a:hover,#settingsQuickNav a:focus-visible{background:#edf1ff;color:#315bd6}
#settingsQuickNav a[aria-current="location"]{background:#eaf0ff;color:#315bd6}
#settings .settings-section-title,#settings .group-title{scroll-margin-top:110px}
#customizationStudio{scroll-margin-top:85px}
#customizationStudio .cz-pane{min-width:0}
#customizationStudio .cz-wp-grid{gap:12px}
#customizationStudio .cz-wp{border-radius:14px!important;overflow:hidden}
#customizationStudio .visual-preset{border-radius:16px!important;min-height:74px}
#customizationStudio input[type="range"]{accent-color:var(--ux-accent)}
#customizationStudio input[type="checkbox"],#customizationStudio input[type="radio"]{accent-color:var(--ux-accent)}
#customizationStudio .cz-pane h2{margin-bottom:8px}
#customizationStudio .cz-pane p{line-height:1.6}
@media(max-width:760px){
  #ovWelcome{grid-template-columns:minmax(0,1fr);gap:17px;padding:19px;border-radius:20px}
  #ovWelcome .welcome-actions{display:grid;grid-template-columns:1fr}
  #ovWelcome .welcome-actions .btn{width:100%;justify-content:center}
  #ovWelcome .welcome-side{grid-template-columns:1fr}
  #settingsQuickNav{top:calc(44px + env(safe-area-inset-top));margin-left:-2px;margin-right:-2px}
}
@media(prefers-color-scheme:dark){
  #ovWelcome{background:linear-gradient(125deg,rgba(31,34,45,.98),rgba(29,38,62,.92));border-color:rgba(142,164,255,.2)}
  #ovWelcome p{color:#b8bfd0}
  #ovWelcome .welcome-step{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}
  #ovWelcome .welcome-step:hover{background:rgba(255,255,255,.075)}
  #ovWelcome .step-copy small{color:#aeb5c6}
  #settingsQuickNav{background:rgba(30,32,42,.92);border-color:rgba(255,255,255,.1)}
  #settingsQuickNav a{color:#c3c8d5}
}


/* Visibility pass: honor PropertyOS theme tokens instead of forcing a light palette. */
body{background:var(--bg)!important;color:var(--label)!important}
.system-bar{background:var(--material)!important;color:var(--label)!important;border-color:var(--sep)!important}
.sidebar{background:var(--surface)!important;color:var(--label)!important;border-color:var(--sep)!important}
.main,.content,.bar{color:var(--label)!important}
.bar.scrolled{background:var(--material)!important;border-color:var(--sep)!important}
.nav-item{color:var(--label-2)!important}
.nav-item:hover{background:var(--fill)!important;color:var(--label)!important}
.nav-item[aria-current="page"],.nav-item.active{background:color-mix(in srgb,var(--blue) 18%,var(--surface))!important;color:var(--blue)!important}
.card,.settings-card,.stat,.panel,.widget-card,.module-card,.tool-card,.report-card{
  background:var(--surface)!important;color:var(--label)!important;border-color:var(--sep)!important
}
.card p,.settings-card p,.stat .label,.muted,.subtle,.hint,.description{color:var(--label-2)}
input,select,textarea{background:var(--surface-2)!important;color:var(--label)!important;border-color:var(--line)!important}
input::placeholder,textarea::placeholder{color:var(--label-3)!important;opacity:1}
button{color:inherit}
.btn-primary{background:var(--blue)!important;color:#fff!important;border-color:transparent!important}
.btn-ghost,.btn:not(.btn-primary){border-color:var(--line)}
#ovWelcome{background:linear-gradient(125deg,var(--surface),var(--surface-2))!important;border-color:var(--line)!important;color:var(--label)!important}
#ovWelcome .welcome-kicker{color:var(--blue)!important}
#ovWelcome p{color:var(--label-2)!important}
#ovWelcome .welcome-step{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--label)!important}
#ovWelcome .step-number{background:color-mix(in srgb,var(--blue) 18%,var(--surface))!important;color:var(--blue)!important}
#ovWelcome .step-copy small{color:var(--label-2)!important}
#settingsQuickNav{background:var(--material)!important;border-color:var(--line)!important;color:var(--label)!important}
#settingsQuickNav a{color:var(--label-2)!important}
#settingsQuickNav a:hover,#settingsQuickNav a:focus-visible,#settingsQuickNav a[aria-current]{background:color-mix(in srgb,var(--blue) 18%,var(--surface))!important;color:var(--blue)!important}
/* Keep small/secondary text readable; avoid the low-contrast opacity used by decorative UI. */
small,.small,.eyebrow,.meta,.caption{color:var(--label-2)}
:disabled,[aria-disabled="true"]{opacity:.62!important}
@media(max-width:760px){
  .system-bar{background:var(--material)!important}
  .bar{background:var(--bg)!important}
  #settingsQuickNav{background:var(--surface)!important}
}
@media(prefers-reduced-transparency:reduce){
  .system-bar,.bar.scrolled,#settingsQuickNav{backdrop-filter:none!important;background:var(--surface)!important}
}


/* Interaction and layout polish: predictable controls, readable states, and fewer cramped layouts. */
:root{--system-bar-height:var(--systembar-h,34px)}
html{scroll-padding-top:calc(var(--systembar-h,34px) + 16px)}
body{overflow-wrap:anywhere}
img,svg,video,canvas{max-width:100%}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button,a{touch-action:manipulation}
button:not(:disabled),[role="button"]:not([aria-disabled="true"]),a[href]{cursor:pointer}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}
button:focus-visible,a:focus-visible,[role="button"]:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid color-mix(in srgb,var(--blue,#4169e1) 68%,transparent)!important;
  outline-offset:3px!important;position:relative;z-index:2
}
input[type="checkbox"],input[type="radio"],input[type="range"]{accent-color:var(--blue,#4169e1)}
input[type="checkbox"],input[type="radio"]{width:18px;height:18px;min-height:18px;flex:0 0 auto}
input[type="range"]{min-height:26px;cursor:pointer}
select{max-width:100%;text-overflow:ellipsis}
textarea{resize:vertical}
:where(.card,.settings-card,.stat,.panel,.widget-card,.module-card,.tool-card,.report-card,.group,.dash-metric){
  min-width:0;overflow-wrap:anywhere
}
:where(.card,.settings-card,.panel,.widget-card,.module-card,.tool-card,.report-card) :where(h1,h2,h3,h4,p){
  overflow-wrap:anywhere
}
:where(.btn,.btn-primary,.btn-ghost,.icon-btn,.system-icon,.nav-item){
  min-width:0;white-space:normal
}
:where(.btn,.btn-primary,.btn-ghost){min-height:40px}
:where(.icon-btn,.system-icon){display:inline-flex;align-items:center;justify-content:center}
:where(.toast,.notice,.alert,.status-pill,.badge){overflow-wrap:anywhere}
:where(.modal,.sheet,.popover,.command-palette,.os-window){
  max-width:min(94vw,900px);max-height:calc(100dvh - 32px);overflow:auto;
  overscroll-behavior:contain
}
:where(.modal-backdrop,.overlay){padding:16px;overflow:auto;overscroll-behavior:contain}
#settingsQuickNav{top:calc(var(--systembar-h,34px) + 6px)}
#settings .settings-section-title,#settings .group-title{scroll-margin-top:calc(var(--systembar-h,34px) + 76px)}
#customizationStudio{scroll-margin-top:calc(var(--systembar-h,34px) + 64px)}
/* Selected, hover, and disabled states remain distinct in either theme. */
.nav-item[aria-current="page"],.nav-item.active{
  font-weight:700!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue,#4169e1) 22%,transparent)!important
}
@media(hover:hover) and (pointer:fine){
  :where(.btn,.btn-primary,.btn-ghost,.icon-btn,.system-icon):not(:disabled):hover{filter:brightness(.98)}
}
@media(max-width:859px){
  .content{min-width:0}
  .bar,.bar>*{min-width:0}
  .large-title{overflow-wrap:break-word}
  .tabbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .tabbar button,.tabbar a{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:430px){
  .content{padding-left:12px!important;padding-right:12px!important}
  .section-head{gap:10px;flex-wrap:wrap}
  .section-head>*{min-width:0}
  :where(.card,.settings-card,.panel,.widget-card,.module-card){border-radius:16px!important}
  .tabbar{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* UX pass 5: navigation clarity and operating-system-first information architecture. */
.skip-to-content{
  position:absolute!important;left:12px;top:8px;z-index:10000;
  padding:11px 15px;border-radius:12px;
  background:var(--surface,#fff);color:var(--text,#171923);
  border:2px solid var(--blue,#4169e1);transform:translateY(-160%);
  text-decoration:none;font-weight:700
}
.skip-to-content:focus{transform:translateY(0)}
.sidebar nav>div:first-of-type .nav-item[data-tab="more"]{
  margin-bottom:7px!important;
  background:color-mix(in srgb,var(--blue,#4169e1) 8%,transparent)!important;
  color:var(--text,#20222a)!important;
  font-weight:700!important
}
.sidebar nav>div:first-of-type .nav-item[data-tab="more"]::after{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--blue,#4169e1);margin-left:auto;flex:0 0 auto
}
.sidebar nav>div:first-of-type .nav-item[data-tab="more"][aria-current="page"]{
  background:color-mix(in srgb,var(--blue,#4169e1) 15%,transparent)!important;
  color:var(--blue,#315bd6)!important
}
.sidebar .nav-title{
  font-weight:750!important;letter-spacing:.12em!important;
  opacity:.78;margin-top:20px!important
}
.bar-title{font-weight:700!important;letter-spacing:-.02em}
.content .page:not(.active){display:none!important}
.content .page.active{min-width:0}
.content .page>h1:first-of-type{max-width:22ch}
.content .lead,.content .settings-intro{max-width:68ch;line-height:1.65}
.content :where(.card,.settings-card,.panel,.widget-card,.module-card,.tool-card,.report-card){
  min-width:0
}
.content :where(.grid,.stats,.qa,.settings-grid,.widget-grid){
  min-width:0
}
:where(button,a,input,select,textarea){font-family:inherit}
@media(max-width:760px){
  .sidebar nav>div:first-of-type .nav-item[data-tab="more"]{margin-bottom:0!important}
  .sidebar nav>div:first-of-type .nav-item[data-tab="more"]::after{display:none}
}


#customizationStudio{margin-top:30px}
.customization-hub-heading{align-items:flex-end!important;margin-bottom:16px!important}
.customization-hub-heading h2{font-size:clamp(24px,2.4vw,32px)!important;letter-spacing:-.04em}
.os-custom-preview{
  display:grid;grid-template-columns:minmax(220px,.82fr) minmax(300px,1.18fr);gap:24px;
  align-items:center;padding:clamp(18px,3vw,30px);margin:16px 0 24px;
  border:1px solid var(--sep,rgba(120,130,150,.2));border-radius:24px;
  background:var(--card,rgba(255,255,255,.82));color:var(--text,#20222a);
  box-shadow:0 10px 32px rgba(20,30,55,.06);overflow:hidden;min-width:0
}
.os-preview-copy{min-width:0}
.os-preview-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--blue,#4169e1);margin-bottom:10px}
.os-preview-copy h3{font-size:clamp(21px,2.4vw,29px);letter-spacing:-.04em;line-height:1.12;margin:0 0 10px}
.os-preview-copy p{font-size:13px;line-height:1.65;color:var(--secondary,#6c7180);max-width:34ch;margin:0 0 16px}
.os-preview-tags{display:flex;flex-wrap:wrap;gap:7px}
.os-preview-tags span{border:1px solid var(--sep,rgba(120,130,150,.2));background:var(--bg,rgba(120,130,150,.06));padding:6px 9px;border-radius:999px;font-size:11px;font-weight:650;max-width:100%;overflow-wrap:anywhere}
.os-preview-device{--preview-accent:var(--blue,#4169e1);min-width:0;border:1px solid var(--sep,rgba(120,130,150,.2));border-radius:18px;padding:11px;background:var(--bg,rgba(120,130,150,.05));overflow:hidden}
.os-preview-top{display:flex;align-items:center;gap:9px;padding:2px 2px 10px;color:var(--secondary,#6c7180);font-size:8px;font-weight:800;letter-spacing:.12em}
.os-preview-dots{display:flex;gap:4px}.os-preview-dots i{width:5px;height:5px;border-radius:50%;background:var(--secondary,#8a8f9d);opacity:.55}
.os-preview-top>span:nth-child(2){flex:1}
.os-preview-avatar{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:var(--preview-accent);color:white;font-size:10px}
.os-preview-layout{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;min-height:136px}
.os-preview-rail{display:flex;flex-direction:column;gap:8px;padding:8px 5px;border:1px solid var(--sep,rgba(120,130,150,.18));border-radius:9px}
.os-preview-rail i{width:14px;height:14px;border-radius:5px;background:var(--secondary,#8a8f9d);opacity:.22}
.os-preview-rail i:first-child{background:var(--preview-accent);opacity:1}
.os-preview-screen{min-width:0}
.os-preview-greeting{padding:10px;border-radius:9px;background:color-mix(in srgb,var(--preview-accent) 12%,var(--card,#fff));display:flex;flex-direction:column;gap:4px;color:var(--text,#20222a)}
.os-preview-greeting small{font-size:7px;letter-spacing:.12em;color:var(--secondary,#6c7180)}
.os-preview-greeting b{font-size:12px;letter-spacing:-.02em}
.os-preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}
.os-preview-metrics i{height:27px;border-radius:6px;background:var(--card,#fff);border:1px solid var(--sep,rgba(120,130,150,.18));position:relative}
.os-preview-metrics i:after{content:"";position:absolute;left:6px;top:7px;width:38%;height:4px;border-radius:4px;background:var(--preview-accent);opacity:.7}
.os-preview-content{display:flex;flex-direction:column;gap:5px;margin-top:7px;padding:8px;border:1px solid var(--sep,rgba(120,130,150,.18));border-radius:7px;background:var(--card,#fff)}
.os-preview-content i{height:3px;width:88%;background:var(--secondary,#6c7180);opacity:.18;border-radius:4px}
.os-preview-content i:nth-child(2){width:66%}.os-preview-content i:nth-child(3){width:77%}.os-preview-content i:nth-child(4){width:48%}
.os-preview-caption{font-size:9px;line-height:1.4;color:var(--secondary,#6c7180);padding:8px 1px 0}
.cz-tabs{gap:7px!important;margin-bottom:18px!important}
.cz-tabs [role="tab"]{min-height:42px!important;border-radius:12px!important;padding:10px 13px!important;white-space:normal!important}
.cz-pane .custom-grid{gap:16px!important;align-items:start}
.custom-panel{padding:clamp(16px,2vw,23px)!important;min-width:0}
.custom-panel-head{align-items:center!important;margin-bottom:18px!important}
.custom-panel-head h2{font-size:17px!important;margin:0 0 3px!important}
.custom-panel-head p{font-size:12px!important;line-height:1.5!important}
.custom-control{margin:14px 0!important;min-width:0}
.custom-control label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px!important;font-weight:650!important;margin-bottom:8px!important}
.custom-control select,.custom-control input:not([type="range"]){width:100%;max-width:100%;min-height:43px}
.cz-swatches{display:flex;flex-wrap:wrap;gap:9px!important}
.cc-swatch{width:32px!important;height:32px!important;min-width:32px!important;border:3px solid var(--card,#fff)!important;box-shadow:0 0 0 1px var(--sep,rgba(120,130,150,.22))!important}
.cc-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--blue,#4169e1)!important}
.cz-wp-grid{gap:10px!important}
.cz-wp{min-width:0!important;overflow-wrap:anywhere}
.cz-wp i{border-radius:10px!important}
@media(max-width:760px){
 .os-custom-preview{grid-template-columns:minmax(0,1fr);gap:18px;border-radius:19px;padding:18px}
 .os-preview-copy p{max-width:55ch}
 .os-preview-device{max-width:100%}
 .customization-hub-heading{align-items:flex-start!important}
 .cz-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:3px 1px 10px!important;scroll-snap-type:x proximity}
 .cz-tabs [role="tab"]{flex:0 0 auto;scroll-snap-align:start}
 .cz-pane .custom-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){.os-preview-device *{transition:none!important}}