.utility-shell .tool-main{max-width:980px;padding-top:28px}.utility-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:.85rem;color:#b9c9e1;margin-bottom:26px}.utility-breadcrumb a{color:#e0e9ff}.utility-shell .tool-hero h1{font-size:clamp(1.9rem,5vw,3rem)}.utility-workspace{padding:clamp(20px,4vw,36px)}.utility-workspace label{display:block;font-weight:650;margin:16px 0 8px}.utility-workspace textarea,.utility-workspace select,.utility-workspace input[type=number],.utility-workspace input[type=file]{width:100%;box-sizing:border-box;border:1px solid #c9d3e1;border-radius:10px;padding:12px;font:inherit;background:#fff;color:#152338}.utility-workspace textarea{resize:vertical;line-height:1.7;min-height:140px}.utility-workspace :focus-visible{outline:3px solid #658afa;outline-offset:3px}.utility-local{display:inline-block;background:#eef4ff;color:#345bad;border-radius:6px;padding:8px 12px;font-size:.82rem;margin:0 0 12px}.utility-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.utility-stats div{background:#f4f7fb;border:1px solid #e4e9f2;border-radius:12px;padding:16px 10px;text-align:center;min-width:0}.utility-stats dt{font-size:.78rem;color:#536278}.utility-stats dd{font-size:1.65rem;font-weight:750;margin:8px 0 0;overflow-wrap:anywhere;color:#2549a0}.utility-options{display:flex;gap:20px;flex-wrap:wrap}.utility-options label{font-weight:500}.utility-options input{width:auto;accent-color:#3f73ff}.utility-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.utility-fields input[type=range]{width:100%;accent-color:#3f73ff;margin:12px 0}.utility-hint,.utility-fields small{font-size:.85rem;color:#59677b;line-height:1.7}.utility-guide{padding:32px 4px;line-height:1.9}.utility-guide h2,.utility-related h2,.utility-home h2{font-size:1.25rem;margin:0 0 12px}.utility-guide h3{font-size:1rem;margin-top:24px}.utility-guide p{color:#526178;margin:0}.utility-home{background:#eaf0ff;border:1px solid #d5e0fc;border-radius:16px;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:26px;margin:8px 0 34px}.utility-home p{color:#526178;font-size:.92rem;margin:0;line-height:1.6}.utility-home a{white-space:nowrap}.utility-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.utility-related a{display:flex;justify-content:space-between;border:1px solid #dde4ef;padding:16px;border-radius:10px;text-decoration:none;background:#fff;color:#254780}.utility-related a:hover{background:#eef3ff}.utility-number{display:block;font-size:2rem;color:#2448a3;font-weight:700;overflow-wrap:anywhere;margin-top:24px}#utility-status{color:#254780;line-height:1.65;min-height:1.65em}#utility-status[data-error=true]{color:#a82727}#image-result{margin-top:24px;border-top:1px solid #dde4ef;padding-top:20px}#image-result[hidden]{display:none}#image-preview{display:block;max-width:100%;max-height:340px;object-fit:contain;margin:20px auto;background:#f0f2f5}#download-image{display:inline-flex}.utility-shell button:disabled{opacity:.5;cursor:not-allowed}.utility-shell .button-link{background:#355edc;color:white;border-radius:9px;padding:12px 18px;text-decoration:none}.utility-shell .tool-actions{flex-wrap:wrap}.utility-shell input,.utility-shell select,.utility-shell textarea{min-width:0}@media(max-width:650px){.utility-stats{grid-template-columns:repeat(2,1fr)}.utility-stats div:last-child{grid-column:1/-1}.utility-home{align-items:flex-start;flex-direction:column}.utility-fields,.utility-related>div{grid-template-columns:1fr}.utility-shell .site-header{gap:12px;align-items:flex-start;flex-wrap:wrap}.utility-shell .site-header nav{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem}.utility-shell .tool-hero{margin-bottom:24px}}

/* Keep navigation visible on utility pages at phone widths. */
.utility-shell.tool-v2-shell .site-header nav a:not(.lang-switch){display:inline-block}
.utility-shell.tool-v2-shell .site-header{height:auto;min-height:76px;padding-top:18px;padding-bottom:18px}
.utility-shell.tool-v2-shell .site-header nav{gap:14px;flex-wrap:wrap}

.utility-shell.tool-v2-shell{background:#f5f7fb}
.utility-shell.tool-v2-shell .site-header{background:#071426;padding-left:20px;padding-right:20px;border-radius:0 0 14px 14px}
.utility-shell .utility-breadcrumb{color:#536278}
.utility-shell .utility-breadcrumb a{color:#254780}
.utility-shell.tool-v2-shell .tool-hero h1{color:#142744}
.utility-shell.tool-v2-shell .tool-hero p{color:#536278}
.utility-shell.tool-v2-shell .tool-hero .eyebrow{color:#355edc}