*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;background:var(--page-bg, #f4f7fb);color:var(--text, #172033)}.page[data-astro-cid-ruznhuuu]{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:28px 0 60px}.breadcrumb[data-astro-cid-ruznhuuu]{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:#7a8596;font-size:14px}.breadcrumb[data-astro-cid-ruznhuuu] a[data-astro-cid-ruznhuuu]{color:inherit;text-decoration:none}.breadcrumb[data-astro-cid-ruznhuuu] a[data-astro-cid-ruznhuuu]:hover{color:#2563eb}.breadcrumb[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu]{color:#263247}.hero[data-astro-cid-ruznhuuu]{display:flex;align-items:center;gap:20px;margin-bottom:26px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#2563eb1a,#7c3aed12);border:1px solid rgba(37,99,235,.14)}.hero-icon[data-astro-cid-ruznhuuu]{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;border-radius:20px;background:#2563eb1a;color:#2563eb}.hero-icon[data-astro-cid-ruznhuuu] svg[data-astro-cid-ruznhuuu]{width:38px;height:38px}h1[data-astro-cid-ruznhuuu]{margin:0 0 8px;font-size:clamp(25px,4vw,36px);font-weight:800;letter-spacing:-.5px}.hero[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu]{margin:0;color:#6d7787;font-size:16px}.tool-card[data-astro-cid-ruznhuuu],.info-card[data-astro-cid-ruznhuuu]{background:#fff;border:1px solid #e4e9f0;border-radius:26px;box-shadow:0 12px 35px #0f172a0f}.tool-card[data-astro-cid-ruznhuuu]{padding:24px}.controls[data-astro-cid-ruznhuuu]{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.control-group[data-astro-cid-ruznhuuu]{padding:17px;border-radius:18px;background:#f7f9fc;border:1px solid #e8edf3}.control-group[data-astro-cid-ruznhuuu] label[data-astro-cid-ruznhuuu]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;font-size:14px;font-weight:700;color:#273247}.control-group[data-astro-cid-ruznhuuu] label[data-astro-cid-ruznhuuu] span[data-astro-cid-ruznhuuu]{color:#2563eb;font-weight:700;direction:ltr}input[data-astro-cid-ruznhuuu][type=range]{width:100%;accent-color:#2563eb;cursor:pointer}.color-row[data-astro-cid-ruznhuuu]{display:flex;align-items:center;gap:12px;direction:ltr}.color-row[data-astro-cid-ruznhuuu] input[data-astro-cid-ruznhuuu]{width:48px;height:38px;padding:2px;border:1px solid #d9e0e9;border-radius:10px;cursor:pointer;background:#fff}#colorHex[data-astro-cid-ruznhuuu]{direction:ltr;font-family:monospace;color:#475569}.checkbox-group[data-astro-cid-ruznhuuu]{display:flex;align-items:center}.checkbox-group[data-astro-cid-ruznhuuu] label[data-astro-cid-ruznhuuu]{justify-content:flex-start;margin:0;cursor:pointer}.checkbox-group[data-astro-cid-ruznhuuu] input[data-astro-cid-ruznhuuu]{width:18px;height:18px;accent-color:#2563eb}.preview-section[data-astro-cid-ruznhuuu]{margin-top:24px}.preview-title[data-astro-cid-ruznhuuu]{margin-bottom:13px;font-weight:800;color:#273247}.preview-area[data-astro-cid-ruznhuuu]{min-height:300px;display:grid;place-items:center;padding:45px;overflow:hidden;border-radius:20px;background:linear-gradient(45deg,#eef2f7 25%,transparent 25%),linear-gradient(-45deg,#eef2f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f7 75%),linear-gradient(-45deg,transparent 75%,#eef2f7 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;border:1px solid #e2e8f0}.preview-box[data-astro-cid-ruznhuuu]{width:min(310px,75%);min-height:145px;display:grid;place-items:center;border-radius:20px;background:#fff;color:#172033;font-size:27px;font-weight:800;box-shadow:10px 10px 20px #00000040;transition:box-shadow .15s ease}.code-section[data-astro-cid-ruznhuuu]{margin-top:24px;overflow:hidden;border-radius:18px;background:#111827}.code-header[data-astro-cid-ruznhuuu]{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#dbe4f0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:700}.code-header[data-astro-cid-ruznhuuu] button[data-astro-cid-ruznhuuu]{display:flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:8px 12px;background:#2563eb;color:#fff;cursor:pointer;font-weight:700}.code-header[data-astro-cid-ruznhuuu] button[data-astro-cid-ruznhuuu]:hover{background:#1d4ed8}.code-header[data-astro-cid-ruznhuuu] svg[data-astro-cid-ruznhuuu]{width:17px;height:17px}#codeOutput[data-astro-cid-ruznhuuu]{margin:0;padding:22px;overflow-x:auto;direction:ltr;text-align:left;color:#dbeafe;font-family:Courier New,monospace;font-size:14px;line-height:1.8}.info-card[data-astro-cid-ruznhuuu]{margin-top:26px;padding:28px}.info-card[data-astro-cid-ruznhuuu] h2[data-astro-cid-ruznhuuu],.info-card[data-astro-cid-ruznhuuu] h3[data-astro-cid-ruznhuuu]{margin-top:0;color:#172033}.info-card[data-astro-cid-ruznhuuu] h3[data-astro-cid-ruznhuuu]{margin-top:25px}.info-card[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu],.info-card[data-astro-cid-ruznhuuu] li[data-astro-cid-ruznhuuu]{color:#687487;line-height:1.9}.info-card[data-astro-cid-ruznhuuu] ul[data-astro-cid-ruznhuuu]{padding-right:22px}code[data-astro-cid-ruznhuuu]{direction:ltr;display:inline-block;padding:2px 7px;border-radius:6px;background:#eef2ff;color:#4338ca;font-family:monospace}.example-code[data-astro-cid-ruznhuuu]{margin:0;padding:18px;overflow-x:auto;direction:ltr;text-align:left;border-radius:14px;background:#111827;color:#dbeafe;font-family:monospace}@media (max-width: 700px){.page[data-astro-cid-ruznhuuu]{width:min(100% - 18px,1180px);padding-top:18px}.hero[data-astro-cid-ruznhuuu]{padding:18px;gap:14px;border-radius:20px}.hero-icon[data-astro-cid-ruznhuuu]{width:58px;height:58px;flex-basis:58px;border-radius:17px}.hero-icon[data-astro-cid-ruznhuuu] svg[data-astro-cid-ruznhuuu]{width:31px;height:31px}.hero[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu]{font-size:14px}.controls[data-astro-cid-ruznhuuu]{grid-template-columns:1fr}.tool-card[data-astro-cid-ruznhuuu]{padding:14px;border-radius:21px}.preview-area[data-astro-cid-ruznhuuu]{min-height:250px;padding:30px 15px}.preview-box[data-astro-cid-ruznhuuu]{width:80%;min-height:125px;font-size:23px}.info-card[data-astro-cid-ruznhuuu]{padding:21px;border-radius:21px}.breadcrumb[data-astro-cid-ruznhuuu]{font-size:12px}}.related-tools[data-astro-cid-ruznhuuu]{width:min(1000px,100%);margin:40px auto 25px;padding:22px;border-radius:18px;background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 24px #0f172a0f!important;transition:background .25s ease,color .25s ease,border-color .25s ease}.related-tools-header[data-astro-cid-ruznhuuu]{margin-bottom:17px}.related-tools-label[data-astro-cid-ruznhuuu]{display:inline-block;margin-bottom:5px;color:#0284c7!important;font-size:.78rem;font-weight:800}.related-tools[data-astro-cid-ruznhuuu] h2[data-astro-cid-ruznhuuu]{margin:0 0 5px;color:#0f172a!important;font-size:1.3rem;line-height:1.4;font-weight:800}.related-tools[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu]{margin:0;color:#64748b!important;font-size:.85rem}.related-tools-grid[data-astro-cid-ruznhuuu]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.related-tool-card[data-astro-cid-ruznhuuu]{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 10px;border-radius:12px;text-decoration:none!important;color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0f172a09!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.related-tool-card[data-astro-cid-ruznhuuu]:hover{transform:translateY(-2px);color:#0f172a!important;background:#f0f9ff!important;border-color:#38bdf8!important;box-shadow:0 6px 14px #0ea5e91a!important}.related-tool-icon[data-astro-cid-ruznhuuu]{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;color:#0284c7!important;background:#0ea5e91a!important}.related-tool-icon[data-astro-cid-ruznhuuu] svg[data-astro-cid-ruznhuuu]{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.related-tool-content[data-astro-cid-ruznhuuu]{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1}.related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu]{display:block;color:#0f172a!important;font-size:.84rem;line-height:1.25;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu]{color:#64748b!important;font-size:.68rem;line-height:1.2}.related-tool-arrow[data-astro-cid-ruznhuuu]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:#94a3b8!important;font-size:.85rem;transition:transform .18s ease,color .18s ease}.related-tool-card[data-astro-cid-ruznhuuu]:hover .related-tool-arrow[data-astro-cid-ruznhuuu]{color:#0284c7!important;transform:translate(-2px)}html.dark-mode .related-tools[data-astro-cid-ruznhuuu],body.dark-mode .related-tools[data-astro-cid-ruznhuuu],html.dark .related-tools[data-astro-cid-ruznhuuu],body.dark .related-tools[data-astro-cid-ruznhuuu]{background:#111827!important;color:#f8fafc!important;border-color:#ffffff14!important;box-shadow:0 10px 30px #0003!important}html.dark-mode .related-tools[data-astro-cid-ruznhuuu] h2[data-astro-cid-ruznhuuu],body.dark-mode .related-tools[data-astro-cid-ruznhuuu] h2[data-astro-cid-ruznhuuu],html.dark .related-tools[data-astro-cid-ruznhuuu] h2[data-astro-cid-ruznhuuu],body.dark .related-tools[data-astro-cid-ruznhuuu] h2[data-astro-cid-ruznhuuu]{color:#f8fafc!important}html.dark-mode .related-tools[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu],body.dark-mode .related-tools[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu],html.dark .related-tools[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu],body.dark .related-tools[data-astro-cid-ruznhuuu] p[data-astro-cid-ruznhuuu]{color:#cbd5e1!important}html.dark-mode .related-tool-card[data-astro-cid-ruznhuuu],body.dark-mode .related-tool-card[data-astro-cid-ruznhuuu],html.dark .related-tool-card[data-astro-cid-ruznhuuu],body.dark .related-tool-card[data-astro-cid-ruznhuuu]{color:#f8fafc!important;background:#1e293b!important;border-color:#ffffff14!important;box-shadow:none!important}html.dark-mode .related-tool-card[data-astro-cid-ruznhuuu]:hover,body.dark-mode .related-tool-card[data-astro-cid-ruznhuuu]:hover,html.dark .related-tool-card[data-astro-cid-ruznhuuu]:hover,body.dark .related-tool-card[data-astro-cid-ruznhuuu]:hover{color:#fff!important;background:#263449!important;border-color:#38bdf8!important}html.dark-mode .related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu],body.dark-mode .related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu],html.dark .related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu],body.dark .related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu]{color:#f8fafc!important}html.dark-mode .related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu],body.dark-mode .related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu],html.dark .related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu],body.dark .related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu]{color:#94a3b8!important}html.dark-mode .related-tool-icon[data-astro-cid-ruznhuuu],body.dark-mode .related-tool-icon[data-astro-cid-ruznhuuu],html.dark .related-tool-icon[data-astro-cid-ruznhuuu],body.dark .related-tool-icon[data-astro-cid-ruznhuuu]{color:#38bdf8!important;background:#38bdf81f!important}html.dark-mode .related-tool-arrow[data-astro-cid-ruznhuuu],body.dark-mode .related-tool-arrow[data-astro-cid-ruznhuuu],html.dark .related-tool-arrow[data-astro-cid-ruznhuuu],body.dark .related-tool-arrow[data-astro-cid-ruznhuuu]{color:#64748b!important}html:not(.dark-mode) .related-tools[data-astro-cid-ruznhuuu],body:not(.dark-mode) .related-tools[data-astro-cid-ruznhuuu],html:not(.dark) .related-tools[data-astro-cid-ruznhuuu]{background:#fff!important;color:#0f172a!important;border-color:#e2e8f0!important;box-shadow:0 8px 24px #0f172a0f!important}html:not(.dark-mode) .related-tool-card[data-astro-cid-ruznhuuu],body:not(.dark-mode) .related-tool-card[data-astro-cid-ruznhuuu],html:not(.dark) .related-tool-card[data-astro-cid-ruznhuuu]{background:#f8fafc!important;color:#0f172a!important;border-color:#e2e8f0!important;box-shadow:0 2px 8px #0f172a09!important}html:not(.dark-mode) .related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu],body:not(.dark-mode) .related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu],html:not(.dark) .related-tool-content[data-astro-cid-ruznhuuu] strong[data-astro-cid-ruznhuuu]{color:#0f172a!important}html:not(.dark-mode) .related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu],body:not(.dark-mode) .related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu],html:not(.dark) .related-tool-content[data-astro-cid-ruznhuuu] small[data-astro-cid-ruznhuuu]{color:#64748b!important}@media (max-width: 800px){.related-tools[data-astro-cid-ruznhuuu]{padding:18px;margin-top:30px}.related-tools-grid[data-astro-cid-ruznhuuu]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.related-tools[data-astro-cid-ruznhuuu]{padding:16px}.related-tools-grid[data-astro-cid-ruznhuuu]{grid-template-columns:1fr}.related-tool-card[data-astro-cid-ruznhuuu]{min-height:54px;padding:8px 9px}.related-tool-icon[data-astro-cid-ruznhuuu]{width:32px;height:32px;flex-basis:32px}.related-tool-icon[data-astro-cid-ruznhuuu] svg[data-astro-cid-ruznhuuu]{width:17px;height:17px}}.tool-breadcrumbs[data-astro-cid-ruznhuuu]{width:min(100% - 32px,1000px);margin:0 auto 18px;padding:10px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;line-height:1.7;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box}.tool-breadcrumbs[data-astro-cid-ruznhuuu] a[data-astro-cid-ruznhuuu]{color:#2563eb;text-decoration:none;transition:color .2s ease}.tool-breadcrumbs[data-astro-cid-ruznhuuu] a[data-astro-cid-ruznhuuu]:hover{text-decoration:underline}.tool-breadcrumbs[data-astro-cid-ruznhuuu] span[data-astro-cid-ruznhuuu][aria-hidden=true]{color:#94a3b8}.tool-breadcrumbs[data-astro-cid-ruznhuuu] span[data-astro-cid-ruznhuuu][aria-current=page]{color:#334155;font-weight:600}html.dark-mode .tool-breadcrumbs[data-astro-cid-ruznhuuu]{color:#94a3b8;background:#111827;border-color:#263449}html.dark-mode .tool-breadcrumbs[data-astro-cid-ruznhuuu] a[data-astro-cid-ruznhuuu]{color:#60a5fa}html.dark-mode .tool-breadcrumbs[data-astro-cid-ruznhuuu] span[data-astro-cid-ruznhuuu][aria-hidden=true]{color:#64748b}html.dark-mode .tool-breadcrumbs[data-astro-cid-ruznhuuu] span[data-astro-cid-ruznhuuu][aria-current=page]{color:#e2e8f0}@media (max-width: 520px){.tool-breadcrumbs[data-astro-cid-ruznhuuu]{width:calc(100% - 20px);margin-bottom:14px;padding:8px 10px;font-size:12px;gap:5px}}