@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#252824;background:#e8e6dd;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#252824;--paper:#f5f2e9;--sage:#aebba7;--green:#66765f;--muted:#72756c;--line:#25282420;--coral:#c98974}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(#49534812 1px,transparent 1px),#e8e6dd;background-size:17px 17px}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.tool-top{display:flex;align-items:center;justify-content:space-between;max-width:1050px;margin:auto;padding:1.2rem 1.3rem}.tool-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:800;letter-spacing:.1em;font-size:.75rem}.tool-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px 9px 9px 2px;color:var(--paper);background:var(--ink);font-size:.9rem}.tool-back{color:#5f645a;font-size:.8rem;font-weight:700;text-decoration:none}.tool-back:hover{color:var(--ink)}.tool-wrap{width:min(880px,calc(100% - 2rem));margin:2.4rem auto 4rem}.tool-eyebrow{display:flex;align-items:center;gap:.45rem;color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tool-eyebrow i{font-size:1.2rem;font-style:normal}.tool-title{margin:.65rem 0 .45rem;font-family:'Space Grotesk',sans-serif;font-size:clamp(2.8rem,7vw,5.25rem);letter-spacing:-.075em;line-height:.98}.tool-deck{max-width:610px;color:#64675f;font-size:1rem;line-height:1.65}.tool-card{margin-top:1.6rem;border:1px solid var(--line);border-radius:9px 20px 9px 14px;padding:clamp(1rem,3vw,1.65rem);background:var(--paper);box-shadow:0 12px 35px #292b2710}.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool-field{display:flex;flex-direction:column;gap:.38rem;min-width:0}.tool-field-wide{grid-column:1/-1}.tool-field label{font-size:.78rem;font-weight:750}.tool-field input,.tool-field select,.tool-field textarea{width:100%;border:1px solid #2528242b;border-radius:9px;padding:.75rem .82rem;outline:none;color:var(--ink);background:#fffdf8}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:#718269;box-shadow:0 0 0 3px #aebba755}.tool-field textarea{resize:vertical;line-height:1.55}.tool-field input[type=color]{height:47px;padding:.25rem}.tool-field small{color:#898b81;font-size:.71rem;line-height:1.35}.tool-actions{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem}.tool-run{border:0;border-radius:999px;padding:.8rem 1.1rem;color:#f8f5ed;background:var(--ink);font-size:.84rem;font-weight:800;transition:transform .15s,background .15s}.tool-run:hover{transform:translateY(-2px);background:#596651}.tool-note{color:#888b82;font-size:.7rem}.tool-output{display:none;margin-top:1rem;border:1px solid #72836944;border-radius:12px;padding:1.15rem;background:#e9ede4}.tool-output.is-visible{display:block}.tool-output h2{margin:0 0 .8rem;font-family:'Space Grotesk',sans-serif;font-size:1.15rem;letter-spacing:-.025em}.tool-output p{margin:.45rem 0;color:#484d43;font-size:.88rem;line-height:1.55;white-space:pre-wrap}.tool-output .big-result{color:#5c7055;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,5vw,3.25rem);font-weight:700;letter-spacing:-.07em}.tool-output ul{margin:.6rem 0;padding-left:1.25rem;color:#484d43;font-size:.86rem;line-height:1.65}.tool-output table{width:100%;border-collapse:collapse;font-size:.8rem}.tool-output th,.tool-output td{border-bottom:1px solid #25282420;padding:.55rem .45rem;text-align:left;vertical-align:top}.tool-output th{color:#63705d;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.tool-output code,.tool-code{font-family:'DM Mono',monospace;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}.tool-copy{margin-top:.75rem;border:1px solid #2528242c;border-radius:999px;padding:.5rem .8rem;color:#43483f;background:transparent;font-size:.75rem;font-weight:700}.tool-copy:hover{background:#fffaf1}.tool-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem;color:#8a8b80;font-size:.68rem}.tool-footer b{color:#626b5b}.tool-banner{margin-top:1.5rem;padding:.8rem 1rem;border-left:3px solid var(--coral);color:#72756c;background:#f4ece5;font-size:.75rem;line-height:1.5}.tool-check{display:flex;align-items:center;gap:.6rem;border-bottom:1px solid #25282412;padding:.55rem 0;font-size:.82rem}.tool-check input{accent-color:#68785f}.tool-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin:.7rem 0}.tool-stat{border-radius:8px;padding:.75rem;background:#f7f5ee}.tool-stat strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.45rem}.tool-stat span{color:#808278;font-size:.68rem}.tool-color-row{display:flex;flex-wrap:wrap;gap:.55rem}.tool-color-chip{display:flex;align-items:center;gap:.5rem;border:1px solid #25282420;border-radius:99px;padding:.4rem .65rem;background:#fffaf1;font-size:.73rem}.tool-color-chip i{width:20px;height:20px;border:1px solid #25282420;border-radius:50%}.tool-error{color:#8a3e34!important}.tool-small{font-size:.72rem!important;color:#797c73!important}@media(max-width:620px){.tool-wrap{margin-top:1.4rem}.tool-form{grid-template-columns:1fr}.tool-field-wide{grid-column:auto}.tool-title{font-size:3.35rem}.tool-footer{flex-direction:column;gap:.35rem}.tool-card{padding:1rem}}