.tool-page:is([data-tool=url-codec],[data-tool=base64],[data-tool=uuid],[data-tool=css-grid-generator],[data-tool=flex-layout-generator],[data-tool=css-loading-spinner],[data-tool=rsa-key-generator],[data-tool=bcrypt],[data-tool=ssl-certificate-parser],[data-tool=encrypt-decrypt])>:is(.tool-intro,.tool-workspace,.tool-doc,.tool-details){width:calc(100% - 48px);max-width:var(--tool-content-width,960px);margin-left:auto;margin-right:auto}.tool-page[data-tool=base64]{--tool-content-width:1100px}.tool-page[data-tool=uuid]{--tool-content-width:860px}.tool-page[data-tool=css-grid-generator],.tool-page[data-tool=flex-layout-generator]{--tool-content-width:1400px}.tool-page[data-tool=css-loading-spinner]{--tool-content-width:1240px}.tool-page[data-tool=rsa-key-generator]{--tool-content-width:1300px}.tool-page[data-tool=ssl-certificate-parser]{--tool-content-width:1200px}.tool-page:is([data-tool=url-codec],[data-tool=base64],[data-tool=uuid],[data-tool=css-grid-generator],[data-tool=flex-layout-generator],[data-tool=css-loading-spinner],[data-tool=rsa-key-generator],[data-tool=bcrypt],[data-tool=ssl-certificate-parser],[data-tool=encrypt-decrypt])>:is(.tool-intro,.tool-details){padding-left:0;padding-right:0}.tool-doc{padding-bottom:8px}.tool-doc h2{display:flex;align-items:center;gap:8px;margin:0;color:#1f2937;font-size:17px;line-height:1.5}.tool-doc h2 svg{flex:none;width:18px;height:18px;color:#5c6487}.tool-doc section{margin-top:20px;padding:22px 20px;background:#fff;border:1px solid #dce4ee;border-radius:12px;box-shadow:0 2px 4px #1f2d400e}.tool-doc p{margin:12px 0;color:#485a72;font-size:13px;line-height:1.9}.tool-doc-rule{width:118px;height:3px;margin:12px 0 17px;border-radius:3px;background:linear-gradient(90deg,#8178ff,#dfe1ff)}.tool-doc-alert{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:13px 15px;border:1px solid #cdecd9;border-radius:10px;background:#eefaf2;color:#3d7a55;font-size:12px;line-height:1.8}.tool-doc-alert svg{flex:none;margin-top:2px;color:#059669}.tool-doc-alert b{color:#256b43}.tool-doc-steps{display:flex;flex-direction:column;gap:10px}.tool-doc-steps article{display:flex;align-items:flex-start;gap:14px;padding:14px;border:1px solid #e0e7f0;border-radius:10px}.tool-doc-steps article>b{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#615cf2;color:#fff;font-size:18px}.tool-doc-steps h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:#1f2937;font-size:13px;line-height:1.6}.tool-doc-steps h3 svg{flex:none;width:15px;height:15px;color:#8a99b0}.tool-doc-steps p{margin:0;color:#63758f;font-size:12px;line-height:1.75}.tool-doc-steps p code{padding:1px 5px;border-radius:4px;background:#f1f5f9;color:#4f46e5;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.tool-doc-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-doc-features article{padding:15px 16px;border:1px solid #e6eaf1;border-radius:11px;background:#fcfdff}.tool-doc-features h3{margin:0 0 6px;color:#1f2937;font-size:13px}.tool-doc-features p{margin:0;color:#63758f;font-size:12px;line-height:1.8}.tool-doc-faq{padding-top:20px;overflow:hidden}.tool-doc-faq>.tool-doc-rule,.tool-doc-faq>h2{margin-left:0;margin-right:0}.tool-doc-faq details{border-top:1px solid #e3e9f1}.tool-doc-faq summary{position:relative;list-style:none;cursor:pointer;padding:15px 50px 15px 20px;color:#273449;font-size:13px;font-weight:600;line-height:1.6}.tool-doc-faq summary::-webkit-details-marker{display:none}.tool-doc-faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid #dce4ee;border-radius:8px;background:#f8fafc;color:#60738d;font-size:19px;font-weight:400}.tool-doc-faq details[open] summary:after{content:"−"}.tool-doc-faq details p{margin:0;padding:0 20px 16px;color:#52657f;font-size:12px;line-height:1.85}@media(max-width:700px){.tool-doc section{padding:18px 15px}.tool-doc h2{font-size:15px}.tool-doc p{font-size:12px}.tool-doc-features{grid-template-columns:1fr}.tool-doc-steps article{padding:12px;gap:11px}.tool-doc-steps article>b{width:36px;height:36px}.tool-doc-steps p{font-size:11px}.tool-doc-faq{margin-top:14px}.tool-doc-faq summary{font-size:12px;padding-left:15px}.tool-doc-faq details p{padding-left:15px;padding-right:15px}}.tool-page[data-tool=bcrypt],.tool-page[data-tool=encrypt-decrypt]{--tool-content-width:1300px}