:root{--bg:#e6e8eb;--card:#f3f2ef;--text:#0f172a;--muted:#64748b;--border:#d8d6d1;--accent:#14b8a6;--accent-hover:#0d9488;--ok:#047857;--error:#b91c1c;--icon-tile:color-mix(in srgb, var(--accent) 16%, transparent)}:root[data-theme="dark"]{--bg:#0b1020;--card:#121a2f;--text:#e5e7eb;--muted:#94a3b8;--border:#233050;--accent:#2dd4bf;--accent-hover:#14b8a6;--ok:#34d399;--error:#fca5a5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{width:min(1200px, 94%);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:var(--card);min-height:77px}@media (min-width:981px){.site-header{position:sticky;top:0;z-index:40;transition:box-shadow 0.2s ease,background-color 0.2s ease}.topbar{transition:transform 0.22s ease}.topbar-brand-block>h1,.topbar-brand-block>.site-brand{transition:opacity 0.22s ease}.topbar-actions .btn{transition:transform 0.22s ease,padding 0.22s ease,min-height 0.22s ease,min-width 0.22s ease}.topbar-tagline{transition:margin 0.26s ease,max-width 0.26s ease,opacity 0.26s ease,transform 0.26s ease,font-size 0.26s ease;transform-origin:left center}.site-header.compact{box-shadow:0 8px 24px rgb(0 0 0 / .12)}.site-header.compact .topbar{transform:translateY(0)}.site-header.compact .topbar-brand-block{display:flex;align-items:center;gap:10px}.site-header.compact .topbar-brand-block>h1,.site-header.compact .topbar-brand-block>.site-brand{opacity:1}.site-header.compact .topbar-brand-mark{height:36px;max-width:min(72px, 28vw)}.site-header.compact .topbar-tagline{margin-top:6px;font-size:inherit;max-width:52ch;opacity:.9;transform:translateY(0)}.site-header.compact .topbar-actions .btn{transform:scale(.68);transform-origin:right center}}#tool-app{min-height:420px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:16px}.topbar-actions{display:flex;align-items:center;gap:8px}.lang-switch{display:flex;gap:6px}.icon-btn{min-width:42px;min-height:42px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-btn.active{border-color:var(--accent);color:var(--accent)}.lang-btn{display:inline-flex;align-items:center;gap:6px;min-height:42px}.lang-btn span:first-child{font-size:18px;line-height:1}h1,h2,h3,p{margin:0}.topbar p{color:var(--muted);margin-top:6px}.topbar-tagline{margin-top:6px;color:var(--muted)}.site-brand{margin:0;font-size:1.35rem;font-weight:700}.topbar-brand-block>h1{font-size:1.35rem;font-weight:700;line-height:1.2}.topbar-brand-lockup{display:inline-flex;align-items:center;gap:10px;max-width:100%}.topbar-brand-mark{height:36px;width:auto;max-width:min(72px, 28vw);flex-shrink:0;object-fit:contain;object-position:left center}.topbar-brand-wordmark{min-width:0}:root[data-theme="dark"] .topbar-brand-mark{filter:invert(1) brightness(1.12)}.site-logo-link{color:inherit;text-decoration:none}.site-logo-link:hover{color:var(--accent)}.topbar-brand-block{min-width:0}.topbar-trailing{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card) 90%,var(--bg));color:var(--text);cursor:pointer;-webkit-tap-highlight-color:#fff0}.topbar-menu-toggle:hover{border-color:var(--accent);color:var(--accent)}.topbar-menu-toggle__bars{display:flex;flex-direction:column;justify-content:center;gap:5px;width:20px}.topbar-menu-toggle__bars span{display:block;height:2px;width:100%;background:currentColor;border-radius:1px;transition:transform 0.2s ease,opacity 0.2s ease}body.mobile-nav-open .topbar-menu-toggle__bars span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.mobile-nav-open .topbar-menu-toggle__bars span:nth-child(2){opacity:0}body.mobile-nav-open .topbar-menu-toggle__bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-drawer[hidden]{display:none!important}.mobile-nav-drawer:not([hidden]){position:fixed;inset:0;z-index:200;display:block}.mobile-nav-drawer__inner{display:flex;flex-direction:column;height:100%;max-height:100dvh;background:var(--card);border:1px solid var(--border);box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 6%,transparent)}.mobile-nav-drawer__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.mobile-nav-drawer__title{font-size:1.05rem;font-weight:700}.mobile-nav-drawer__close{min-width:44px;min-height:44px;font-size:1.75rem;line-height:1;padding:0;border-radius:10px}.mobile-nav-drawer__scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 28px;-webkit-overflow-scrolling:touch}.mobile-nav-drawer__tagline{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--muted)}.mobile-nav-drawer__controls{margin-bottom:14px}.lang-switch--drawer{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mobile-nav-drawer__filter{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:4px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);box-shadow:0 6px 16px -8px rgb(15 23 42 / .12)}:root[data-theme="dark"] .mobile-nav-drawer__filter{box-shadow:0 8px 20px -6px rgb(0 0 0 / .45)}.mobile-nav-drawer__filter-label{margin:0;flex-shrink:0;cursor:pointer;display:flex;align-items:center}.mobile-nav-drawer__filter-input{flex:1;min-width:0;border:none;background:#fff0;color:var(--text);padding:10px 4px;font-size:14px;outline:none}.mobile-nav-drawer__nav{display:flex;flex-direction:column;gap:18px}.mobile-nav-drawer__home,.mobile-nav-drawer__guide{display:block;padding:10px 12px;border-radius:10px;border:1px solid var(--border);text-decoration:none;color:var(--text);font-weight:600;font-size:14px;text-align:center;background:color-mix(in srgb,var(--accent) 6%,transparent)}.mobile-nav-drawer__home:hover,.mobile-nav-drawer__guide:hover{border-color:var(--accent);color:var(--accent)}.mobile-nav-group__title{margin:0 0 8px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mobile-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}a.mobile-tool-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 6px;min-height:88px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card) 92%,var(--bg));color:var(--text);text-decoration:none;-webkit-tap-highlight-color:#fff0}a.mobile-tool-tile:hover{border-color:var(--accent);color:var(--accent)}.mobile-tool-tile--active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.mobile-tool-tile__icon{width:28px;height:28px;font-size:10px}.mobile-tool-tile__label{font-size:10px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;hyphens:auto}a.mobile-tool-tile[hidden]{display:none!important}.mobile-nav-group[hidden]{display:none!important}.layout{display:grid;grid-template-columns:minmax(232px,26%) minmax(0,1fr);gap:28px;padding:24px 0 32px;align-items:start}.layout-main{min-width:0}.sidebar,.panel{background:var(--card);border:1px solid var(--border);border-radius:14px}.sidebar{padding:18px 16px;height:fit-content;position:sticky;top:20px}.sidebar-brand-block{margin-bottom:6px;padding-bottom:14px;border-bottom:1px solid var(--border)}.sidebar-brand{font-size:1.2rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.02em}.sidebar-brand:hover{color:var(--accent)}.sidebar-brand-tagline{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.35}.sidebar-tool-filter{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:6px;margin:0 0 14px;padding:2px 4px 2px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);box-shadow:0 6px 16px -8px rgb(15 23 42 / .12)}:root[data-theme="dark"] .sidebar-tool-filter{box-shadow:0 8px 20px -6px rgb(0 0 0 / .45)}.sidebar-tool-filter-label{display:flex;align-items:center;flex-shrink:0;cursor:pointer;margin:0}.sidebar-tool-filter-icon{opacity:.55;font-size:14px;line-height:1}.sidebar-tool-filter-input{flex:1;width:100%;min-width:0;border:none;background:#fff0;color:var(--text);padding:8px 6px 8px 0;font-size:13px;border-radius:8px;outline:none}.sidebar-tool-filter-input::placeholder{color:var(--muted);opacity:.85}.tool-nav{margin:0;display:block}.tool-nav-group[hidden]{display:none!important}.tool-nav-group{margin-top:18px}.tool-nav-group:first-child{margin-top:0}.tool-nav-group-title{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.tool-nav-group--featured{margin-top:0;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.tool-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--icon-tile);color:var(--accent);font-size:11px;font-weight:700;line-height:1}.tool-nav-icon--wide{font-size:10px}a.tool-link[hidden]{display:none!important}a.tool-link{display:flex;align-items:center;gap:10px;border:1px solid #fff0;background:#fff0;color:var(--text);padding:8px 6px;text-align:left;border-radius:10px;cursor:pointer;text-decoration:none}a.tool-link:hover{border-color:var(--border);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent)}.tool-link.active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent)}.tool-link-label{min-width:0;font-size:14px;line-height:1.3}.sidebar-footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.sidebar-theme-btn{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;border-color:var(--border);color:var(--text)}.sidebar-theme-btn:hover{border-color:var(--accent);color:var(--accent)}.sidebar-theme-icon{font-size:18px;line-height:1}.sidebar-theme-label{font-size:14px}@media (min-width:981px){.layout .sidebar{top:88px;max-height:calc(100vh - 100px);overflow-y:auto}}.panel{padding:22px}.description{color:var(--muted);margin-top:6px}.tool-body{margin-top:20px;display:grid;gap:14px}.row{display:grid;gap:8px}.field-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.field-toolbar .file-upload-label{cursor:pointer;display:inline-flex;align-items:center;margin:0}.field-toolbar--flush{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-compact{padding:6px 12px;font-size:13px}.row.inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.grid-2,.grid-3{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.input,.textarea,select.input{width:100%;border:1px solid var(--border);background:#fff0;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px}select.input{appearance:none}select.input option{background-color:var(--card);color:var(--text)}:root[data-theme="dark"] select.input option{background-color:#121a2f;color:#e5e7eb}.input.small{max-width:160px}.textarea{resize:vertical;min-height:48px}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}.btn:hover{background:var(--accent-hover)}.btn-ghost{background:#fff0;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:#fff0}.copy-icon-btn{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.copy-icon-btn svg{width:18px;height:18px}.row{position:relative}.row>.copy-icon-btn{position:absolute;top:34px;right:8px;z-index:2}.row:has(>.copy-icon-btn) .textarea,.row:has(>.copy-icon-btn) .input{padding-right:52px}.actions{display:flex;gap:8px;align-items:center}.row .field-toolbar .copy-icon-btn{margin-left:auto}.tool-cta-link{border-color:color-mix(in srgb,var(--accent) 75%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);font-weight:600}.tool-cta-link:hover{border-color:var(--accent);color:#fff;background:var(--accent)}.status{color:var(--muted);font-size:13px}.status.ok{color:var(--ok)}.status.error{color:var(--error)}.regex-top-grid{align-items:start}.regex-flags-help{margin:0;line-height:1.35}.regex-pattern-row .copy-icon-btn{top:34px}.regex-code-export{margin-top:16px;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--card) 92%,var(--accent) 4%)}.regex-code-export-title{margin:0 0 8px;font-size:16px;font-weight:600}.regex-code-export-hint{margin:0 0 12px;line-height:1.45}.regex-code-export .row{margin-top:0}.regex-code-export .row+.row{margin-top:10px}.regex-code-snippet-row .copy-icon-btn{top:34px}.regex-tutorial{margin-top:18px;background:color-mix(in srgb,var(--card) 88%,var(--accent) 4%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.regex-tutorial-title{margin:0 0 10px;font-size:1.35rem}.regex-tutorial-lead{margin:0 0 16px;line-height:1.55}.regex-tutorial .muted{color:var(--muted)}.regex-tutorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:20px}.regex-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--card);box-shadow:0 1px 0 color-mix(in srgb,var(--text) 5%,transparent)}.regex-card-title{margin:0 0 10px;font-size:15px;color:var(--text)}.regex-card-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.45;color:var(--muted)}.regex-card-list li{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:baseline}.regex-card-list li>.rx-chip{flex:0 0 auto}.regex-card-list code{font-size:12px}.rx-chip{display:inline-block;padding:2px 6px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid #fff0}.rx-anchor{color:#6d28d9;background:color-mix(in srgb,#7c3aed 18%,transparent);border-color:color-mix(in srgb,#7c3aed 35%,var(--border))}.rx-class{color:#0f766e;background:color-mix(in srgb,#14b8a6 18%,transparent);border-color:color-mix(in srgb,#14b8a6 35%,var(--border))}.rx-meta{color:#b45309;background:color-mix(in srgb,#f59e0b 22%,transparent);border-color:color-mix(in srgb,#f59e0b 38%,var(--border))}.rx-escape{color:#be185d;background:color-mix(in srgb,#ec4899 18%,transparent);border-color:color-mix(in srgb,#ec4899 32%,var(--border))}.rx-quant{color:#1d4ed8;background:color-mix(in srgb,#3b82f6 18%,transparent);border-color:color-mix(in srgb,#3b82f6 32%,var(--border))}.rx-group{color:#047857;background:color-mix(in srgb,#10b981 16%,transparent);border-color:color-mix(in srgb,#10b981 30%,var(--border))}:root[data-theme="dark"] .rx-anchor{color:#c4b5fd}:root[data-theme="dark"] .rx-class{color:#5eead4}:root[data-theme="dark"] .rx-meta{color:#fcd34d}:root[data-theme="dark"] .rx-escape{color:#f9a8d4}:root[data-theme="dark"] .rx-quant{color:#93c5fd}:root[data-theme="dark"] .rx-group{color:#6ee7b7}.regex-walkthrough{border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:14px;padding:16px;background:color-mix(in srgb,var(--card) 92%,transparent)}.regex-walkthrough-heading{margin:0 0 8px;font-size:16px}.regex-walkthrough-note{margin:0 0 12px;font-size:13px;line-height:1.5}.rx-sample-wrap{overflow-x:auto;margin-bottom:14px}.rx-sample{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--border);line-height:1.6}.rx-token{padding:3px 5px;border-radius:6px;font-weight:600;border:1px solid #fff0}.rx-t-anchor{color:#6d28d9;background:color-mix(in srgb,#7c3aed 22%,transparent);border-color:color-mix(in srgb,#7c3aed 40%,var(--border))}.rx-t-class{color:#0f766e;background:color-mix(in srgb,#14b8a6 22%,transparent);border-color:color-mix(in srgb,#14b8a6 40%,var(--border))}.rx-t-lit{color:#b45309;background:color-mix(in srgb,#f59e0b 22%,transparent);border-color:color-mix(in srgb,#f59e0b 38%,var(--border))}.rx-t-esc{color:#be185d;background:color-mix(in srgb,#ec4899 20%,transparent);border-color:color-mix(in srgb,#ec4899 35%,var(--border))}.rx-legend{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}.rx-legend li{display:flex;align-items:center;gap:10px}.rx-legend-swatch{width:18px;height:18px;border-radius:5px;flex-shrink:0;border:1px solid var(--border)}.regex-flags-reminder{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;line-height:1.5}.regex-flags-reminder ul{margin:8px 0 0;padding-left:18px}.regex-flags-reminder p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats>div{border:1px solid var(--border);border-radius:10px;padding:10px}.diff-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diff-column{border:1px solid var(--border);border-radius:10px;overflow:hidden}.diff-column h3{padding:10px 12px;border-bottom:1px solid var(--border)}.diff-lines{margin:0;padding:12px;white-space:pre-wrap}.diff-lines span{display:block;padding:1px 4px;border-radius:4px}.diff-lines .same{background:#fff0}.diff-lines .changed{background:color-mix(in srgb,#f59e0b 20%,transparent)}.diff-lines .added{background:color-mix(in srgb,#10b981 20%,transparent)}.diff-lines .removed{background:color-mix(in srgb,#ef4444 20%,transparent)}.preview{border:1px solid var(--border);border-radius:10px;padding:12px;min-height:100%}.preview pre{background:color-mix(in srgb,var(--text) 7%,transparent);padding:8px;border-radius:8px;overflow:auto}.preview>:first-child{margin-top:0}.preview>:last-child{margin-bottom:0}.password-layout{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}.password-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding-top:30px}.password-checks label{display:flex;align-items:center;gap:8px}.markdown-grid{align-items:stretch}.markdown-grid .row{align-content:start}.markdown-preview{min-height:354px}.units-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.units-device-preview h3{margin-bottom:8px}.units-viewport{border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--text) 3%,transparent)}.units-viewport-desktop{min-height:220px}.units-viewport-mobile{min-height:260px;max-width:250px}.units-preview-hero{width:100%;min-height:10px;background:color-mix(in srgb,var(--accent) 25%,transparent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:10px}.units-preview-card{border:1px solid var(--border);border-radius:10px;background:var(--card);display:flex;flex-direction:column;gap:4px}.units-preview-card small{color:var(--muted)}.explanation{margin-top:8px;border:1px solid var(--border);border-radius:10px;padding:14px;background:color-mix(in srgb,var(--text) 3%,transparent)}.explanation h3{margin:0 0 8px}.explanation p{color:var(--muted);line-height:1.6;white-space:pre-line}.tool-page-title{font-size:1.5rem;line-height:1.3}.tool-page-lead{margin-top:8px}.tool-seo-text{margin:0 0 10px;line-height:1.6;color:var(--muted)}.tool-guide-section .tool-guide-body,.tool-guide-chapter .tool-guide-body{margin-top:8px}.tool-guide-list{margin:0;padding-left:1.25em;color:var(--muted);line-height:1.55}.tool-guide-list li{margin-bottom:.85em;white-space:normal}.tool-guide-list li strong{color:var(--text)}.tool-guide-body code{font-size:.9em;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--text) 8%,transparent);border:1px solid var(--border)}.tool-guide-fallback{margin:0;color:var(--muted);line-height:1.6;white-space:normal}.tool-guide-links{margin-top:14px;flex-wrap:wrap}.tool-guide-toc{margin-bottom:8px}.tool-guide-toc-title{font-size:1.1rem;margin:0 0 8px}.tool-guide-toc-list{margin:0;padding-left:1.25em;columns:2;column-gap:24px}.tool-guide-toc-list li{margin-bottom:4px;break-inside:avoid}.tool-guide-chapter{margin-top:20px;scroll-margin-top:12px}.tool-guide-chapter-title{font-size:1.2rem;margin:0 0 10px;line-height:1.35}.tool-example-code{margin:0;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--border);overflow:auto;font-size:13px;line-height:1.5;white-space:pre-wrap}.faq-list{display:grid;gap:16px;margin-top:10px}.faq-q{font-size:1rem;margin:0 0 6px}.faq-a{margin:0;color:var(--muted);line-height:1.6}.layout-hub .hub-panel{background:#fff0;border:none;padding:8px 0 24px;box-shadow:none}.featured-strip{margin:0 0 28px}.featured-strip-heading{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.featured-strip-grid{display:flex;flex-wrap:wrap;gap:10px}.featured-strip-link{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);text-decoration:none;font-size:14px;font-weight:600;line-height:1.3;max-width:100%;transition:border-color 0.15s ease,box-shadow 0.15s ease,color 0.15s ease}.featured-strip-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent);box-shadow:0 6px 18px rgb(15 23 42 / .06)}.featured-strip-icon.tool-nav-icon{margin-top:0}.featured-strip-label{min-width:0}a.featured-strip-link[hidden],section.featured-strip[hidden]{display:none!important}.panel>.featured-strip{margin-bottom:22px}.hub-hero{margin-bottom:8px}.hub-title{font-size:clamp(1.75rem, 2.5vw, 2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.hub-subtitle{margin-top:10px;max-width:52ch}.hub-lead-secondary{margin-top:20px}.hub-lead{margin-top:8px}.hub-section[hidden]{display:none!important}.hub-section{margin-top:32px}.hub-section-title{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.hub-card[hidden]{display:none!important}.hub-card{display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;background:var(--card);transition:border-color 0.15s ease,box-shadow 0.15s ease}.hub-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 8px 24px rgb(15 23 42 / .07)}.hub-card-icon{margin-top:2px}.hub-card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.hub-card-title{font-weight:600;font-size:15px}.hub-card-desc{font-size:13px;color:var(--muted);line-height:1.45}.hub-footer{margin-top:28px}.sidebar-guide-link{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border);font-size:13px}.sidebar-guide-link .tool-link{padding:8px 6px;border-radius:10px}.static-page-main{padding:16px 0 28px}.subnav-row{margin-bottom:12px}.static-lead{margin-top:10px}.privacy-note{margin-top:8px;border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:13px}.legal-links{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap}.legal-links a{color:var(--accent);text-decoration:none}.legal-links a:hover{text-decoration:underline}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px rgb(0 0 0 / .18);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cookie-banner[hidden]{display:none!important}.cookie-banner p{color:var(--muted);line-height:1.5}@media (max-width:980px){.topbar-desktop-only{display:none!important}.topbar-menu-toggle{display:inline-flex}.topbar{padding:10px 0;align-items:center}.topbar-brand-block>h1,.topbar-brand-block>.site-brand{font-size:1.12rem}.topbar-brand-mark{height:28px;max-width:52px}.site-header{position:sticky;top:0;z-index:90}.layout{grid-template-columns:1fr}.layout .layout-main{order:1}.layout .sidebar{display:none!important}.featured-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.featured-strip-link{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 6px;font-size:11px;font-weight:600;gap:6px;min-height:76px}.featured-strip-label{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;word-break:break-word}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hub-card{flex-direction:column;align-items:center;text-align:center;padding:12px 8px;gap:8px}.hub-card-title{font-size:11px;line-height:1.3}.hub-card-desc{display:none}.hub-card-icon .tool-nav-icon{width:28px;height:28px;font-size:10px}.grid-2,.grid-3,.diff-result,.stats,.units-preview-grid{grid-template-columns:1fr}.password-layout,.password-checks{grid-template-columns:1fr}.password-checks{padding-top:0}.cookie-banner{flex-direction:column;align-items:flex-start}}.image-resizer-crop-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.image-resizer-crop-head label{margin:0}.image-resizer-crop-stage{position:relative;display:inline-block;max-width:100%;line-height:0;margin:10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--text) 6%,transparent);vertical-align:top}.image-resizer-crop-img{max-width:100%;height:auto;display:block;vertical-align:top;-webkit-user-select:none;user-select:none}.image-resizer-crop-shades{position:absolute;inset:0;z-index:1;pointer-events:none}.image-resizer-crop-shade{position:absolute;background:rgb(0 0 0 / .5)}.image-resizer-crop-frame{position:absolute;box-sizing:border-box;border:2px solid #fff;touch-action:none;z-index:2;box-shadow:none}.image-resizer-crop-move{position:absolute;inset:0;z-index:2;cursor:move;touch-action:none}.image-resizer-crop-handle{position:absolute;width:14px;height:14px;background:var(--card);border:2px solid var(--accent);border-radius:3px;box-sizing:border-box;touch-action:none;z-index:3;padding:0}.image-resizer-crop-handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.image-resizer-crop-handle.n{left:50%;top:0;transform:translate(-50%,-50%);cursor:ns-resize}.image-resizer-crop-handle.ne{left:100%;top:0;transform:translate(-50%,-50%);cursor:nesw-resize}.image-resizer-crop-handle.e{left:100%;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}.image-resizer-crop-handle.se{left:100%;top:100%;transform:translate(-50%,-50%);cursor:nwse-resize}.image-resizer-crop-handle.s{left:50%;top:100%;transform:translate(-50%,-50%);cursor:ns-resize}.image-resizer-crop-handle.sw{left:0;top:100%;transform:translate(-50%,-50%);cursor:nesw-resize}.image-resizer-crop-handle.w{left:0;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}.tool-cross-ctas{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--card))}.tool-cross-ctas-title{margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.35;color:var(--text)}.tool-cross-ctas-actions{flex-direction:column;align-items:stretch;gap:10px}.tool-cross-cta-link{text-align:left;justify-content:flex-start;white-space:normal;line-height:1.45;min-height:auto;padding-top:12px;padding-bottom:12px}body.mobile-nav-open{overflow:hidden}.hex-to-rgba-hex-row{align-items:stretch;width:100%}.hex-to-rgba-hex-text{flex:1;min-width:0}.hex-to-rgba-color-label{display:inline-flex;align-items:center;margin:0;flex-shrink:0;cursor:pointer;border-radius:10px}.hex-to-rgba-color-input{width:48px;height:42px;padding:2px;border:1px solid var(--border);border-radius:10px;background:var(--card);cursor:pointer}.hex-to-rgba-preview-row .hex-to-rgba-preview{position:relative;width:100%;max-width:min(320px,100%);min-height:96px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.hex-to-rgba-preview-checker{position:absolute;inset:0;background-color:color-mix(in srgb,var(--muted) 12%,var(--card));background-image:linear-gradient(45deg,color-mix(in srgb,var(--muted) 35%,var(--border)) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--muted) 35%,var(--border)) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--muted) 35%,var(--border)) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--muted) 35%,var(--border)) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.hex-to-rgba-preview-swatch{position:absolute;inset:0;pointer-events:none}.gigacode-file-input-wrap{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--card) 88%,var(--accent) 7%);box-shadow:0 2px 10px rgb(15 23 42 / .07),0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 40%,transparent);transition:box-shadow .18s ease,border-color .18s ease}:root[data-theme="dark"] .gigacode-file-input-wrap{box-shadow:0 2px 16px rgb(0 0 0 / .32),0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent)}.gigacode-file-input-wrap:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 4px 18px rgb(15 23 42 / .1),0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}:root[data-theme="dark"] .gigacode-file-input-wrap:focus-within{box-shadow:0 4px 22px rgb(0 0 0 / .4),0 0 0 2px color-mix(in srgb,var(--accent) 32%,transparent)}input[type=file].gigacode-file-input{width:100%;max-width:100%;font-size:14px;color:var(--text);background:transparent;border:none;padding:0;cursor:pointer}input[type=file].gigacode-file-input:disabled{cursor:not-allowed;opacity:.65}input[type=file].gigacode-file-input::file-selector-button, input[type=file].gigacode-file-input::-webkit-file-upload-button{margin-right:14px;font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:10px;border:1px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff 8%),var(--accent));color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 42%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent);transition:background .15s ease,box-shadow .15s ease,transform .12s ease}input[type=file].gigacode-file-input:hover::file-selector-button, input[type=file].gigacode-file-input:hover::-webkit-file-upload-button{background:var(--accent-hover);box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 48%,transparent)}input[type=file].gigacode-file-input:active::file-selector-button, input[type=file].gigacode-file-input:active::-webkit-file-upload-button{transform:translateY(1px)}input[type=file].gigacode-file-input:disabled::file-selector-button, input[type=file].gigacode-file-input:disabled::-webkit-file-upload-button{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.file-upload-label.btn.btn-ghost.btn-compact{border-radius:10px;padding:8px 14px;min-height:40px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 2px 8px rgb(15 23 42 / .08),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);background:color-mix(in srgb,var(--card) 90%,var(--accent) 5%);transition:box-shadow .15s ease,border-color .15s ease,transform .12s ease,color .15s ease}:root[data-theme="dark"] .file-upload-label.btn.btn-ghost.btn-compact{box-shadow:0 2px 12px rgb(0 0 0 / .26),0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.file-upload-label.btn.btn-ghost.btn-compact:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 4px 14px rgb(15 23 42 / .1),0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px);color:var(--accent)}:root[data-theme="dark"] .file-upload-label.btn.btn-ghost.btn-compact:hover{box-shadow:0 4px 18px rgb(0 0 0 / .35),0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent)}.file-upload-label.btn.btn-ghost.btn-compact:active{transform:translateY(0)}.file-upload-label-disabled{opacity:.55;pointer-events:none;cursor:not-allowed}.image-to-pdf-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.image-to-pdf-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--card) 94%,var(--accent) 4%);box-shadow:0 2px 8px rgb(15 23 42 / .06),inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent)}:root[data-theme="dark"] .image-to-pdf-row{box-shadow:0 2px 12px rgb(0 0 0 / .22),inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent)}.image-to-pdf-index{flex-shrink:0;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border-radius:8px;background:var(--icon-tile);color:var(--accent)}.image-to-pdf-thumb{flex-shrink:0;width:72px;height:72px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 5%,transparent)}.image-to-pdf-name{flex:1;min-width:120px;font-size:14px;word-break:break-word;color:var(--text)}.image-to-pdf-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}@keyframes gigacode-spin{to{transform:rotate(360deg)}}.image-to-pdf-generate-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.image-to-pdf-btn-loading{opacity:.68;cursor:wait;transition:opacity .2s ease}.btn.image-to-pdf-btn-loading:disabled{opacity:.68}.image-to-pdf-btn-inner{display:inline-flex;align-items:center;gap:10px}.image-to-pdf-spinner{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 26%,transparent);border-top-color:currentColor;animation:gigacode-spin .7s linear infinite;vertical-align:middle}.image-to-pdf-busy-hint{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--muted);max-width:36rem}.site-footer-bar{margin-top:28px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--card) 94%,var(--accent) 3%);box-shadow:0 -2px 16px -6px rgb(15 23 42 / .06)}:root[data-theme="dark"] .site-footer-bar{box-shadow:0 -4px 20px -6px rgb(0 0 0 / .25)}.site-footer-bar__inner{width:100%;padding:14px 0 22px}.site-footer-bar__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;font-size:13px;line-height:1.45}.site-footer-bar__sep{color:var(--muted);user-select:none;opacity:.75}.site-footer-bar__link{color:var(--muted);text-decoration:none;font-weight:500}.site-footer-bar__link:hover{color:var(--accent);text-decoration:underline}.site-footer-bar__link--external{color:var(--accent)}.sobre-nos-panel .sobre-nos-body{max-width:42rem}.sobre-nos-lead{font-size:1.12rem;line-height:1.55;color:var(--text);font-weight:500}.sobre-nos-copy p{margin:0 0 16px;line-height:1.68;color:var(--text)}.sobre-nos-copy p:last-child{margin-bottom:0}.sobre-nos-copy a{color:var(--accent);text-decoration:none;font-weight:600}.sobre-nos-copy a:hover{text-decoration:underline}.termos-de-uso-stack .termos-de-uso-body[hidden]{display:none!important}.termos-de-uso-panel .termos-de-uso-meta{font-size:13px;color:var(--muted);margin:0 0 16px}.termos-de-uso-body h2{font-size:1.12rem;font-weight:700;margin:1.4rem 0 .45rem;color:var(--text)}.termos-de-uso-body h2:first-of-type{margin-top:.25rem}.termos-de-uso-body h3{font-size:1rem;font-weight:600;margin:1rem 0 .35rem;color:var(--text)}.termos-de-uso-body p{margin:0 0 12px;line-height:1.65;color:var(--text)}.termos-de-uso-body ul{margin:.35rem 0 12px;padding-left:1.35rem;line-height:1.6;color:var(--text)}.termos-de-uso-body li{margin:.25rem 0}.termos-de-uso-body a{color:var(--accent);text-decoration:none;font-weight:600}.termos-de-uso-body a:hover{text-decoration:underline}