:root{--sidebar-width:300px}body{background-size:20px 20px;margin-top:0!important}.tool-layout{grid-template-columns:var(--sidebar-width) 1fr;background-image:radial-gradient(var(--bg2) 1px, transparent 1px);background-size:20px 20px;height:100dvh;display:grid}.sidebar{box-sizing:border-box;width:var(--sidebar-width);background-color:var(--bg2);border-right:1px solid var(--bg4);height:100%;padding:10dvh 10px 10px}.tool-container{max-height:100dvh;padding-top:10dvh;overflow-y:auto}.tool-container h1{font-size:1.3rem}.tool-content .panel{box-sizing:border-box;width:100%}.tool-content,.tool-more{background-color:var(--bg1);box-sizing:border-box;border-radius:var(--br);padding:12px 16px;width:calc(100% - 40px);margin-block:0;margin-inline:auto;padding-block:0}.tool-more>.panel{box-sizing:border-box;width:100%}.sidebar-category summary{cursor:pointer;letter-spacing:.05em;color:var(--c3);border-radius:var(--br);-webkit-user-select:none;user-select:none;padding:12px;font-size:.85rem;font-weight:600;list-style:none}.sidebar-category summary::-webkit-details-marker{display:none}.sidebar-category summary:hover{background-color:var(--ct);color:var(--c1)}.sidebar-category[open] summary{color:var(--c1)}.category-links{border-left:1px solid var(--bg4);flex-direction:column;gap:0;margin-top:0;margin-left:12px;padding-left:12px;display:flex}a.category-link{color:var(--c4);border-radius:var(--br);margin:0;padding:14px;font-size:.9rem;text-decoration:none}.category-link:hover{background-color:var(--ct);color:var(--c1)}.gg-toggle{border-radius:var(--br);border:1px solid var(--bg4);background-color:var(--bg2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 12px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.gg-toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.gg-toggle:before{content:"";border:2px solid var(--c3);box-sizing:border-box;border-radius:50%;flex:none;width:16px;height:16px;transition:border-color .15s,background-color .15s,box-shadow .15s}.gg-toggle:has(input[type=checkbox]):before{border-radius:4px}.gg-toggle:has(input:checked):before{border-color:var(--c1);background-color:var(--c1);box-shadow:inset 0 0 0 3px var(--bg2)}.gg-toggle:has(input:checked){border-color:var(--c1);background-color:color-mix(in srgb, var(--c1) 16%, var(--bg2))}.gg-codebox{border-radius:var(--br);width:100%;overflow:hidden}.gg-code-header{background-color:#1e2022;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.gg-code-header h3{color:#fff;font-family:var(--f-h);font-size:1rem;margin:0!important}.gg-copy-btn{color:#fff;cursor:pointer;border-radius:var(--br);background-color:#0000;border:1px solid #ffffff2e;padding:6px 10px}.gg-copy-btn:hover{background-color:#ffffff14}.gg-code{white-space:pre-wrap;word-break:break-word;background-color:#2e2f33;margin:0;padding-left:12px;font-size:.9rem}pre code.hljs{margin:0;font-family:var(--f-mono)!important;padding:0!important}.two-column{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-column .panel{box-sizing:border-box;width:100%}.two-column .panel h4{text-align:center}.two-column hr{grid-column:span 2}.panel{margin-block:5px}.clr-field>button{width:38px!important}.preset{border:1px solid var(--bg4);border-radius:var(--br);box-sizing:border-box;flex-direction:column;width:100%;padding:10px;display:flex}.presets{grid-template-columns:1fr 1fr;gap:5px;padding:10px;display:grid}textarea.cool{background-color:#0000;border:none;outline:none;padding:4px;font-size:1rem}textarea.cool:focus{box-shadow:none;outline:none}@media (width<=1000px){.tool-layout{grid-template-columns:1fr}.sidebar{display:none}.two-column{display:block}.two-column hr{grid-column:unset!important}}summary:not(.category-title){cursor:pointer;background-color:var(--bg1);padding:10px 14px 10px 20px;font-size:.9rem;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:not(.category-title):after{content:"+";position:absolute;top:50%;left:10px;transform:translateY(-50%)}details[open]>summary:not(.category-title):after{content:"-"}summary:hover{background-color:var(--bg2);border-radius:var(--br)}details>.gg-codebox{margin-block:10px}.result{box-sizing:border-box;border:1px solid var(--bg4);border-radius:var(--br);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.result>h4{font-size:2.5rem}.faq-section{flex-direction:column;gap:0;display:flex}section.faq-section>details{margin-block:0}.faq-section>details>summary{border-bottom:1px solid var(--bg3);padding-block:17px}.faq-section>details:last-of-type>summary{border-bottom:none}.faq-section>details>summary+*{border-radius:var(--br);box-sizing:border-box;width:100%;padding-block:10px;padding-inline:20px}.about-container{padding-bottom:20px}.about-container h2{margin-top:15px;margin-bottom:10px;font-size:1.6rem}.about-container h3{text-align:left;margin-top:15px;margin-bottom:7px;font-size:1.3rem}.about-container p,.about-container li{line-height:1.8}.about-container img{width:min(100%,450px)}.read-more{color:var(--p1)}.read-more:hover{text-decoration:underline}[open] .read-more{margin-bottom:10px}:not(div).panel-section{font-family:var(--f-h);margin-block:0;font-size:.9rem;font-weight:500}