/* Ordinary calculation and network workspaces only; preview/editor controls are excluded. */
:is(body[data-extra="banking"],body[data-extra="loans"],body[data-extra="convert"],body[data-extra="split"],body[data-extra="dates"],body[data-extra="electricity"],body[data-extra="data-budget"],body[data-extra="password"],body[data-extra="traceroute"],body[data-tool="ip"],body[data-tool="dns"],body[data-tool="domain"],body[data-tool="network"]) .workspace :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;min-height:48px;border:1px solid #b9c7d3;border-radius:10px;background:var(--list-row-bg,#fff);color:var(--ink,#182333);font-size:16px;line-height:1.4;padding:11px 13px;transition:border-color .15s,box-shadow .15s}
:is(body[data-extra="banking"],body[data-extra="loans"],body[data-extra="convert"],body[data-extra="split"],body[data-extra="dates"],body[data-extra="electricity"],body[data-extra="data-budget"],body[data-extra="password"],body[data-extra="traceroute"],body[data-tool="ip"],body[data-tool="dns"],body[data-tool="domain"],body[data-tool="network"]) .workspace :is(input,select,textarea):focus-visible{outline:3px solid var(--accent,#7554a5);outline-offset:3px;border-color:var(--accent,#7554a5);box-shadow:0 0 0 1px var(--accent,#7554a5)}
:is(body[data-extra="banking"],body[data-extra="loans"],body[data-extra="convert"],body[data-extra="split"],body[data-extra="dates"],body[data-extra="electricity"],body[data-extra="data-budget"],body[data-extra="password"],body[data-extra="traceroute"],body[data-tool="ip"],body[data-tool="dns"],body[data-tool="domain"],body[data-tool="network"]) .workspace :is(input,select,textarea):disabled{background:#edf1f4;color:#627180;cursor:not-allowed;opacity:.8}
:is(body[data-extra="banking"],body[data-extra="loans"],body[data-extra="convert"],body[data-extra="split"],body[data-extra="dates"],body[data-extra="electricity"],body[data-extra="data-budget"],body[data-extra="password"],body[data-extra="traceroute"],body[data-tool="ip"],body[data-tool="dns"],body[data-tool="domain"],body[data-tool="network"]) .workspace button[data-primary="true"]{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.4;white-space:normal}
/* Keep nested pairs at the same width, independent of their values or help text. */
:is(body[data-extra="convert"],body[data-extra="electricity"]) .workspace form .options:has(>div){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
:is(body[data-extra="convert"],body[data-extra="electricity"]) .workspace form .options>div{min-width:0}
:is(body[data-extra="convert"],body[data-extra="electricity"]) .workspace form .options :is(input,select){width:100%;margin:0}
:is(body[data-extra="convert"],body[data-extra="electricity"]) .workspace form .options label{display:block;margin:0 0 8px;font-weight:650;line-height:1.5}
body[data-extra="electricity"] .electricity-inputs .vt-help-field{margin-block:0 8px!important}
body[data-extra="electricity"] .electricity-inputs .vt-help-field label{margin:0}
body[data-extra="electricity"] .electricity-inputs .options small{display:block;margin-top:8px;line-height:1.55}
body[data-extra="electricity"] .electricity-inputs .options{margin:20px 0}
:is(body[data-extra="split"],body[data-extra="dates"],body[data-extra="password"]) .workspace form>label:not(.checklabel){display:block;margin:20px 0 8px;font-weight:650}
:is(body[data-extra="split"],body[data-extra="dates"]) .workspace form>input:not([type="hidden"]){width:100%}
:is(body[data-extra="split"],body[data-extra="dates"],body[data-extra="password"]) .workspace form>button[data-primary]{margin-top:18px}
body[data-extra="password"] #passwordform .options{margin-top:0;align-items:center;flex-wrap:wrap}
body[data-extra="password"] .passwordresult{border:1px solid #d3dce4}
body[data-extra="password"] #passwordoutput{width:100%}
:is(body[data-extra="banking"],body[data-extra="loans"]) #financeform{row-gap:10px}
:is(body[data-extra="banking"],body[data-extra="loans"]) #financeform>label:not(:first-child),:is(body[data-extra="banking"],body[data-extra="loans"]) #financeform>.vt-help-field:not(:first-child){margin-top:10px}
:is(body[data-extra="banking"],body[data-extra="loans"]) #financeform>button[data-primary]{margin-top:10px}
:is(body[data-extra="banking"],body[data-extra="loans"]) .increasestats>div{min-width:0}
:is(body[data-extra="banking"],body[data-extra="loans"]) .increasestats strong{overflow-wrap:anywhere}
@media(max-width:600px){
 :is(body[data-extra="convert"],body[data-extra="electricity"]) .workspace form .options:has(>div){grid-template-columns:1fr;gap:18px}
 :is(body[data-extra="split"],body[data-extra="dates"],body[data-extra="password"]) .workspace form>button[data-primary]{width:100%}
 body[data-extra="password"] #copypassword{width:100%;min-height:48px}
}