*{box-sizing:border-box}body{margin:0;background:#f2f5f8;color:#182a40;font:16px/1.5 system-ui,sans-serif}main{max-width:850px;margin:48px auto;padding:36px;background:#fff;border:1px solid #dce3eb;border-radius:14px}.eyebrow{color:#42688b;font-size:12px;font-weight:700;letter-spacing:.12em}h1{font-size:30px;margin:8px 0}label{display:block;font-weight:600;margin:20px 0 6px}input{font:inherit;padding:12px;border:1px solid #aebdca;border-radius:6px;width:100%}#value{font-family:monospace;font-size:20px}.row{display:flex;align-items:end;gap:18px}.row>div{max-width:210px}button,.downloads a{display:inline-block;background:#164f77;color:white;border:0;padding:13px 18px;border-radius:6px;font:inherit;text-decoration:none;cursor:pointer}.preview{overflow:auto;background:white;border:1px solid #dce3eb;padding:24px}.preview img{display:block;max-width:none;height:auto}.downloads{display:flex;flex-wrap:wrap;gap:10px}.note,footer,#dimensions{font-size:14px;color:#526478}footer{border-top:1px solid #dce3eb;margin-top:32px;padding-top:18px}#status{min-height:24px}@media(max-width:600px){main{margin:12px;padding:20px}.row{align-items:stretch;flex-direction:column}.row>div{max-width:none}}

nav{margin-bottom:24px}nav a{color:#164f77;text-decoration:none;font-weight:600}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:30px}.tool-card{display:block;border:1px solid #cbd8e4;border-radius:10px;padding:26px;text-decoration:none;color:inherit;background:#f8fbfe}.tool-card:hover{border-color:#164f77;background:#f0f7fc}.tool-card h2{margin:12px 0;font-size:23px}.tool-card p{color:#526478}.tool-category{font-size:11px;letter-spacing:.12em;font-weight:700;color:#42688b}.open-tool{color:#164f77;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #54a2d7;outline-offset:3px}

button.copy-preview{display:block;background:#fff;color:inherit;border:0;padding:0;border-radius:0;cursor:copy}button.copy-preview:hover{outline:2px solid #77a8c9;outline-offset:8px}.copy-hint{font-size:14px;color:#164f77;margin-bottom:4px}#copy-status{font-size:14px;min-height:22px;margin-top:4px}

/* Light theme: modest contrast on the hub only. */
:root{color-scheme:light}
.home-page .tool-card{background:#e7f0f8;border:1px solid #8eabc2;border-left:5px solid #22638f}
.home-page .tool-card:hover{background:#dbeaf5;border-color:#22638f}
.home-page .tool-category{color:#254f70}
.home-page .tool-card p{color:#344d63}
.home-page .open-tool{display:inline-block;background:#164f77;color:#fff;padding:9px 15px;border-radius:6px}
.copy-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.copy-actions .copy-hint{flex:1;min-width:200px;margin:0}
#copy-status[data-state=success]{color:#17673f}
#copy-status[data-state=error]{color:#a12323}
button:disabled{opacity:.65;cursor:wait}
[hidden]{display:none!important}