.service-tool [hidden],.services-compact [hidden],#service-filters[hidden]{display:none!important}
.service-tool,.service-tool *,.services-compact .service-actions{box-sizing:border-box}
.service-tool{overflow-wrap:anywhere}
.service-tool h2{font:inherit;font-weight:bold;margin:0}
.service-tool p{margin:4px 0}
.service-tool form{margin:0}
.service-tool fieldset{margin:0;border:1px solid #BDC7D8;padding:4px;min-width:0}
.service-tool legend{font-weight:bold}
.service-tool .tool-result,.service-tool .tool-error{padding:4px}
.service-tool .tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 0}
.service-tool .tool-row label{font-weight:bold;min-width:76px}
.service-tool input,.service-tool select,.service-tool textarea{max-width:100%;font:inherit;margin:2px 0;padding:4px}
.service-tool input[type=number]{width:110px}
.service-tool input[type=text],.service-tool input[type=url],.service-tool input[type=email]{width:230px}
.service-tool textarea{display:block;width:100%;resize:vertical;min-height:62px}
.service-tool input[type=file]{width:100%}
.service-tool input[type=range]{width:160px}
.service-tool button,.service-tool .tool-button,.service-actions button,.service-favourite{font:inherit;color:inherit;background:#F3F3F4;border:1px solid #999;padding:4px 7px;margin:2px;cursor:pointer;border-radius:2px;line-height:1.4}
.service-tool button:disabled{opacity:.55;cursor:default}
.service-tool .tool-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:4px 0}
.service-tool .tool-result{font-weight:bold;overflow-wrap:anywhere}
.service-tool .tool-error{color:#A12626}
.service-tool .tool-help{font-size:smaller;opacity:.85;margin:4px 0}
.service-tool canvas,.service-tool .tool-preview{display:block;max-width:100%;height:auto;margin:6px auto}
.service-tool .image-stage{overflow:auto;max-height:380px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/16px 16px}
.service-tool :focus-visible,.service-actions :focus-visible,.service-favourite:focus-visible{outline:2px solid #3B5998;outline-offset:2px}
.services-compact .service-entry{border-bottom:1px dotted #b2c4d7}
.services-compact .service-entry table{width:100%}
.services-compact .service-favourite{font-size:16px;min-width:30px;min-height:30px;padding:1px 4px}
.services-compact .service-favourite[aria-pressed=true]{color:#3B5998}
.services-compact .service-description{color:#666}
.service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px}
.service-actions button[aria-pressed=true]{font-weight:bold;border-color:#3B5998;background:#ECEEF5}
html.theme-dark .service-tool button,html.theme-dark .service-tool .tool-button,html.theme-dark .service-actions button,html.theme-dark .service-favourite{background:#2B3E55;border-color:#70839A;color:#F3F7FB}
html.theme-dark .service-tool .tool-error{color:#FFB4B4}
html.theme-dark .service-actions button[aria-pressed=true]{background:#263A55;border-color:#9CC2FF}
html.theme-dark .services-compact .service-favourite[aria-pressed=true]{color:#9CC2FF}
html.theme-dark .services-compact .service-description{color:#AEBBC8}
html.theme-dark .services-compact .service-entry{border-color:#46586A}
html.theme-dark .service-tool :focus-visible,html.theme-dark .service-actions :focus-visible,html.theme-dark .service-favourite:focus-visible{outline-color:#9CC2FF}
@media(max-width:380px){.service-tool .tool-row{gap:3px}.service-tool .tool-row label{min-width:68px}.service-tool input[type=text],.service-tool input[type=url],.service-tool input[type=email]{width:190px}.service-tool .tool-row select{max-width:210px}}
