.webtoola{--webtoola-accent:#4f46e5;--webtoola-ink:#1d2433;--webtoola-line:#dcdcf0;box-sizing:border-box;max-width:880px;margin:1.5rem auto;padding:clamp(1rem,4vw,2rem);border:1px solid var(--webtoola-line);border-radius:16px;background:#fff;color:var(--webtoola-ink);font:400 16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 8px 32px #302d6810}
.webtoola *{box-sizing:border-box}.webtoola [hidden]{display:none!important}.webtoola header{margin-bottom:1.5rem}.webtoola .webtoola-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.14em;color:var(--webtoola-accent);margin:0 0 .5rem}.webtoola h2{font:700 clamp(1.4rem,4vw,2rem)/1.2 system-ui,sans-serif;color:var(--webtoola-ink);margin:0 0 .7rem}.webtoola p{margin:.5rem 0}.webtoola fieldset{border:0;padding:0;margin:0;min-width:0}.webtoola .webtoola-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.webtoola .webtoola-wide{grid-column:1/-1}.webtoola label{display:block;font-weight:650;margin-bottom:.4rem}.webtoola input,.webtoola select,.webtoola textarea{width:100%;max-width:100%;min-height:46px;border:1px solid #85859f;border-radius:7px;padding:.65rem .75rem;background:#fff;color:#1d2433;font:inherit;line-height:1.45}.webtoola textarea{resize:vertical;tab-size:2}.webtoola .webtoola-output{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;margin-bottom:.7rem}.webtoola .webtoola-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}.webtoola button{font:650 1rem/1.4 system-ui,sans-serif;min-height:44px;padding:.7rem 1.1rem;border:1px solid var(--webtoola-accent);border-radius:7px;background:var(--webtoola-accent);color:#fff;cursor:pointer}.webtoola button:hover{background:#3730a3}.webtoola button.webtoola-secondary{background:#fff;color:var(--webtoola-accent)}.webtoola button.webtoola-secondary:hover{background:#eeedff}.webtoola :is(input,select,textarea,button,a):focus-visible{outline:3px solid #a65212;outline-offset:3px}.webtoola .webtoola-result{margin-top:1.25rem;padding:1rem;background:#f5f4ff;border:1px solid var(--webtoola-line);border-radius:9px}.webtoola .webtoola-error{color:#8c2020;background:#fff0ef;padding:.75rem;border-left:4px solid #a82a2a;margin-top:1rem}.webtoola .webtoola-note{font-size:.8rem;color:#5c6175;margin-top:1rem}.webtoola .webtoola-status{font-size:.9rem}.webtoola-related{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dcdcf0}.webtoola-related h3{font-size:1rem;margin:0 0 .5rem}.webtoola-related ul{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:0;list-style:none}.webtoola-related a{color:#4f46e5;text-decoration:underline;text-underline-offset:3px}.webtoola-related a:focus-visible{outline:3px solid #a65212;outline-offset:3px}@media(max-width:540px){.webtoola .webtoola-fields{grid-template-columns:1fr}.webtoola .webtoola-actions button{flex:1}.webtoola{margin:1rem 0}}@media(prefers-contrast:more){.webtoola{border-color:#1d2433}.webtoola input,.webtoola select,.webtoola textarea{border-width:2px}}
.webtoola .webtoola-status,.webtoola .webtoola-error,.webtoola header,.webtoola-related{overflow-wrap:anywhere}