:root{--cropro-red:#fa1828;--cropro-red-dark:#bd1322;--cropro-yellow:#fff000;--cropro-charcoal:#414141;--green:#bd1322;--dark:#414141;--sage:#fff9dc;--ink:#363636;--muted:#73716c;--line:#e5e1da}
body{background:#faf9f6;color:var(--ink)}
header{max-width:none;background:#fff;border-top:4px solid var(--cropro-yellow);padding:20px max(32px,calc((100vw - 1216px)/2));border-bottom:1px solid #e5e1da;gap:24px}
.brand{gap:20px}.brand>img{width:176px!important;height:50px!important;object-fit:contain}.brand>span{font-size:21px;color:#414141;border-left:1px solid #ddd;padding-left:20px}.brand small{font-size:9px;color:#777;letter-spacing:.04em}
header nav a{font-weight:600;font-size:12px}header nav a:hover{color:var(--cropro-red-dark)}
header nav a:last-child{border:1px solid #e2ded6;border-radius:99px;padding:12px 17px}
.tools-hub{padding-top:44px}.tools-hub>h1{max-width:780px;font-size:clamp(32px,5vw,56px);letter-spacing:-1.8px;color:#414141;margin:12px 0 18px}.tools-hub>.eyebrow{color:#b71424;letter-spacing:.16em;font-weight:700}
.tools-intro{max-width:720px;color:#68645e;line-height:1.9}.box-tools-title{margin-top:46px;padding:20px 0 14px;border-bottom:3px solid var(--cropro-red)}
.tools-grid{gap:20px}.tool-card{background:white;border:1px solid #e6e1d7;border-radius:16px;box-shadow:0 5px 20px #41414106;transition:border-color .18s,transform .18s}.tool-card:hover{border-color:#f23845;transform:translateY(-3px)}
.tool-card h2,.tool-card h3,.tool-card b{color:#414141}.tool-card>span:last-child{color:var(--cropro-red-dark)}
.tool-icon-pair{background:#f7f6f3;border-radius:10px}.tool-icon-pair img{background:#fff}
.hc-section{background:#fff9df;border:1px solid #eee1a6;border-radius:20px}.hc-section>h2{color:#414141}.hc-card{border-color:#e7dfc8;box-shadow:0 4px 16px #41414105}.hc-card:hover{border-color:#c4a119}.hc-card img,.hc-header-pair img{background:#fff}.hc-card a{color:#ac1420;font-weight:700}.hc-muted{color:#716d63}.hc-pair figure{background:#fff;border-color:#e6e0d5}
.hc-controls input,.hc-controls select,.hc-edit input{border-color:#d6d0c4;color:#414141;background:#fff}.hc-controls input:focus,.hc-controls select:focus{outline:2px solid #e5be23;outline-offset:2px}.hc-summary{border-left-color:var(--cropro-red);background:#fff}.hc-recommended{background:#fff29b;color:#414141}.hc-table th{color:#414141}.hc-table th,.hc-table td{border-color:#e7dfc9}
.hc-actions button,.hc-page button,.hc-table button,.tool-actions button,.blank-tool button{border-color:#c7c1b6;background:#fff;color:#414141}.hc-actions button:hover,.hc-page button:hover{background:#fff5be;border-color:#d6b200}.hc-actions button:first-child,.button{background:var(--cropro-red-dark);color:white;border-color:var(--cropro-red-dark)}.button:hover{background:#94101c}.hc-drawing{border-color:#ddd7ca}.hc-error{border-left:3px solid #db172a}
.tool-group-menu .tool-group-toggle{width:54px;height:58px;border-radius:0 16px 16px 0;padding:9px;background:#fff;border:1px solid #e6d95b;box-shadow:0 5px 20px #41414120;color:#414141}.tool-group-toggle img{width:36px;height:36px;display:block}.tool-group-panel{background:#fff!important;border-color:#e8dfbd!important;color:#414141!important}.tool-group-panel a{color:#414141!important}.tool-group-panel a:hover,.tool-group-panel a:focus-visible{background:#fff6b0!important}.tool-group-title{color:#716650!important}
#back-to-top{right:max(20px,env(safe-area-inset-right))!important;left:auto!important;bottom:calc(20px + env(safe-area-inset-bottom));background:#414141;color:#fff;border:1px solid #414141;box-shadow:0 5px 20px #41414126;z-index:70}#back-to-top:hover{background:var(--cropro-red-dark);border-color:var(--cropro-red-dark)}#back-to-top:focus-visible{outline:3px solid #dec900;outline-offset:4px}
footer{max-width:none;margin-top:60px;border-top:3px solid var(--cropro-yellow);padding:28px max(32px,calc((100vw - 1216px)/2));background:#414141;color:#fff;display:block}.cropro-footer-copy{max-width:880px;font-size:12px;line-height:1.9;margin:0;color:#fff}
:focus-visible{outline-color:#c2a600}.hc-tool,.blank-tool{padding-top:36px}.hc-tool h1{color:#414141}.hc-tool>.eyebrow{color:#ae1421}.hc-tool>a:first-child{color:#a91a26}
@media(max-width:700px){header{padding:16px 20px;flex-wrap:wrap;gap:14px}.brand>img{width:140px!important;height:40px!important}.brand>span{font-size:18px;padding-left:12px}.brand{gap:12px}header nav{width:100%;gap:16px;flex-wrap:wrap;justify-content:flex-start}header nav a{font-size:10px}header nav a:last-child{padding:8px 12px}.tools-hub{padding-top:28px}.tools-hub>h1{letter-spacing:-1px}footer{padding:24px 20px}.tool-group-menu{top:42%!important}#back-to-top{right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}