#tools-main{--tools-bg:var(--bg);--tools-surface:var(--surface);--tools-line:var(--line);--tools-text:var(--text);--tools-muted:var(--muted);--tools-sage:var(--accent);--tools-quiet:var(--quiet);--tools-error:var(--red);color:var(--tools-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}
#tools-main *{box-sizing:border-box}
#tools-main button,#tools-main input,#tools-main textarea{font:inherit}
#tools-main button{color:inherit}
#tools-main .tools-page{max-width:1260px;margin:0 auto;padding:150px clamp(20px,4vw,64px) 70px}
#tools-main .tools-intro{max-width:760px;padding:0 0 34px;border-bottom:1px solid var(--tools-line)}
#tools-main .tools-eyebrow{margin:0 0 10px;color:var(--tools-sage);font-size:10px;font-weight:750;letter-spacing:1.55px;line-height:1.3}
#tools-main .tools-intro h1,#tools-main .tool-panel-heading h2{margin:0;color:var(--tools-text);font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
#tools-main .tools-intro h1{font-size:clamp(36px,5.4vw,58px);line-height:1.06}
#tools-main .tools-lede{max-width:600px;margin:16px 0 0;color:var(--tools-muted);font-size:15px;line-height:1.65}
#tools-main .tools-layout{display:grid;grid-template-columns:minmax(225px,280px) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:start;padding-top:29px}
#tools-main .tools-index{position:sticky;top:104px}
#tools-main .tools-search-label,#tools-main .tools-field label{display:block;color:var(--tools-muted);font-size:12px;font-weight:650;letter-spacing:.025em}
#tools-main .tools-search{display:block;width:100%;height:42px;margin-top:8px;padding:9px 12px;border:1px solid var(--tools-line);border-radius:3px;background:var(--tools-surface);color:var(--tools-text);font-size:14px;outline:none}
#tools-main .tools-search::placeholder,#tools-main textarea::placeholder,#tools-main input::placeholder{color:#718187;opacity:1}
#tools-main .tools-search:focus-visible,#tools-main .tools-field input:focus-visible,#tools-main .tools-field textarea:focus-visible{border-color:#829e8c;outline:2px solid #b9cbbb42;outline-offset:1px}
#tools-main .tools-nav{display:grid;gap:23px;margin-top:24px}
#tools-main .tools-nav-group h2{margin:0 0 7px;padding-bottom:7px;border-bottom:1px solid var(--tools-line);color:#829298;font-size:10px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase}
#tools-main .tools-nav-item{display:block;width:100%;padding:9px 9px 10px 11px;border:0;border-left:1px solid transparent;border-radius:0;background:transparent;text-align:left;cursor:pointer;transition:background .16s,border-color .16s}
#tools-main .tools-nav-item:hover{background:#ffffff08}
#tools-main .tools-nav-item.is-active{border-left-color:var(--tools-sage);background:#b9cbbb0c}
#tools-main .tools-nav-item span,#tools-main .tools-nav-item small{display:block}
#tools-main .tools-nav-item span{color:#dce0d9;font-size:14px;font-weight:600}
#tools-main .tools-nav-item.is-active span{color:var(--tools-sage)}
#tools-main .tools-nav-item small{margin-top:2px;color:#849399;font-size:11px;line-height:1.45}
#tools-main .tools-empty-search{margin:0;color:var(--tools-muted);font-size:13px}
#tools-main .tools-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#tools-main .tools-local-note{margin:26px 0 0;padding-top:13px;border-top:1px solid var(--tools-line);color:#7c8c91;font-size:11px;letter-spacing:.02em}
#tools-main .tools-workspace{min-width:0}
#tools-main .tool-panel{max-width:760px;animation:tools-arrive .22s ease both}
#tools-main .tool-panel-heading{padding:2px 0 22px;border-bottom:1px solid var(--tools-line)}
#tools-main .tool-panel-heading .tools-eyebrow{margin-bottom:7px}
#tools-main .tool-panel-heading h2{font-size:clamp(30px,4vw,40px);line-height:1.12}
#tools-main .tool-panel-heading>p:last-child{max-width:590px;margin:10px 0 0;color:var(--tools-muted);font-size:14px;line-height:1.6}
#tools-main .tool-panel-body{padding:24px 0 20px}
#tools-main .tools-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
#tools-main .tools-field{display:grid;gap:7px;min-width:0;margin-bottom:18px}
#tools-main .tools-field small{color:#839297;font-size:11px;line-height:1.45}
#tools-main .tools-field input:not([type="checkbox"]),#tools-main .tools-field textarea,#tools-main .tools-password-output input{width:100%;min-width:0;border:1px solid #2d3d44;border-radius:3px;background:#101a21;color:var(--tools-text);outline:none}
#tools-main .tools-field input:not([type="checkbox"]){height:45px;padding:10px 12px;font-variant-numeric:tabular-nums}
#tools-main .tools-field textarea{min-height:130px;padding:12px;resize:vertical;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}
#tools-main .tools-field textarea[readonly]{color:#d1d7d2}
#tools-main .tools-result{margin-top:5px;padding:20px 0 17px;border-top:1px solid var(--tools-line);border-bottom:1px solid var(--tools-line)}
#tools-main .tools-result-label{display:block;color:var(--tools-muted);font-size:10px;font-weight:750;letter-spacing:1.2px}
#tools-main .tools-result strong{display:block;margin-top:5px;color:var(--tools-sage);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,48px);font-weight:400;letter-spacing:-.04em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#tools-main .tools-result p{margin:6px 0 0;color:var(--tools-muted);font-size:12px;line-height:1.5}
#tools-main .tools-breakdown{display:flex;justify-content:space-between;gap:20px;padding-top:13px;color:var(--tools-muted);font-size:12px}
#tools-main .tools-breakdown span{display:grid;gap:3px}
#tools-main .tools-breakdown strong{color:var(--tools-text);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
#tools-main .tools-status{min-height:1.5em;margin:10px 0 0;color:#91a0a2;font-size:12px;line-height:1.45}
#tools-main .tools-status[data-state="success"]{color:var(--tools-sage)}
#tools-main .tools-status[data-state="error"]{color:#e8aaa0}
#tools-main .tools-options{display:grid;gap:11px;margin:2px 0 21px;padding:14px 15px 15px;border:1px solid var(--tools-line);border-radius:3px}
#tools-main .tools-options legend{padding:0 6px;color:var(--tools-muted);font-size:12px;font-weight:650}
#tools-main .tools-options label{display:flex;align-items:center;gap:9px;color:#d4d9d3;font-size:13px;cursor:pointer}
#tools-main .tools-options label.tools-sub-option{padding-left:24px;color:var(--tools-muted);font-size:12px}
#tools-main input[type="checkbox"]{width:15px;height:15px;flex:0 0 auto;margin:0;accent-color:#b9cbbb;cursor:pointer}
#tools-main input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.4}
#tools-main .tools-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
#tools-main .tools-button,#tools-main .tools-copy-icon{min-height:39px;padding:8px 13px;border:1px solid #53695d;border-radius:3px;background:#b9cbbb;color:#102019;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
#tools-main .tools-button:hover:not(:disabled){background:#d0ded1}
#tools-main .tools-button:disabled,#tools-main .tools-copy-icon:disabled{cursor:not-allowed;opacity:.42}
#tools-main .tools-button-secondary{border-color:#34464c;background:transparent;color:#d4dbd5}
#tools-main .tools-button-secondary:hover:not(:disabled){border-color:#81958a;background:#ffffff08}
#tools-main .tools-text-action{min-height:39px;padding:8px 5px;border:0;background:transparent;color:var(--tools-sage);font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#tools-main .tools-text-action:hover{color:#e2ece2}
#tools-main .tools-inline-note{color:#829197;font-size:11px}
#tools-main .tools-password-output{display:flex;gap:8px}
#tools-main .tools-password-output input{height:43px;padding:9px 11px;font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
#tools-main .tools-copy-icon{flex:0 0 auto;min-width:64px;border-color:#34464c;background:transparent;color:#d4dbd5}
#tools-main .tools-copy-icon:hover:not(:disabled){border-color:#81958a;background:#ffffff08}
#tools-main .tool-panel-footnote{margin:0;padding-top:13px;border-top:1px solid var(--tools-line);color:#78888e;font-size:11px;line-height:1.5}
#tools-main :focus-visible{outline:2px solid var(--tools-sage);outline-offset:3px}
@keyframes tools-arrive{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px){#tools-main .tools-index{top:88px}}
@media(max-width:780px){#tools-main .tools-layout{grid-template-columns:1fr;gap:28px}#tools-main .tools-index{position:static}#tools-main .tools-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}#tools-main .tools-nav-group{min-width:0}#tools-main .tools-nav-group h2{min-height:29px}#tools-main .tools-nav-item{padding:8px 5px 9px 8px}#tools-main .tools-nav-item span{font-size:12px}#tools-main .tools-nav-item small{font-size:10px}#tools-main .tools-local-note{margin-top:14px}}
@media(max-width:520px){#tools-main .tools-page{padding:120px 17px 48px}#tools-main .tools-intro{padding-bottom:25px}#tools-main .tools-intro h1{font-size:52px}#tools-main .tools-lede{font-size:14px}#tools-main .tools-layout{padding-top:22px;gap:22px}#tools-main .tools-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}#tools-main .tools-nav-item small{line-height:1.35}#tools-main .tool-panel-heading{padding-bottom:18px}#tools-main .tool-panel-body{padding-top:19px}#tools-main .tools-form-grid{grid-template-columns:1fr;gap:0}#tools-main .tools-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:10px}#tools-main .tools-result strong{font-size:38px}#tools-main .tool-panel-heading h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){#tools-main *,#tools-main *::before,#tools-main *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}