/* One control vocabulary for account, preferences, advertisements and header. */
:root{--ui-control-height:40px;--ui-control-radius:8px}
[hidden]{display:none!important}
body>header .toptools{gap:7px;align-items:center}
body>header .toptools :is(.commercialPlanBtn,.accountBtn,#settingsBtn,.languageControl,#checkoutCurrency){height:var(--ui-control-height)!important;border-radius:var(--ui-control-radius)!important;border:1px solid var(--line)!important;box-sizing:border-box;background:var(--panel)!important;color:var(--ink)!important;box-shadow:none!important;margin:0}
body>header .toptools :is(.accountBtn,#settingsBtn){width:40px!important;padding:7px!important;display:grid;place-items:center}
body>header .toptools .commercialPlanBtn{display:grid;place-items:center;min-width:57px;padding:0 12px!important;background:var(--accent)!important;color:#fff!important;font:700 12px system-ui!important}
body>header .toptools .accountAvatar{background:none!important;border:0!important;width:25px;height:25px;border-radius:0;box-shadow:none!important}
body>header .toptools #settingsBtn svg{width:25px;height:25px}.letrixLogo{width:235px;height:54px}.letrixLogoX{animation:none}
.dialogCard :is(input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea),#pane-ads :is(input:not([type=checkbox]),select,textarea),#adminLoginForm input{box-sizing:border-box;width:100%;min-width:0;min-height:var(--ui-control-height);border:1px solid var(--line);border-radius:var(--ui-control-radius);background:var(--panel);color:var(--ink);padding:9px 12px;font:400 14px/1.4 system-ui}
.dialogCard textarea,#pane-ads textarea{display:block;min-height:110px;resize:vertical}
.dialogCard :is(input,select,textarea):focus-visible,#pane-ads :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dialogCard label,#pane-ads label{display:grid;gap:7px;font-size:12px;font-weight:600;color:var(--muted);line-height:1.5}
#pane-ads label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px}
#pane-ads>.card{max-width:900px}#pane-ads label{margin:17px 0}#pane-ads textarea{width:100%;background:#101722;color:#edf2fa;border-color:#354154}#pane-ads #startupPreview{position:sticky;top:78px;z-index:2;min-height:40px;padding:10px 18px;font:600 13px system-ui}
#pane-ads input::file-selector-button{font:600 12px system-ui;padding:7px 10px;margin-right:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--ink);cursor:pointer}
#adminLoginForm{max-width:580px}#adminLoginForm>.row2{grid-template-columns:1fr 1fr;gap:12px!important}#adminLoginForm label{display:grid;gap:6px;margin:7px 0}#adminLoginSubmit{margin-top:8px;min-height:40px}
.movableWindow{max-width:calc(var(--floating-viewport-width,100vw) - 16px)!important;max-height:calc(var(--floating-viewport-height,100dvh) - 16px);box-sizing:border-box}
.windowHandle{cursor:grab;touch-action:none;user-select:none}.windowHandle.dragging{cursor:grabbing}.windowHandle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.floatingHandle{display:flex;align-items:center;justify-content:center;min-height:24px;font-size:22px;color:var(--muted);letter-spacing:5px}
.letrixAdDialog>.floatingHandle{position:absolute;left:calc(50% - 32px);top:7px;width:64px;z-index:3;color:#bcc4d2;border-radius:6px;background:#161b25aa;letter-spacing:0}
.windowClose,.dialogCard .dialogClose{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--ink)!important;font:400 23px/1 system-ui!important;cursor:pointer;flex-shrink:0;box-shadow:none!important}
.windowClose:hover{border-color:var(--accent)!important;color:var(--accent)!important}
#appSettings .settingsCard{width:590px;padding:0;border-radius:14px;overflow:auto;background:var(--panel);border:1px solid var(--line)}
#settingsDialogHeader{position:sticky;top:0;z-index:9;padding:18px 22px;background:var(--panel);border-bottom:1px solid var(--line);margin:0}
#settingsTitle{font:700 18px/1.4 system-ui;margin:0}
#appSettings :is(#enginePreferences,.settingsSection,.settingsPerformance){padding:20px 22px;margin:0;border-bottom:1px solid var(--line)}
#appSettings .settingsPerformance{border-bottom:0}#appSettings .perfDock{display:block;z-index:auto}
#appSettings h3,#appSettings .perfPanelTitle{margin:0 0 13px;font:650 14px/1.4 system-ui;color:var(--ink);letter-spacing:0;text-transform:none}
#appSettings .settingsEngineButtons,#appSettings .themeChoices{display:flex;flex-wrap:wrap;gap:8px}
#appSettings :is(.settingsEngineButtons,.themeChoices) button,#appSettings .perfChip,#appSettings .perfQualityBtn{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:600 12px/1.4 system-ui;padding:10px 14px;box-shadow:none;cursor:pointer;transform:none;filter:none;opacity:1}
#appSettings :is(.settingsEngineButtons,.themeChoices) button.active,#appSettings .perfQualityBtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
#appSettings #enginePreferences p,#appSettings .perfPanelHint{margin:12px 0 0;font:400 12px/1.6 system-ui;color:var(--muted)}
#appSettings .perfToggleGrid{grid-template-columns:1fr;gap:8px}#appSettings .perfChip{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;min-height:42px;gap:12px}
#appSettings .perfChip:after{content:'';width:28px;height:16px;border-radius:20px;background:var(--line);border:3px solid var(--line);box-shadow:inset 10px 0 0 var(--muted);box-sizing:border-box}
#appSettings .perfChip.on:after{background:var(--accent);border-color:var(--accent);box-shadow:inset -10px 0 0 #fff}
#appSettings .perfQualityBlock{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}#appSettings .perfQualityTitle{font:600 12px/1.4 system-ui;color:var(--muted);margin-bottom:10px}
#appSettings .perfQualityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#legalLinks{padding:10px 8px;margin-top:16px}#legalLinks nav{display:flex;flex-wrap:nowrap;align-items:center;gap:9px;overflow-x:auto;white-space:nowrap}#legalLinks nav a{font-size:10px;line-height:1.5;flex-shrink:0;color:var(--muted);text-decoration:none}#legalLinks nav a:hover{color:var(--accent)}
@media(max-width:600px){#appSettings .settingsCard{width:94vw}#appSettings :is(#enginePreferences,.settingsSection,.settingsPerformance),#settingsDialogHeader{padding:16px}.letrixLogo{width:175px;height:45px}#appSettings .perfQualityBtn{padding:9px 5px;font-size:11px}#adminLoginForm>.row2{grid-template-columns:1fr}}
.customerAuthCard{width:min(460px,94vw);padding:22px}.customerAuthTabs{display:flex;gap:8px;margin:15px 0 20px}.customerAuthTabs button,.customerAccountStatus button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:600 12px system-ui;cursor:pointer}.customerAuthTabs .active{background:var(--accent);color:#fff;border-color:var(--accent)}#customerAuthForm label{margin:14px 0}#customerTermsLabel{display:block;font-weight:400}#customerTermsLabel input{margin-right:6px}.customerHint,#customerAuthStatus{font:400 12px/1.6 system-ui;color:var(--muted)}#customerAuthStatus{color:var(--ink)}.textButton{display:block;padding:8px 0;border:0;background:none;color:var(--muted);font:400 12px system-ui;text-align:left;cursor:pointer}.textButton:hover{color:var(--accent)}.customerAccountStatus{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0;font:400 12px system-ui}.customerAuthCard a{color:var(--accent)}

#pane-ads textarea#startupText{min-height:120px;resize:vertical}

.nativeWindowClose{position:absolute;right:10px;top:8px}

#pane-ads .adsEditorHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:76px;z-index:4;background:#19212d;padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:18px}#pane-ads .adsEditorHeader h2{margin:0}#pane-ads .adsEditorHeader #startupPreview{position:static;margin:0}@media(max-width:500px){#pane-ads .adsEditorHeader{flex-wrap:wrap}}