@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--body-bg-start: #f7fafc;--body-bg-end: #eef2f7;--logo-bg-start: #0ea5a4;--logo-bg-end: #7dd3fc;--tool-icon-bg-start: #eef2ff;--tool-icon-bg-end: #e6f6f6;--accent: #0ea5a4;--accent-shadow: #0ea5a42e;--main-bg: #eeeeee;--light-bg: #ffffff;--main-text: #333333;--sub-text: #5c5c5c;--muted-text: #adadad}@media(prefers-color-scheme:dark){:root{--body-bg-start: #f7fafc;--body-bg-end: #eef2f7;--logo-bg-start: #0ea5a4;--logo-bg-end: #7dd3fc;--accent: #0ea5a4;--accent-shadow: #0ea5a42e;--main-bg: #eeeeee;--light-bg: #f5f5f5;--main-text: #333333;--sub-text: #5c5c5c;--muted-text: #adadad}}*{box-sizing:border-box}body{display:flex;flex-direction:column;flex-wrap:nowrap;margin:0;padding:0;font-family:Inter,sans-serif;font-weight:500;font-size:1rem;font-style:normal;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,var(--body-bg-start),var(--body-bg-end));overflow-x:hidden}@media(min-width:1024px){body{font-size:1.25rem}}@media(min-width:1280px){body{font-size:1.5rem}}@media(min-width:1536px){body{font-size:1.75rem}}h1,h2,h3,h4,h5,h6{color:var(--main-text);margin:0;font-weight:600}p{color:var(--sub-text);margin:0}a{color:inherit!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent!important}.text-main{color:var(--main-text)!important}.text-accent{color:var(--accent)!important}.text-sub{color:var(--sub-text)!important}.text-muted{color:var(--muted-text)!important}.text-08{font-size:.8em!important}header{display:flex;width:100%;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;padding:.75em 1.25em;margin:0 auto;gap:1em}@media(min-width:1024px){header{max-width:95%;flex-direction:row;justify-content:space-between}}header .logo-container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:.5em}@media(min-width:1024px){header .logo-container{flex-direction:row;justify-content:flex-start}}header .logo-container .logo-image{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;width:2em;height:2em;border-radius:.5em;background:linear-gradient(135deg,var(--logo-bg-start),var(--logo-bg-end))}header .logo-container .logo-image svg{width:50%;height:50%}header .logo-container .logo-text{text-align:center}@media(min-width:1024px){header .logo-container .logo-text{text-align:start}}header .logo-container .logo-heading{font-size:1.25em;font-weight:600;color:var(--main-text)}header .logo-container .logo-sub-heading{font-size:.75em;font-weight:400;color:var(--muted-text)}header .header-buttons{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center}main{width:100%;padding:.75em 1.25em;margin:0 auto}@media(min-width:1024px){main{max-width:95%}}footer{display:flex;width:100%;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;padding:.75em 1.25em;font-size:.8em;margin:auto auto 0;gap:1em}@media(min-width:1024px){footer{flex-direction:row;justify-content:space-between;max-width:95%}}.breadcrumbs{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:.5em;margin-bottom:1.5em}@media(min-width:1024px){.breadcrumbs{flex-direction:row;justify-content:space-between}}.breadcrumbs .details{display:flex;flex-direction:column;gap:.5em}.breadcrumbs .details .title{font-size:1.5em;color:var(--main-text)}.breadcrumbs .details .description{font-size:1em;color:var(--sub-text)}.btn{display:inline-block;position:relative;cursor:pointer!important;outline:none!important;border-style:solid;border-width:1px;border-radius:.25em;flex-shrink:0;font-size:.8em!important;font-weight:600;padding:.5em 1em;text-decoration:none!important;transition:all .15s ease-in}.btn.btn-accent{background-color:var(--accent);color:#fff!important;border-color:var(--accent);box-shadow:0 6px 16px var(--accent-shadow)}.btn.btn-accent:hover{background-color:#fff!important;color:var(--accent)!important;border-color:var(--accent)!important;box-shadow:none!important}.btn.btn-accent-outlined{background-color:#fff!important;color:var(--accent)!important;border-color:var(--accent);box-shadow:none!important}.btn.btn-accent-outlined:hover{background-color:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 6px 16px var(--accent-shadow)!important}.btn.btn-muted{background-color:transparent!important;color:var(--muted-text)!important}.btn.btn-muted:hover{color:var(--sub-text)!important}.btn.btn-link{border-color:transparent!important;font-weight:500!important}.btn.btn-cornered{border-radius:.5em!important}.btn.btn-rounded{border-radius:1em!important}.btn.btn-sm{font-size:.7em!important}.btn .img-btn{position:absolute;left:1em;top:50%;transform:translateY(-50%);width:1em;height:1em}.btn .img-btn+span{padding-left:1.25em}.textarea-full{outline:none!important;border:none!important;width:100%;min-height:10em;padding:1em;font-size:1em;resize:vertical}.textarea-full.copy-button-right{padding-right:5.5em}.overlapped-right-bottom{position:absolute;right:1.2em;bottom:1em}.overlapped-right-top{position:absolute;right:1.2em;top:1em}.tool-area{display:flex;flex-direction:column;gap:1em}.tool-area .tool-alert{color:#d32f2f}.tool-area .tool-alert:empty{display:none}.tool-area .tool-area-main{position:relative;flex-grow:1}.tool-area .tool-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;flex-shrink:0;gap:.5em}