:root{color-scheme:light;--bg:#fafafa;--bg-soft:#f5f5f5;--surface:#fff;--surface-soft:#fafafa;--surface-tint:#f5f5f5;--text:#0a0a0a;--muted:#525252;--subtle:#737373;--line:#e7e7e7;--line-strong:#d4d4d4;--brand:#059669;--brand-strong:#047857;--brand-soft:#ecfdf5;--teal-soft:#d1fae5;--amber-soft:#fff7ed;--mint-soft:#f1f5f9;--error:#dc2626;--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.04);--shadow-soft:0 1px 2px rgba(0,0,0,.03);--shadow-pop:0 2px 4px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.06);--radius-sm:10px;--radius:14px;--radius-lg:20px;--accent:#059669;--bg-card:#fff;--border:#e7e7e7;--shell-w:max(min(calc(100% - 24px),1320px),min(80%,1920px))}*{box-sizing:border-box}html{min-height:100%;overflow-x:clip}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,ui-sans-serif,sans-serif;font-feature-settings:"cv11","ss01","ss03";font-size:15px;letter-spacing:-.005em;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:inherit}.site-nav-wrap{position:-webkit-sticky;position:sticky;top:0;z-index:30;padding:8px 0 0;background:linear-gradient(180deg,hsla(0,0%,98%,.88),hsla(0,0%,98%,.6) 60%,transparent);backdrop-filter:saturate(1.2) blur(14px);-webkit-backdrop-filter:saturate(1.2) blur(14px)}.site-nav{width:var(--shell-w);margin:0 auto;flex-direction:row;justify-content:space-between;gap:16px;padding:8px 14px;border:1px solid hsla(0,0%,91%,.8);border-radius:14px;background:hsla(0,0%,100%,.78);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);box-shadow:0 1px 2px rgba(0,0,0,.02)}.site-nav,.site-nav-topbar{display:flex;align-items:center}.site-nav-topbar{flex-shrink:0}.nav-hamburger{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;color:var(--muted);border-radius:8px;transition:background .15s ease,color .15s ease}.nav-hamburger:hover{background:var(--bg-soft);color:var(--text)}.nav-hamburger svg{width:20px;height:20px}.site-brand{min-width:0;display:flex;align-items:center;gap:10px}.brand-icon{flex:0 0 auto;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid #334155;padding:0;overflow:hidden}.brand-term{display:flex;flex-direction:column;gap:3px;width:100%;padding:5px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.brand-term-bar{display:flex;gap:3px;align-items:center;padding-bottom:2px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:0}.brand-term-bar i{display:block;width:4px;height:4px;border-radius:50%;font-style:normal;flex-shrink:0}.brand-term-bar i:first-child{background:#ff5f57}.brand-term-bar i:nth-child(2){background:#ffbd2e}.brand-term-bar i:nth-child(3){background:#28ca41}.brand-term-path{font-size:7px;line-height:1;letter-spacing:0}.brand-term-path s{text-decoration:none;color:hsla(0,0%,100%,.4)}.brand-term-path b{color:#93c5fd;font-weight:600}.brand-term-cmd{display:flex;align-items:center;gap:2px;font-size:7px;line-height:1;color:hsla(0,0%,100%,.85)}.brand-term-cmd mark{background:none;color:var(--brand);font-weight:700;padding:0}.brand-term-cursor{display:inline-block;width:4px;height:7px;background:hsla(0,0%,100%,.8);border-radius:1px;vertical-align:middle;margin-left:1px;animation:brand-cursor-blink 1.1s step-end infinite}@keyframes brand-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.brand-copy{min-width:0;display:grid;grid-gap:2px;gap:2px}.brand-copy strong{font-size:.92rem;line-height:1.1;letter-spacing:-.01em}.brand-devtools{color:var(--text)}.brand-foryou{color:#059669}.brand-copy small{color:var(--muted);font-size:.72rem;line-height:1.2}.site-nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;margin-top:0}.site-nav-link{padding:7px 11px;border-radius:9px;color:var(--muted);font-size:.85rem;font-weight:500;transition:background .18s ease,color .18s ease}.site-nav-link.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.nav-dropdown-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;text-decoration:none}.nav-chevron{width:14px;height:14px;transition:transform .18s ease}.nav-chevron.open{transform:rotate(180deg)}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.1);padding:6px;z-index:100;display:flex;flex-direction:column;gap:2px}.nav-dropdown-item{padding:8px 12px;border-radius:9px;color:var(--muted);font-size:.85rem;font-weight:600;transition:background .15s ease,color .15s ease;text-decoration:none}.nav-dropdown-item:hover{background:var(--bg-soft);color:var(--text)}.nav-dropdown-item.active{background:var(--brand-soft);color:var(--brand-strong)}.nav-desktop-search{display:contents}.nav-topbar-search{display:none}.mobile-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(15,23,42,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:backdrop-in .22s ease forwards}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:75vw;max-width:320px;z-index:9999;display:flex;flex-direction:column;background:hsla(0,0%,100%,.98);box-shadow:-8px 0 40px rgba(15,23,42,.18);overflow-y:auto;overscroll-behavior:contain;animation:drawer-in .26s cubic-bezier(.32,.72,0,1) forwards}@keyframes drawer-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.mobile-drawer-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon--sm{width:36px;height:36px;border-radius:9px;flex-shrink:0}.mobile-drawer-brand-name{font-size:.9rem;font-weight:700;color:var(--text)}.mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-soft);border-radius:10px;cursor:pointer;color:var(--muted);flex-shrink:0;transition:background .15s ease,color .15s ease}.mobile-drawer-close:hover{background:var(--line);color:var(--text)}.mobile-drawer-close svg{width:18px;height:18px}.mobile-drawer-nav{display:flex;flex-direction:column;padding:12px 12px 24px;gap:2px;flex:1 1}.mobile-drawer-link{padding:11px 14px;border-radius:10px;color:var(--muted);font-size:.88rem;font-weight:600;text-decoration:none;transition:background .14s ease,color .14s ease}.mobile-drawer-link:hover{background:var(--bg-soft);color:var(--text)}.mobile-drawer-link.active{background:var(--brand-soft);color:var(--brand-strong)}.mobile-drawer-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 14px 6px;opacity:.7}.nav-search{position:relative;flex:1 1;max-width:140px;min-width:0}.nav-search-input-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;height:34px;border:1px solid transparent;border-radius:9px;background:var(--bg-soft);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.nav-search-input-wrap:hover{background:#ededed}.nav-search-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(5,150,105,.12);background:#fff}.nav-search-icon{flex-shrink:0;width:15px;height:15px;color:var(--muted)}.nav-search-input{flex:1 1;min-width:0;border:none;background:transparent;outline:none;font-size:.83rem;color:var(--text)}.nav-search-input::placeholder{color:var(--muted)}.nav-search-input::-webkit-search-cancel-button{display:none}.nav-search-kbd{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--muted);font-size:.72rem;font-family:ui-monospace,monospace;line-height:1}.nav-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.1);z-index:200}.nav-search-result,.nav-search-results{display:flex;flex-direction:column;gap:2px}.nav-search-result{padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .12s ease}.nav-search-result.active,.nav-search-result:hover{background:var(--bg-soft)}.nav-search-result-name{font-size:.85rem;font-weight:600;color:var(--text);line-height:1.3}.nav-search-result-desc{font-size:.76rem;color:var(--muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:var(--shell-w);max-width:100%;margin:0 auto;padding:16px 0 28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:12px 18px;border-radius:0 0 18px 18px;background:linear-gradient(90deg,#059669,#9ca3af);box-shadow:var(--shadow)}.topbar-main{display:grid;grid-gap:4px;gap:4px}.topbar-main p{max-width:620px}.brand-kicker{display:inline-flex;color:hsla(0,0%,100%,.8);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.topbar h1{margin:0;color:#fff;font-size:1rem;line-height:1.2}.header-links,.topbar p{margin:0;color:hsla(0,0%,100%,.8);font-size:.85rem;line-height:1.45}.topbar-right{display:grid;justify-items:end;grid-gap:8px;gap:8px}.header-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.header-links a{color:#fff;font-weight:600}.topbar-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:420px}.topbar-pills span{padding:6px 10px;border-radius:999px;background:hsla(0,0%,100%,.14);color:#fff;font-size:.72rem;font-weight:600}.related-tools-compact .hp-tool-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}.related-tools-compact .hp-tool-card{padding:8px 10px;gap:2px}.related-tools-compact .hp-tool-card-top{gap:6px}.related-tools-compact .hp-tool-icon-wrap{width:22px;height:22px;border-radius:6px}.related-tools-compact .hp-tool-icon-wrap svg{width:12px;height:12px}.related-tools-compact .hp-tool-name{font-size:.8rem}.related-tools-compact .hp-tool-desc{font-size:.72rem;line-height:1.4}.related-tools-strip-section{display:flex;flex-direction:column;gap:10px}.related-tools-strip-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.related-tools-strip{display:flex;flex-wrap:wrap;gap:8px}.related-tool-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 8px;border:1.5px solid var(--tc-border,var(--line));border-radius:999px;background:var(--tc-bg,var(--surface));color:var(--text);font-size:.84rem;font-weight:600;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.related-tool-chip:hover{transform:translateY(-2px);box-shadow:0 4px 14px var(--tc-glow,rgba(0,0,0,.08));border-color:var(--tc-icon,var(--brand))}.related-tool-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:hsla(0,0%,100%,.9);color:var(--tc-icon,var(--brand));border:1px solid var(--tc-border,var(--line));flex-shrink:0}.related-tool-chip-icon svg{width:12px;height:12px}.related-tool-chip-name{line-height:1}.tool-seo-details{display:contents}.tool-seo-details[open] .tool-seo-chevron{transform:rotate(180deg)}.tool-seo-summary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 20px;margin-bottom:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.tool-seo-summary::-webkit-details-marker{display:none}.tool-seo-summary:hover{background:var(--bg-soft);color:var(--text);border-color:var(--brand)}.tool-seo-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease}.landing-hero,.tool-page-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-gap:16px;gap:16px;margin-bottom:16px}.tool-page-intro{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}.directory-card>*,.landing-hero>*,.tool-page-intro>*,.topbar>*,.workspace-header>*{min-width:0}.directory-section,.hero-copy,.hero-stat-grid,.intro-copy,.intro-points,.workspace-panel{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.hero-copy,.intro-copy{padding:24px;background:var(--surface)}.hero-label{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-copy h2,.intro-copy h2{margin:0;max-width:13ch;font-size:clamp(1.75rem,3.3vw,2.5rem);line-height:1.05;letter-spacing:-.04em}.tool-page-intro .intro-copy{padding:26px 28px;border-color:var(--line);background:var(--surface)}.tool-page-intro .intro-copy h2{max-width:22ch;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:800;letter-spacing:-.03em}.tool-page-intro .intro-copy p{margin-top:10px;font-size:.92rem}.tool-page-intro .hero-chip-row{margin-top:14px}.tool-page-intro .hero-chip-row span{padding:7px 12px;font-size:.78rem;border-color:#d1d5db;background:rgba(238,242,255,.7);color:var(--brand-strong)}.hero-copy p,.intro-copy p{max-width:700px;margin:12px 0 0;color:var(--muted);font-size:.95rem;line-height:1.65}.hero-chip-row{gap:8px}.hero-chip-row,.hero-cta-row{display:flex;flex-wrap:wrap;margin-top:18px}.hero-cta-row{gap:10px}.hero-primary-cta,.hero-secondary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:12px;font-size:.9rem;font-weight:700;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.hero-primary-cta{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(5,150,105,.18)}.hero-secondary-cta{border:1px solid var(--line-strong);background:#fff;color:var(--text)}.hero-chip-row span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#374151;font-size:.8rem}.hero-stat-grid,.intro-points{display:grid;grid-gap:12px;gap:12px;padding:16px;background:linear-gradient(180deg,#fff,#f8fafc)}.tool-page-intro .intro-points{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border:0;background:transparent;box-shadow:none}.content-card,.directory-card,.editor-card,.intro-card,.roadmap-card,.stat-card,.summary-card{border:1px solid var(--line);border-radius:14px;background:#fff}.intro-card,.stat-card{display:grid;grid-gap:4px;gap:4px;padding:18px}.tool-page-intro .intro-card{padding:18px 20px;transition:transform .18s ease,box-shadow .18s ease}.tool-page-intro .intro-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.07)}.tool-page-intro .intro-card p{font-size:.9rem;line-height:1.6}.stat-card strong{font-size:1.4rem}.content-card p,.directory-copy p,.intro-card p,.label-row small,.roadmap-card p,.stat-card span,.summary-card span,.workspace-header p,.workspace-note small{color:var(--muted)}.tone-ocean{background:linear-gradient(160deg,#f1f5f9,#dbeafe 100%);border-color:#bfdbfe}.tone-sunset{background:linear-gradient(160deg,var(--amber-soft),#fed7aa 100%);border-color:#fcd34d}.tone-mint{background:linear-gradient(160deg,var(--mint-soft),#a7f3d0 100%);border-color:#d1d5db}.directory-section{margin-bottom:16px;padding:24px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.section-heading span{font-size:1rem;font-weight:700}.section-heading small{color:var(--muted);font-size:.82rem}.content-grid,.roadmap-grid,.tool-card-grid{display:grid;grid-gap:14px;gap:14px}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-intro{max-width:760px;margin:0 0 14px;color:var(--muted);font-size:.93rem;line-height:1.65}.faq-list{display:grid;grid-gap:14px;gap:14px;margin:0}.faq-item{padding:20px 22px;border:1.5px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fafbff,#fff);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.faq-item:hover{transform:translateY(-1px);border-color:#d1d5db;box-shadow:0 4px 16px rgba(5,150,105,.07)}.faq-item dd,.faq-item dt{margin:0}.faq-item h3{margin:0;font-size:1rem;font-weight:700;line-height:1.4}.faq-item p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.7}.directory-card{display:flex;justify-content:space-between;gap:16px;padding:18px;overflow:hidden}.directory-card-link{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.directory-card-link:hover{transform:translateY(-1px);border-color:#d1d5db;box-shadow:var(--shadow)}.directory-copy{display:grid;grid-gap:8px;gap:8px;min-width:0}.content-card h3,.directory-card h3{margin:0 0 8px;font-size:1rem;font-weight:700}.content-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:linear-gradient(180deg,#fff,#f8fafc);border:1.5px solid var(--line)}.content-card:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 6px 20px rgba(5,150,105,.08)}.directory-actions{display:flex;flex:0 0 10%;min-width:64px;align-items:center;justify-content:center;align-self:stretch;margin:-18px -18px -18px 0;border-left:1px solid var(--line);background:linear-gradient(180deg,#f5f7ff,#f1f5f9)}.card-badge{width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;background:var(--brand-soft);font-size:.78rem}.card-badge,.directory-entry{display:inline-flex;color:var(--brand-strong);font-weight:700}.directory-entry{align-items:center;justify-content:center;font-size:1.15rem;line-height:1}.content-card,.roadmap-card,.summary-card{padding:20px}.roadmap-card strong,.summary-card strong{display:block;margin-bottom:8px}.workspace-panel{position:relative;overflow:hidden;padding:18px 22px;background:radial-gradient(ellipse 70% 60% at 105% -5%,rgba(52,211,153,.07),transparent 55%),linear-gradient(180deg,#fff,#f4f4f5)}.content-card p,.directory-copy p,.roadmap-card p{overflow-wrap:anywhere}.workspace-header{display:grid;grid-gap:4px;gap:4px;margin-bottom:14px;position:relative}.tool-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center;margin-bottom:8px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d1d5db;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:.78rem;font-weight:700}.status-pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0}.status-pill-green{background:#f1f5f9;color:#065f46;border-color:#d1d5db}.status-pill-green:before{background:#059669}.tool-url-label{color:var(--muted);font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-text{color:var(--muted);font-size:.82rem}.workspace-header h1{margin:0;font-size:1.2rem;line-height:1.1}.workspace-header>p{margin:0}.workspace-ops-row{display:flex;justify-content:center;padding-top:2px}.workspace-side{display:grid;grid-gap:6px;gap:6px;justify-items:end;flex-shrink:0}.workspace-note-right{position:absolute;top:0;right:0}.workspace-note{display:inline-flex;align-items:center;gap:8px;width:auto;max-width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:999px;background:#f1f5f9;white-space:nowrap}.workspace-note span{color:var(--brand-strong);font-size:.72rem;font-weight:700}.workspace-note small{font-size:.7rem;line-height:1}.epoch-note{background:#f8fafc;border-color:var(--line)}.epoch-note small{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.segmented-group{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:#f3f4f6}.preset-row button,.primary-button,.secondary-button,.segmented-group button{border:0;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.segmented-group button{padding:8px 13px;border-radius:999px;color:var(--muted);background:transparent;font-size:.88rem}.segmented-group button.active{background:var(--brand);color:#fff}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.jwt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px}.jwt-input-column,.jwt-output-stack{display:grid;grid-gap:16px;gap:16px;align-content:start}.jwt-input-card{min-height:auto}.jwt-input-card textarea{min-height:220px}.jwt-status-card{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.jwt-status-card strong{font-size:.9rem}.jwt-status-card span{color:var(--muted);font-size:.84rem;line-height:1.5}.jwt-status-card.success-state{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}.jwt-status-card.error-state{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff)}.jwt-grid .compact-editor textarea{min-height:180px}.jwt-encode-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.jwt-encode-left,.jwt-encode-right{display:grid;grid-gap:16px;gap:16px;align-content:start}.jwt-secret-card input{width:100%}.jwt-header-card textarea{min-height:72px}.jwt-payload-card textarea{min-height:240px}.inline-copy-button{border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--text);cursor:pointer;padding:6px 10px;font-size:.78rem;font-weight:600;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.epoch-live-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;border:1px solid #d1d5db;border-radius:16px;background:linear-gradient(180deg,#f1f5f9,#fff)}.epoch-live-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.epoch-live-label{color:var(--brand-strong);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.epoch-live-copy strong{color:var(--text);font-size:1.5rem;line-height:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.epoch-live-copy small{color:var(--muted);overflow-wrap:anywhere}.epoch-live-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;min-width:300px}.epoch-live-stats div{display:grid;grid-gap:4px;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.epoch-live-stats span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.epoch-live-stats strong{color:var(--text);font-size:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere}.timestamp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.timestamp-card{display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.timestamp-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.timestamp-card-head .secondary-button{min-width:150px;min-height:40px;padding:10px 12px;font-size:.86rem;text-align:center}.timestamp-card-head h3{margin:0;font-size:1rem}.timestamp-card-head p{margin:6px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5}.compact-editor{min-height:0;padding:16px}.compact-editor textarea{min-height:140px}.timestamp-card .compact-editor textarea{min-height:170px}.editor-card{display:grid;grid-gap:10px;gap:10px;min-height:auto;padding:20px;align-content:start}.label-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem}.copy-inline-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;border:1px solid var(--brand);background:var(--brand-soft);color:var(--brand-strong);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.copy-inline-btn:hover{background:var(--brand);color:#fff}.label-row span{font-weight:700}.timestamp-input-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.95fr);grid-gap:10px;gap:10px;align-items:center}.editor-card input,.editor-card select{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;outline:none;background:#f8fafc;color:var(--text);font-size:.95rem;line-height:1.4}.editor-card select{cursor:pointer}.editor-card textarea{min-height:280px;resize:vertical;border:0;outline:none;background:transparent;color:var(--text);line-height:1.65;font-size:.95rem}.editor-card textarea::placeholder{color:#9ca3af}.editor-card input::placeholder{color:#9ca3af}.editor-card textarea.error-state{color:var(--error)}.regex-workspace{display:flex;flex-direction:column;gap:16px}.regex-pattern-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.regex-pattern-wrap{display:flex;align-items:center;flex:1 1;min-width:200px;border:1.5px solid var(--brand);border-radius:10px;background:var(--surface);padding:0 10px;gap:4px}.regex-delimiter{color:var(--brand);font-size:1.1rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.regex-delimiter,.regex-pattern-input{font-family:SF Mono,Fira Code,monospace}.regex-pattern-input{flex:1 1;border:none;outline:none;background:transparent;font-size:.95rem;padding:10px 4px;color:var(--text)}.regex-flags-inline{font-family:SF Mono,Fira Code,monospace;font-size:.85rem;color:var(--brand-strong);min-width:20px}.regex-flags{display:flex;gap:6px}.regex-flag-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-family:SF Mono,Fira Code,monospace;font-size:.82rem;font-weight:700;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s,color .15s,border-color .15s}.regex-flag-btn.active{background:var(--brand-soft);color:var(--brand-strong);border-color:var(--brand)}.regex-error{color:var(--error);font-size:.85rem;margin:0}.regex-output{min-height:200px;font-family:SF Mono,Fira Code,monospace;font-size:.88rem;line-height:1.7;white-space:pre-wrap;word-break:break-all;color:var(--text);padding:4px 0}.regex-match{background:#d1d5db;color:#92400e;border-radius:3px;padding:1px 2px}.regex-placeholder{color:var(--muted);font-style:italic}.regex-matches-table{display:flex;flex-direction:column;gap:8px}.regex-match-list{display:flex;flex-direction:column;gap:6px}.regex-match-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;font-size:.82rem}.regex-match-index{font-weight:700;color:var(--muted);min-width:28px}.regex-match-value{font-family:SF Mono,Fira Code,monospace;background:#d1d5db;color:#92400e;padding:2px 6px;border-radius:4px;font-weight:600}.regex-match-pos{color:var(--muted);font-size:.78rem}.regex-match-group{color:var(--brand-strong);font-size:.78rem;background:var(--brand-soft);padding:2px 6px;border-radius:4px}.diff-workspace{gap:16px}.diff-output-wrap,.diff-workspace{display:flex;flex-direction:column}.diff-output-wrap{gap:10px}.diff-output{font-family:SF Mono,Fira Code,monospace;font-size:.85rem;border:1px solid var(--line);border-radius:12px;overflow:hidden}.diff-line{display:flex;align-items:stretch;line-height:1.6}.diff-line.diff-added{background:#dcfce7}.diff-line.diff-removed{background:#fee2e2}.diff-line.diff-same{background:var(--surface)}.diff-gutter{width:28px;flex-shrink:0;text-align:center;font-weight:700;font-size:.82rem;padding:3px 0;border-right:1px solid var(--line)}.diff-line.diff-added .diff-gutter{color:#16a34a;background:#bbf7d0}.diff-line.diff-removed .diff-gutter{color:#dc2626;background:#fecaca}.diff-line.diff-same .diff-gutter{color:var(--muted)}.diff-text{padding:3px 10px;white-space:pre-wrap;word-break:break-all;flex:1 1}.diff-stat{font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:5px}.diff-added{background:#dcfce7;color:#15803d}.diff-removed{background:#fee2e2;color:#dc2626}.diff-same{background:var(--bg-soft);color:var(--muted)}.tz-workspace{display:flex;flex-direction:column;gap:16px}.tz-input-row{display:flex;gap:16px;flex-wrap:wrap}.tz-zones-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.tz-zones-row .unit-swap-btn{font-size:1rem;padding:10px 12px}.tz-field{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:200px}.tz-datetime{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-size:.95rem;color:var(--text);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;box-sizing:border-box}.tz-datetime:focus{outline:2px solid var(--brand);outline-offset:2px}.tz-offset{font-size:.75rem;color:var(--muted)}.tz-results{display:flex;flex-direction:column;gap:8px}.tz-result-row{gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.tz-result-info,.tz-result-row{display:flex;align-items:center}.tz-result-info{gap:8px;min-width:200px;flex:1 1}.tz-zone-name{font-size:.82rem;font-weight:600;color:var(--text)}.tz-offset-badge{font-size:.7rem;color:var(--muted);white-space:nowrap}.tz-result-time{font-family:SF Mono,Fira Code,monospace;font-size:.95rem;font-weight:600;color:var(--brand-strong);flex:1 1;white-space:nowrap}.tz-result-actions{display:flex;gap:6px;align-items:center}.tz-remove-btn{background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.7rem;padding:4px 7px;cursor:pointer;transition:background .15s,color .15s}.tz-remove-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.tz-add-row{display:flex;gap:8px;align-items:center}.tz-add-row .age-select{flex:1 1}.tz-add-row .primary-button{padding:8px 14px;font-size:.85rem;white-space:nowrap;flex-shrink:0}.unit-converter-workspace{display:flex;flex-direction:column;gap:20px}.unit-categories{display:flex;flex-wrap:wrap;gap:8px}.unit-converter-grid{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.unit-field{flex:1 1;min-width:200px;display:flex;flex-direction:column;gap:8px}.unit-field-label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.unit-select{width:100%}.unit-input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-size:1.1rem;color:var(--text)}.unit-input:focus{outline:2px solid var(--brand);outline-offset:2px}.unit-result{width:100%;padding:12px 14px;border:1.5px solid var(--brand);border-radius:10px;background:var(--brand-soft);font-size:1.1rem;font-weight:600;color:var(--brand-strong);min-height:48px}.unit-result-placeholder{color:var(--muted);font-weight:400}.unit-swap-btn{font-size:1.4rem;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;color:var(--muted);flex-shrink:0;margin-top:24px;transition:background .15s ease,color .15s ease}.unit-swap-btn:hover{background:var(--bg-soft);color:var(--text)}.unit-formula{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:.9rem;color:var(--muted)}.unit-formula strong{color:var(--text);font-weight:700}.currency-workspace{padding:24px;display:flex;flex-direction:column;gap:20px}.currency-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:16px;gap:16px;align-items:end}@media (max-width:600px){.currency-grid{grid-template-columns:1fr}.currency-swap-btn{transform:rotate(90deg);align-self:center;justify-self:center}}.currency-field{display:flex;flex-direction:column;gap:8px}.currency-field-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.currency-select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer}.currency-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.currency-amount-input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:1.1rem;font-weight:500;box-sizing:border-box}.currency-amount-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.currency-result-box{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);min-height:50px;font-size:1.1rem;font-weight:600;color:var(--text);display:flex;align-items:center}.currency-result-placeholder{color:var(--muted);font-weight:400;font-size:.9rem}.currency-swap-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;font-size:1.1rem;color:var(--muted);transition:background .15s,color .15s,border-color .15s;align-self:end;margin-bottom:1px;flex-shrink:0}.currency-swap-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.currency-rate-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:.85rem;color:var(--muted);flex-wrap:wrap}.currency-rate-info strong{color:var(--text);font-weight:600}.currency-rate-date{margin-left:auto;font-size:.78rem}.currency-loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.88rem;padding:8px 0}.currency-error{color:#dc2626;font-size:.85rem;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.currency-copy-btn{padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);font-size:.78rem;cursor:pointer;margin-left:auto;transition:background .15s}.currency-copy-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.currency-dropdown{position:relative}.currency-search-input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9rem;box-sizing:border-box;cursor:pointer}.currency-search-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,70,229,.1);cursor:text}.currency-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:240px;overflow-y:auto;z-index:100}.currency-dropdown-item{display:block;width:100%;padding:9px 12px;background:none;border:none;text-align:left;font-size:.88rem;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency-dropdown-item:hover{background:var(--bg)}.currency-dropdown-item.active{background:var(--brand);color:#fff}.currency-dropdown-item.highlighted{background:var(--bg);outline:2px solid var(--brand);outline-offset:-2px}.currency-dropdown-empty{padding:10px 12px;font-size:.85rem;color:var(--muted)}.currency-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:hrb-spin .7s linear infinite;flex-shrink:0}.jt-root{overflow:auto;padding:10px 4px;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.82rem;line-height:1.6;flex:1 1;min-height:0}.jt-group{display:contents}.jt-line{display:flex;align-items:baseline;gap:2px;white-space:pre;min-height:1.6em}.jt-children{padding-left:20px;border-left:1px solid var(--line);margin-left:7px}.jt-toggle{flex-shrink:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;border:none;background:none;color:var(--muted);cursor:pointer;padding:0;border-radius:3px;line-height:1;transition:color .12s ease,background .12s ease;margin-right:2px}.jt-toggle:hover{color:var(--brand);background:rgba(5,150,105,.08)}.jt-toggle-spacer{display:inline-block;width:18px;flex-shrink:0}.jt-key{color:#0369a1}.jt-colon{color:var(--muted);margin-right:2px}.jt-bracket{color:var(--text);font-weight:600}.jt-summary{color:var(--muted);font-style:italic;cursor:pointer;margin:0 4px;font-size:.78rem}.jt-summary:hover{color:var(--brand)}.jt-string{color:#16a34a}.jt-number{color:#2563eb}.jt-bool{color:#059669}.jt-null{color:#94a3b8;font-style:italic}.jt-comma{color:var(--muted)}@media (prefers-color-scheme:dark){.jt-key{color:#7dd3fc}.jt-string{color:#86efac}.jt-number{color:#93c5fd}.jt-bool{color:#c4b5fd}.jt-null{color:#64748b}}.color-picker-workspace{display:flex;flex-direction:column;gap:20px}.color-picker-top{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.color-swatch-wrap{position:relative;flex-shrink:0;width:120px;height:120px;border-radius:16px;overflow:hidden;border:1px solid var(--line);cursor:pointer}.color-swatch{width:100%;height:100%;transition:background .15s ease}.color-native-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-formats{display:flex;flex-direction:column;gap:10px;flex:1 1;min-width:240px}.color-format-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.color-format-label{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;min-width:28px}.color-format-input,.color-format-value{flex:1 1;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;color:var(--text)}.color-format-input{border:none;outline:none;background:transparent;padding:0}.color-samples-row{display:flex;gap:10px;flex-wrap:wrap}.color-sample-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.color-sample-btn:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,.2)}.age-calculator-workspace{display:flex;flex-direction:column;gap:20px}.age-input-row{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.age-dropdowns{display:flex;flex-direction:column;gap:6px}.age-dob-label-text{font-size:.85rem;font-weight:600;color:var(--muted)}.age-selects{display:flex;gap:8px}.age-select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-size:.95rem;color:var(--text);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.age-select:focus{outline:2px solid var(--brand);outline-offset:2px}.age-primary-result{font-size:1.1rem;color:var(--text);font-weight:500}.age-primary-result strong{font-size:1.26rem;font-weight:800;color:var(--brand-strong)}.sample-date{font-weight:400;opacity:.65;font-size:.78rem}.age-error{color:var(--error);font-size:.9rem}.case-converter-workspace{display:flex;flex-direction:column;gap:14px}.case-buttons{display:flex;flex-wrap:wrap;gap:8px}.case-btn{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.case-btn:hover{background:var(--bg-soft);color:var(--text)}.case-btn.active{background:var(--brand-soft);color:var(--brand-strong);border-color:var(--brand)}.counter-workspace{display:flex;flex-direction:column;gap:16px}.counter-input-card{width:100%}.counter-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.counter-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-align:center}.counter-stat strong{font-size:1.44rem;font-weight:700;color:var(--text);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter-stat span{font-size:.75rem;color:var(--muted);font-weight:500}.counter-stat-primary{border-color:var(--brand);background:var(--brand-soft)}.counter-stat-primary strong{color:var(--brand-strong)}.input-stats{display:flex;gap:12px;padding-top:6px;border-top:1px solid var(--line)}.input-stats span{font-size:.75rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.action-row,.preset-row{display:flex;flex-wrap:wrap;gap:12px}.action-row{margin-top:16px}.action-row .primary-button,.action-row .secondary-button{padding:10px 13px;font-size:.88rem}.timestamp-card .action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.preset-row button,.primary-button,.secondary-button{padding:12px 16px;border-radius:12px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.primary-button{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(5,150,105,.18)}.preset-row button,.secondary-button{border:1px solid var(--line-strong);background:#fff;color:var(--text)}.timestamp-card .action-row .secondary-button,.timestamp-card .primary-button{width:100%;min-height:40px;min-width:0;padding:10px 12px;font-size:.86rem;text-align:center}.preset-block{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.preset-row button{text-align:left;padding:7px 11px;border-radius:8px;font-size:.8rem}.primary-button:disabled,.secondary-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.hero-primary-cta:hover,.hero-secondary-cta:hover,.preset-row button:hover,.primary-button:hover,.secondary-button:hover,.site-nav-link:hover{background:var(--bg-soft);color:var(--text)}@media (max-width:1180px){.topbar{align-items:flex-start;flex-direction:column}.topbar-right{width:100%;justify-items:start}.topbar-pills{max-width:100%;justify-content:flex-start}.landing-hero,.tool-page-intro{grid-template-columns:1fr}.content-grid,.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1080px){.content-grid,.roadmap-grid,.tool-card-grid{grid-template-columns:1fr 1fr}.tool-page-intro .intro-points{grid-template-columns:1fr}}@media (max-width:920px){.content-grid,.jwt-encode-grid,.jwt-grid,.panel-grid,.roadmap-grid,.tool-card-grid{grid-template-columns:1fr}.directory-card{flex-direction:column}.directory-actions,.workspace-side{width:100%;justify-items:start}.directory-actions{flex:none;min-width:0;min-height:56px;margin:0;border-left:0;border-top:1px solid var(--line)}.workspace-note{width:auto;max-width:100%}.epoch-live-bar,.timestamp-card-head{flex-direction:column;align-items:flex-start}.timestamp-card .action-row,.timestamp-input-row{grid-template-columns:1fr}.epoch-live-stats,.timestamp-grid{min-width:0;grid-template-columns:1fr}}@media (max-width:760px){.app-shell{width:min(100% - 16px,1200px)}.site-nav-wrap{padding:10px 0 0}.site-nav{width:min(100% - 16px,1200px);flex-direction:row;align-items:center;padding:8px 10px;gap:8px}.site-nav-topbar{justify-content:space-between;width:100%;flex:1 1;min-width:0}.site-brand .brand-copy{gap:0}.site-brand .brand-copy small{display:block;font-size:.6rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-brand .brand-copy strong{font-size:.82rem;line-height:1.15;white-space:nowrap}.site-brand .brand-icon{width:32px;height:32px;border-radius:8px}.nav-topbar-search{display:flex;flex:1 1;min-width:0;margin:0 8px}.nav-topbar-search .nav-search{flex:1 1;max-width:none;min-width:0}.nav-topbar-search .nav-search-input-wrap{height:34px}.nav-topbar-search .nav-search-kbd{display:none}.nav-topbar-search .nav-search-results{left:0;right:0}.nav-topbar-search.nav-topbar-search--compact{flex:0 0 36px;max-width:36px;margin-left:auto;margin-right:8px;transition:flex-basis .22s ease,max-width .22s ease}.nav-topbar-search.nav-topbar-search--compact:focus-within{flex:0 0 200px;max-width:200px}.nav-topbar-search--compact .nav-search-input{font-size:.82rem;padding-left:30px;padding-right:8px;min-width:0}.nav-topbar-search--compact .nav-search-input::placeholder{color:transparent}.nav-desktop-search{display:none}.nav-hamburger{display:flex;flex-shrink:0}.site-nav-links{display:none}.topbar{align-items:flex-start;flex-direction:column;border-radius:0 0 14px 14px}.topbar-right{width:100%;justify-items:start}.topbar-pills{max-width:100%;justify-content:flex-start}.directory-section,.hero-copy,.hero-stat-grid,.intro-copy,.intro-points,.workspace-panel{padding:16px}.hero-copy h2,.intro-copy h2{max-width:100%;font-size:clamp(1.55rem,6.5vw,2rem)}.hero-cta-row{width:100%}.tool-page-intro .intro-copy h2{font-size:1.2rem}.content-grid,.io-grid,.panel-grid,.roadmap-grid,.timestamp-grid,.tool-card-grid{grid-template-columns:1fr!important}.directory-card{flex-direction:column}.directory-actions,.workspace-side{width:100%;justify-items:start}.workspace-note{width:auto;white-space:normal}.workspace-note-right{position:static}.editor-card textarea{min-height:240px}.compact-editor textarea{min-height:130px}.timestamp-card .compact-editor textarea{min-height:150px}}@media (max-width:560px){.app-shell,.site-nav{width:min(100% - 12px,1200px)}.brand-copy small{display:block;font-size:.56rem;line-height:1.1}.topbar{padding:12px 14px}.topbar h1{font-size:.92rem}.header-links,.topbar p{font-size:.8rem}.directory-section,.hero-copy,.hero-stat-grid,.intro-copy,.intro-points,.workspace-panel{padding:14px}.hero-copy h2,.intro-copy h2{font-size:clamp(1.4rem,7.5vw,1.8rem)}.section-heading{align-items:flex-start;flex-direction:column}.hero-chip-row,.hero-cta-row{width:100%}.segmented-group{width:100%;justify-content:space-between}.segmented-group button{flex:1 1;text-align:center}.action-row,.preset-row{gap:10px}.hero-primary-cta,.hero-secondary-cta,.preset-row button,.primary-button,.secondary-button{width:100%}.editor-card{min-height:auto;padding:16px}.editor-card textarea{min-height:180px}.counter-stats-grid{grid-template-columns:repeat(2,1fr)}}.hp-nav-divider{display:block;height:1px;margin:12px 8px 18px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2) 25%,rgba(99,102,241,.26) 50%,rgba(99,102,241,.2) 75%,transparent)}@media (max-width:760px){.hp-nav-divider{margin:10px 4px 14px}}.hp-hero{position:relative;overflow:hidden;margin-bottom:20px;padding:26px 40px 22px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#bae6fd 0,#dbeafe 6%,#eff6ff 12%,#f5f9ff 18%,#f8fbff 65%,var(--bg) 82%);color:var(--text)}.hp-hero-glow{top:-160px;right:-120px;width:640px;height:640px;background:radial-gradient(circle,hsla(0,0%,100%,.35),transparent 65%)}.hp-hero-glow,.hp-hero:before{pointer-events:none;position:absolute;border-radius:50%;filter:blur(30px)}.hp-hero:before{content:"";left:-200px;top:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(5,150,105,.12),transparent 60%)}.hp-hero-inner{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none}.hp-hero-split{display:grid;grid-template-columns:minmax(0,480px) 1fr;grid-gap:48px;gap:48px;align-items:center;margin-bottom:8px}.hp-hero-copy{min-width:0}.hp-hero-tools{width:100%;min-width:0}.hp-hero-tools-heading{margin:0 0 18px;font-size:1.05rem;font-weight:700;color:var(--text)}.hp-hero-tool-block{margin-bottom:22px}.hp-hero-tool-block:last-child{margin-bottom:0}.hp-hero-tool-block-head{margin-bottom:12px}.hp-hero-tool-block-title{margin:0;font-size:.88rem;font-weight:700;letter-spacing:.02em;color:var(--muted)}.hp-hero-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.hp-hero-tool-card{position:relative;display:grid;align-content:start;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--tc-border,var(--line));border-radius:var(--radius);background:var(--tc-bg,hsla(0,0%,100%,.65));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.hp-hero-tool-card:hover{transform:translateY(-2px);border-color:var(--tc-icon,var(--line-strong));background:var(--tc-bg,#fff);box-shadow:0 1px 2px rgba(0,0,0,.03),0 8px 24px var(--tc-glow,rgba(0,0,0,.06))}.hp-hero-tool-card-top{display:flex;justify-content:flex-start;align-items:center;gap:10px}.hp-hero-tool-icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.92);color:var(--tc-icon,var(--brand-strong));border:1px solid var(--tc-border,var(--line))}.hp-hero-tool-icon-wrap svg{width:17px;height:17px}.hp-hero-tool-name{margin:0;font-size:.92rem;font-weight:700;color:var(--text);line-height:1.25}.hp-tool-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:20px}.hp-tool-search-icon{position:absolute;left:11px;display:flex;align-items:center;color:var(--muted);pointer-events:none}.hp-tool-search-icon svg{width:15px;height:15px}.hp-tool-search{width:100%;padding:11px 36px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.9rem;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.hp-tool-search::placeholder{color:var(--subtle)}.hp-tool-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(5,150,105,.12)}.hp-tool-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:4px;padding:0}.hp-tool-search-clear:hover{color:var(--text);background:var(--line)}.hp-tool-search-clear svg{width:13px;height:13px}.hp-search-meta{margin:0 0 12px;font-size:.8rem;color:var(--muted)}.hp-search-empty{margin:24px 0;font-size:.88rem;color:var(--muted);text-align:center}.hp-hero-tool-desc{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.hp-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:4px 12px 4px 10px;border:1px solid rgba(6,95,70,.18);border-radius:999px;background:hsla(0,0%,100%,.7);color:var(--brand-strong);font-size:.76rem;font-weight:500;letter-spacing:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hp-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.22)}.hp-headline{margin:0 0 8px;font-size:clamp(2rem,4.5vw,3rem);font-weight:900;line-height:1.02;letter-spacing:-.04em;color:var(--text)}.hp-headline-accent{color:var(--brand-strong)}.hp-subline{max-width:520px;margin:0 0 11px;color:#1f2937;font-size:.98rem;line-height:1.55;letter-spacing:-.005em}.hp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hp-cta-primary{display:inline-flex;align-items:center;padding:11px 20px;border-radius:10px;background:var(--text);color:#fff;font-size:.92rem;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.08);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.hp-cta-primary:hover{background:#262626;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.12)}.hp-cta-secondary{display:inline-flex;align-items:center;padding:11px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-size:.92rem;font-weight:500;transition:border-color .16s ease,background .16s ease}.hp-cta-secondary:hover{border-color:var(--line-strong);background:var(--bg-soft)}.hp-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.hp-feature{display:grid;grid-gap:10px;gap:10px;padding:24px 22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);transition:border-color .18s ease,transform .18s ease}.hp-feature:hover{border-color:var(--line-strong);transform:translateY(-1px)}.hp-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong)}.hp-feature-icon svg{width:18px;height:18px}.hp-feature strong{font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:-.005em}.hp-feature p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.hp-rotation-section{margin-bottom:24px}.hp-rotation-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.hp-rotation-card{padding:26px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);transition:border-color .18s ease}.hp-rotation-card:hover{border-color:var(--line-strong)}.hp-rotation-label{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0;margin-bottom:14px}.hp-rotation-card h3{margin:0 0 8px;font-size:1.05rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.hp-rotation-card p{margin:0 0 16px;color:var(--muted);font-size:.9rem;line-height:1.6}.hp-rotation-cta{font-size:.87rem;font-weight:500;color:var(--brand-strong);text-decoration:none}.hp-rotation-cta:hover{color:var(--text)}.hp-roadmap-section,.hp-tools-section{margin-bottom:24px;padding:28px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line)}.hp-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px}.hp-section-head h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text);font-family:inherit;letter-spacing:-.015em}.hp-section-head span{color:var(--subtle);font-size:.82rem}.hp-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.hp-tool-card{position:relative;display:grid;align-content:start;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--tc-border,var(--line));border-radius:var(--radius);background:var(--tc-bg,#fff);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hp-tool-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(0,0,0,.03),0 8px 22px var(--tc-glow,rgba(0,0,0,.06));border-color:var(--tc-icon,var(--line-strong))}.hp-tool-card-top{display:flex;justify-content:flex-start;align-items:center;gap:10px}.hp-tool-icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--tc-bg,var(--bg-soft));color:var(--tc-icon,var(--brand-strong));border:1px solid var(--tc-border,var(--line))}.hp-tool-icon-wrap svg{width:17px;height:17px}.hp-tool-card-body{display:contents}.hp-tool-arrow{color:var(--tc-icon,var(--brand));font-size:1rem;font-weight:700;opacity:0;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease}.hp-tool-card:hover .hp-tool-arrow{opacity:1;transform:translateX(0)}.hp-tool-name{margin:0;font-size:.92rem;font-weight:700;color:var(--text)}.hp-tool-desc{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.hp-tool-slug{color:var(--tc-icon,var(--brand));font-size:.72rem;font-weight:600;font-family:ui-monospace,monospace;opacity:.75}.hp-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.hp-roadmap-card{padding:18px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:transparent}.hp-roadmap-card strong{display:block;margin-bottom:6px;font-size:.92rem;font-weight:600;letter-spacing:-.005em}.hp-roadmap-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.hc-sphere{position:relative;width:100%;max-width:760px;margin:0 auto;height:280px;overflow:visible}.hc-sphere-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hc-node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;border:1px solid var(--line,#e2e8f0);background:#fff;text-decoration:none;white-space:nowrap;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;z-index:1}.hc-node:hover{border-color:var(--hc-color,var(--brand));box-shadow:0 4px 14px rgba(0,0,0,.1);transform:translate(-50%,-50%) translateY(-2px);z-index:3}.hc-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--hc-color,var(--brand));opacity:.9}.hc-name{font-size:.72rem;font-weight:600;color:var(--text)}@media (max-width:960px){.hp-hero-copy{max-width:none}.hp-hero-split{grid-template-columns:1fr;gap:28px}.hc-sphere{display:none}.hp-hero-tool-grid,.hp-roadmap-grid,.hp-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.hp-hero{padding:21px 24px 18px}.hp-features,.hp-rotation-grid{grid-template-columns:1fr}.hp-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.hp-hero{padding:15px 18px 14px;border-radius:18px}.hp-cta-primary,.hp-cta-secondary{width:100%;justify-content:center}.hp-hero-tool-grid,.hp-roadmap-grid,.hp-tool-grid{grid-template-columns:1fr}}.hp-about-section{margin-bottom:24px;padding:32px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.hp-about-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);grid-gap:32px;gap:32px;align-items:start}.hp-about-copy p{margin:0 0 16px;color:var(--muted);font-size:.95rem;line-height:1.7}.hp-about-link{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-size:.88rem;font-weight:500;text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px;transition:border-color .16s ease,color .16s ease}.hp-about-link:hover{color:var(--brand-strong);border-color:var(--brand)}.hp-about-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.hp-stat{display:grid;grid-gap:4px;gap:4px;padding:16px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-soft)}.hp-stat strong{font-size:1.6rem;font-weight:600;color:var(--text);line-height:1;letter-spacing:-.02em}.hp-stat span{color:var(--subtle);font-size:.78rem;line-height:1.4}.hp-directory-section{margin-bottom:16px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.hp-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:28px 32px;gap:28px 32px}.hp-directory-group-title{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.hp-directory-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.hp-directory-link{display:block;padding:6px 8px;border-radius:8px;text-decoration:none;transition:background .15s ease}.hp-directory-link:hover{background:var(--line)}.hp-directory-link-name{display:block;font-size:.85rem;font-weight:600;color:var(--text)}.hp-directory-link-desc{display:block;font-size:.76rem;color:var(--muted);line-height:1.4;margin-top:1px}.hp-editorial-section{margin-bottom:24px;padding:32px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.hp-editorial-body{display:flex;flex-direction:column;gap:18px}.hp-editorial-h3{margin:16px 0 2px;font-size:1.05rem;font-weight:600;color:var(--text);letter-spacing:-.01em;padding-bottom:0;border-bottom:none}.hp-editorial-body p{margin:0;font-size:.95rem;line-height:1.75;color:var(--muted)}.hp-editorial-body code{font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:.85em;background:var(--bg-soft);color:var(--text);padding:1px 6px;border-radius:4px;border:1px solid var(--line)}.hp-editorial-body a{color:var(--text);font-weight:500;text-decoration:none;border-bottom:1px solid var(--line-strong);transition:border-color .16s ease,color .16s ease}.hp-editorial-body a:hover{color:var(--brand-strong);border-bottom-color:var(--brand)}.hp-faq-section{margin-bottom:24px;padding:32px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.hp-faq-list{display:grid;grid-gap:0;gap:0;margin:0}.hp-faq-item{padding:0;border:none;border-top:1px solid var(--line);border-radius:0;background:transparent}.hp-faq-item:first-child{border-top:none}.hp-faq-item h3{margin:0;font-size:.98rem;font-weight:600;color:var(--text);line-height:1.4;letter-spacing:-.005em}.hp-faq-item p{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.hp-collapse{--collapse-pad-y:18px}.hp-collapse[open]{padding-bottom:var(--collapse-pad-y)}.hp-collapse>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--collapse-pad-y) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .16s ease}.hp-collapse>summary::-webkit-details-marker{display:none}.hp-collapse>summary:hover h3{color:var(--brand-strong,var(--brand))}.hp-collapse-icon{position:relative;flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1px solid var(--line-strong,var(--line));transition:transform .22s ease,border-color .16s ease,background .16s ease}.hp-collapse-icon:after,.hp-collapse-icon:before{content:"";position:absolute;top:50%;left:50%;background:var(--text);transition:transform .22s ease,opacity .22s ease}.hp-collapse-icon:before{width:8px;height:1.5px;transform:translate(-50%,-50%)}.hp-collapse-icon:after{width:1.5px;height:8px;transform:translate(-50%,-50%)}.hp-collapse[open]>summary .hp-collapse-icon{background:var(--bg-soft)}.hp-collapse[open]>summary .hp-collapse-icon:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}.hp-collapse>summary:hover .hp-collapse-icon{border-color:var(--brand,currentColor)}.hp-collapse-body{padding-top:4px}.hp-editorial-collapse{border-top:1px solid var(--line)}.hp-editorial-collapse:first-of-type{border-top:none}.hp-editorial-collapse>.hp-collapse-body{display:flex;flex-direction:column;gap:18px;padding-top:4px;padding-bottom:8px}.hp-editorial-collapse .hp-editorial-h3{margin:0}.site-footer{margin-top:48px;border-top:1px solid var(--line);background:var(--bg)}.sf-tool-directory{border-bottom:1px solid var(--line);padding:36px 0 28px}.sf-directory-inner{width:var(--shell-w);margin:0 auto}.sf-tool-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px 24px;gap:20px 24px}.sf-category{min-width:0}.sf-category-title{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);margin:0 0 10px}.sf-section-link{color:inherit;text-decoration:none}.sf-section-link:hover{text-decoration:underline}.sf-tool-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sf-tool-link{display:block;padding:4px 0;font-size:.83rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .12s ease}.sf-tool-link:hover{color:var(--brand)}.sf-bottom-bar{background:transparent;border-top:none}.sf-bottom-inner{width:var(--shell-w);margin:0 auto;padding:14px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.site-footer-links{display:flex;flex-wrap:wrap;gap:4px 4px}.site-footer-links a{padding:5px 10px;border-radius:8px;color:var(--muted);font-size:.85rem;font-weight:500;transition:color .15s ease,background .15s ease}.site-footer-links a:hover{color:var(--brand);background:var(--brand-soft)}.site-footer-copy{margin:0;color:var(--muted);font-size:.8rem}.sf-sister-link{display:inline-flex;align-items:center;gap:6px}.sf-sister-icon{width:14px;height:14px;flex-shrink:0}.jd-bottom-meta{margin-top:8px}.tool-how-why-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:640px){.tool-how-why-row{grid-template-columns:1fr}}.jd-how-steps{display:flex;flex-direction:column}.jd-how-steps,.jd-why-grid{list-style:none;margin:0;padding:0;gap:10px}.jd-why-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}@media (max-width:640px){.jd-why-grid{grid-template-columns:1fr}}.jd-diff-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}.jd-sbs{display:grid;grid-template-columns:1fr 1fr}.jd-panel{min-width:0;overflow:hidden}.jd-panel+.jd-panel{border-left:1px solid var(--line)}.jd-panel-header{padding:5px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line)}.jd-lines{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.78rem;line-height:1.55;overflow-x:auto}.jd-line{display:flex;align-items:stretch;min-height:1.55em}.jd-line-num{flex-shrink:0;width:3.2em;padding:0 6px;text-align:right;color:var(--muted);background:rgba(0,0,0,.03);border-right:1px solid var(--line);font-size:.7rem;display:flex;align-items:center;justify-content:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.7}.jd-line-content{padding:0 10px;white-space:pre;flex:1 1;overflow:visible}.jd-line--same{background:transparent}.jd-line--removed{background:#fee2e2}.jd-line--removed .jd-line-num{background:#fecaca;color:#dc2626;opacity:1}.jd-line--added{background:#dcfce7}.jd-line--added .jd-line-num{background:#bbf7d0;color:#16a34a;opacity:1}.jd-line--empty{background:#f5f5f5}.jd-line--empty .jd-line-num{background:#ebebeb}@media (max-width:640px){.jd-sbs{grid-template-columns:1fr}.jd-panel+.jd-panel{border-left:none;border-top:2px solid var(--line)}}.b64-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;border:2px dashed var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease;margin-bottom:.75rem;text-align:center}.b64-dropzone--over,.b64-dropzone:hover{border-color:var(--brand);background:var(--brand-soft)}.b64-dropzone-icon{width:32px;height:32px;color:var(--muted);margin-bottom:4px}.b64-dropzone-primary{font-size:.9rem;font-weight:600;color:var(--text)}.b64-dropzone-secondary{font-size:.8rem;color:var(--muted)}.b64-dropzone-name{font-size:.88rem;font-weight:600;color:var(--brand);word-break:break-all}.workspace-inner{display:flex;flex-direction:column;gap:0}.io-grid{display:grid}.io-col{display:flex;flex-direction:column;gap:.5rem}.io-label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.code-input{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.84rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s ease}.code-input:focus{border-color:var(--brand)}.code-input::placeholder{color:#9ca3af}.run-btn{display:inline-flex;align-items:center;gap:6px;padding:.45rem 1.25rem;border:none;border-radius:8px;background:var(--brand);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease}.run-btn:hover{background:var(--brand-strong)}.copy-btn{display:inline-flex;align-items:center;gap:5px;padding:.3rem .75rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease}.copy-btn:hover{border-color:var(--brand);background:var(--brand-soft)}.error-msg{color:var(--error);font-size:.84rem;margin:.35rem 0 0}.sample-label{font-size:.8rem;color:var(--muted);font-weight:500;margin-right:2px}.sample-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sample-btn{padding:.2rem .65rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:.78rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sample-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.prose-page{max-width:760px;margin:24px auto 48px}.prose-header{margin-bottom:32px}.prose-back{display:inline-flex;align-items:center;margin-bottom:16px;color:var(--muted);font-size:.85rem;font-weight:600;transition:color .15s ease}.prose-back:hover{color:var(--brand)}.prose-header h1{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.03em}.prose-meta{margin:0;color:var(--muted);font-size:.85rem}.prose-body{display:grid;grid-gap:0;gap:0}.prose-body section{padding:24px 0;border-bottom:1px solid var(--line)}.prose-body section:last-child{border-bottom:0}.prose-body h2{margin:0 0 12px;font-size:1.05rem;font-weight:700}.prose-body p{margin:0 0 12px;color:#374151;font-size:.95rem;line-height:1.75}.prose-body p:last-child{margin-bottom:0}.prose-body ul{margin:0;padding-left:20px;display:grid;grid-gap:6px;gap:6px}.prose-body li{color:#374151;font-size:.95rem;line-height:1.6}.prose-body a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.uuid-workspace{gap:16px}.uuid-controls,.uuid-workspace{display:flex;flex-direction:column}.uuid-controls{gap:12px}.qr-workspace{display:flex;flex-direction:column;gap:16px}.qr-input-area{display:flex;gap:16px;align-items:flex-start}@media (max-width:600px){.qr-input-area{flex-direction:column}}.qr-options{gap:8px;min-width:140px}.qr-options,.qr-size-row{display:flex;flex-direction:column}.qr-size-row{gap:6px}.qr-output,.qr-placeholder{display:flex;justify-content:center}.qr-placeholder{width:100%;min-height:160px;border:2px dashed var(--line);border-radius:14px;align-items:center}.qr-hint{font-size:.9rem;color:var(--muted)}.qr-result{display:flex;flex-direction:column;align-items:center;gap:4px}.qr-image{border-radius:12px;border:1px solid var(--line);display:block;max-width:100%}.lorem-workspace{display:flex;flex-direction:column;gap:16px}.lorem-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.lorem-count-row{display:flex;align-items:center;gap:8px}.cron-workspace,.json-csv-workspace,.json-yaml-workspace{display:flex;flex-direction:column;gap:16px}.cron-expression-display{display:flex;flex-direction:column;gap:8px}.cron-raw-input{font-family:SF Mono,Fira Code,monospace;font-size:1.05rem;padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.cron-raw-input:focus{border-color:var(--brand)}.cron-english{font-size:.95rem;color:var(--brand-strong);font-weight:500}.cron-fields{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}@media (max-width:600px){.cron-fields{grid-template-columns:repeat(3,1fr)}}.cron-field{display:flex;flex-direction:column;gap:4px}.cron-field-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.cron-field-input{font-family:SF Mono,Fira Code,monospace;font-size:.95rem;padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:center;outline:none;transition:border-color .15s}.cron-field-input:focus{border-color:var(--brand)}.cron-field-hint{font-size:.72rem;color:var(--muted);text-align:center}.cron-next-runs{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:12px 16px}.cron-next-label{font-size:.82rem;font-weight:600;color:var(--muted);display:block;margin-bottom:6px}.cron-next-runs ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.cron-next-runs li{font-size:.88rem;font-family:SF Mono,Fira Code,monospace;color:var(--text)}.cron-parse-result{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.percent-workspace{display:flex;flex-direction:column;gap:16px}.percent-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:520px){.percent-inputs{grid-template-columns:1fr}}.percent-field{display:flex;flex-direction:column;gap:6px}.percent-result{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:18px 22px;text-align:center}.percent-result-value{font-size:1.3rem;font-weight:700;color:var(--text)}@media (max-width:1100px){.sf-tool-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.hp-about-grid{grid-template-columns:1fr}.sf-tool-grid{grid-template-columns:repeat(2,1fr)}.sf-directory-header{flex-direction:column;gap:8px}}@media (max-width:520px){.hp-about-stats{grid-template-columns:1fr 1fr}.sf-tool-grid{grid-template-columns:1fr}.sf-bottom-inner{flex-direction:column;align-items:flex-start;gap:8px}}.pg-workspace{gap:18px}.pg-controls,.pg-workspace{display:flex;flex-direction:column}.pg-controls{gap:14px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.pg-control-row{display:flex;align-items:center;gap:14px}.pg-label{font-size:.85rem;color:var(--text);min-width:110px;flex-shrink:0}.pg-slider{flex:1 1;accent-color:var(--brand);height:4px;cursor:pointer}.pg-checkboxes{display:flex;flex-wrap:wrap;gap:10px 20px}.pg-checkbox-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text);cursor:pointer}.pg-checkbox-label input{accent-color:var(--brand);width:15px;height:15px;cursor:pointer}.pg-generate-btn{align-self:flex-start;padding:9px 24px;background:var(--brand);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .15s}.pg-generate-btn:hover{opacity:.85}.pg-results{display:flex;flex-direction:column;gap:8px}.pg-password-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}.pg-password-text{flex:1 1;font-family:ui-monospace,Fira Code,monospace;font-size:.88rem;color:var(--text);word-break:break-all}.pg-strength-badge{font-size:.75rem;font-weight:700;white-space:nowrap}.pg-copy-btn{padding:5px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s}.pg-copy-btn:hover{border-color:var(--brand)}.pg-strength-section{display:flex;flex-direction:column;gap:8px}.pg-strength-bar-wrap{display:flex;gap:5px;height:6px}.pg-strength-segment{flex:1 1;border-radius:999px;transition:background .25s}.pg-strength-meta{display:flex;justify-content:space-between;font-size:.82rem}.pg-entropy-label{color:var(--muted)}.psc-workspace{display:flex;flex-direction:column;gap:18px}.psc-input-wrap{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.psc-input{flex:1 1;padding:12px 16px;border:none;outline:none;font-size:1rem;font-family:ui-monospace,Fira Code,monospace;background:transparent;color:var(--text)}.psc-show-btn{padding:10px 16px;border:none;border-left:1px solid var(--line);background:var(--surface);font-size:.8rem;font-weight:600;color:var(--brand);cursor:pointer}.psc-composition{display:flex;flex-wrap:wrap;gap:8px}.psc-badge{padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.psc-badge-ok{background:#dcfce7;color:#15803d}.psc-badge-no{background:#fee2e2;color:#b91c1c}.psc-crack-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.psc-crack-header{background:var(--surface);font-size:.8rem;font-weight:700;color:var(--muted)}.psc-crack-header,.psc-crack-row{padding:10px 16px;border-bottom:1px solid var(--line)}.psc-crack-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.psc-crack-row:last-child{border-bottom:none}.psc-crack-label{color:var(--muted)}.psc-crack-time{font-weight:700;color:var(--text)}.hrb-workspace{display:flex;flex-direction:column;gap:20px}.hrb-card{border:1px solid var(--line);border-radius:14px;overflow:hidden}.hrb-card-label{padding:10px 16px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface)}.hrb-card-label,.hrb-url-bar{border-bottom:1px solid var(--line)}.hrb-url-bar{display:flex;gap:0;align-items:stretch}.hrb-method-select{flex-shrink:0;padding:0 14px;height:46px;border:none;border-right:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;outline:none}.hrb-method-select:focus{background:#f8f9ff}.hrb-url-input{flex:1 1;height:46px;padding:0 16px;border:none;background:transparent;color:var(--text);font-size:.88rem;font-family:var(--font-mono,monospace);outline:none;min-width:0}.hrb-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:var(--surface);padding:0 8px}.hrb-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.hrb-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.hrb-tab:not(.active):hover{color:var(--text)}.hrb-badge{background:var(--brand);color:#fff;border-radius:99px;font-size:.68rem;font-weight:700;padding:1px 6px;line-height:1.5}.hrb-tab-panel{padding:16px;min-height:60px}.hrb-kv-list{display:flex;flex-direction:column;gap:7px}.hrb-kv-row{display:flex;align-items:center;gap:8px}.hrb-kv-check{flex-shrink:0;width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--brand);align-self:center}.hrb-kv-input{flex:1 1;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:.83rem;font-family:var(--font-mono,monospace);outline:none;min-width:0}.hrb-kv-input:focus{border-color:var(--brand)}.hrb-kv-del{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}.hrb-kv-del:hover{color:#dc2626;border-color:#dc2626}.hrb-kv-add{align-self:flex-start;margin-top:4px;padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--brand);background:none;border:1px dashed var(--brand);border-radius:6px;cursor:pointer;transition:background .15s}.hrb-kv-add:hover{background:rgba(79,70,229,.06)}.hrb-body-editor{width:100%;min-height:140px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:.83rem;font-family:var(--font-mono,monospace);resize:vertical;outline:none;box-sizing:border-box}.hrb-body-editor:focus{border-color:var(--brand)}.hrb-action-row{gap:10px;padding:14px 16px;border-top:1px solid var(--line);background:var(--surface)}.hrb-action-row,.hrb-send-btn{display:flex;align-items:center}.hrb-send-btn{gap:8px;padding:0 22px;height:42px;background:var(--brand);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s}.hrb-send-btn:disabled{opacity:.5;cursor:not-allowed}.hrb-send-btn:not(:disabled):hover{opacity:.88}.hrb-curl-btn{display:flex;align-items:center;height:42px;padding:0 18px;font-size:.85rem;font-weight:600;color:var(--text);background:none;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s}.hrb-curl-btn:disabled{opacity:.45;cursor:not-allowed}.hrb-curl-btn:not(:disabled):hover{border-color:var(--brand);color:var(--brand)}.hrb-curl-panel{margin-top:.75rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.hrb-curl-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--surface-2,#f6f6f6);border-bottom:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--muted)}.hrb-curl-code{margin:0;padding:.75rem 1rem;font-family:var(--mono,monospace);font-size:.8rem;line-height:1.6;white-space:pre;overflow-x:auto;background:var(--surface,#fafafa);color:var(--fg)}.hrb-spinner{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:hrb-spin .7s linear infinite}@keyframes hrb-spin{to{transform:rotate(1turn)}}.hrb-loading-placeholder{text-align:center;color:var(--muted);font-size:.88rem;padding:24px}.hrb-resp-topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.hrb-resp-status{font-weight:800;font-size:.95rem}.hrb-resp-pill{font-size:.78rem;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 10px}.hrb-copy-btn{margin-left:auto;padding:5px 14px;font-size:.8rem;font-weight:700;color:var(--brand);background:none;border:1px solid var(--brand);border-radius:6px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.hrb-copy-btn:hover{background:var(--brand);color:#fff}.hrb-resp-body{margin:0;padding:16px;font-family:var(--font-mono,monospace);font-size:.82rem;color:var(--text);white-space:pre-wrap;word-break:break-all;max-height:420px;overflow-y:auto}.hrb-resp-headers{padding:4px 0}.hrb-resp-header-row{display:flex;gap:12px;padding:7px 16px;border-bottom:1px solid var(--line);font-size:.82rem}.hrb-resp-header-row:last-child{border-bottom:none}.hrb-resp-header-key{flex-shrink:0;width:200px;color:var(--muted);font-weight:600}.hrb-resp-header-key,.hrb-resp-header-val{font-family:var(--font-mono,monospace);word-break:break-all}.hrb-resp-header-val{color:var(--text)}@media (max-width:600px){.hrb-url-bar{flex-direction:column;gap:0}.hrb-method-select{border-right:none;border-bottom:1px solid var(--line);width:100%;height:40px;border-radius:0}.hrb-url-input{height:40px}.hrb-action-row{flex-wrap:wrap}.hrb-curl-btn,.hrb-send-btn{flex:1 1;justify-content:center}.hrb-resp-header-key{width:120px}.hrb-copy-btn{margin-left:0}}.cat-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);margin-bottom:12px}.tool-breadcrumb-bar{margin-bottom:0;padding:10px 22px;border:1px solid var(--line);border-bottom:none;border-radius:18px 18px 0 0;background:var(--surface)}.tool-breadcrumb-bar+.workspace-panel{border-radius:0 0 18px 18px}.cat-breadcrumb a{color:var(--brand);text-decoration:none}.cat-breadcrumb a:hover{text-decoration:underline}.cat-tool-grid{margin-top:24px}.related-tools-cat-link{font-size:.82rem;font-weight:600;color:var(--brand);text-decoration:none}.related-tools-cat-link:hover{text-decoration:underline}.cat-editorial{font-size:1rem;line-height:1.75;color:var(--text);margin-bottom:8px}.cat-faq-section{margin-top:48px;padding-top:40px;border-top:1.5px solid var(--line)}.lang-switcher{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.lang-switcher-label{font-size:.82rem;color:var(--muted);font-weight:600}.lang-chip{font-size:.8rem;font-weight:600;color:var(--brand);background:var(--brand-soft);border:1px solid #d1d5db;border-radius:20px;padding:3px 12px;text-decoration:none;transition:background .15s ease,border-color .15s ease}.lang-chip:hover{background:#d1d5db;border-color:var(--brand)}.code-block{margin:0;padding:20px;background:#0f172a;border-radius:12px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.82rem;line-height:1.65;color:#e2e8f0;-moz-tab-size:2;tab-size:2}.inline-snippet-desc{margin:0 0 14px;color:var(--text);font-size:.92rem;line-height:1.55}.inline-snippet{margin:0 0 18px}.inline-snippet-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.8rem}.inline-snippet-lang{font-weight:700;color:var(--brand);background:var(--brand-soft);padding:2px 10px;border-radius:6px;letter-spacing:.01em}.inline-snippet-heading{color:var(--muted);font-weight:500}.inline-snippet-more{display:inline-block;margin-top:10px;font-size:.85rem;font-weight:600;color:var(--brand);text-decoration:none}.inline-snippet-more:hover{text-decoration:underline}.code-block code{font-family:inherit;background:none;padding:0;color:inherit;white-space:pre}.snippet-notes{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.snippet-notes li{position:relative;padding-left:20px;font-size:.9rem;line-height:1.65;color:var(--text)}.snippet-notes li:before{content:"→";position:absolute;left:0;color:var(--brand);font-weight:700}.snippet-cta-btn{display:inline-flex;align-items:center;margin-top:12px;padding:10px 20px;background:var(--brand);color:#fff;font-size:.88rem;font-weight:700;border-radius:10px;text-decoration:none;transition:background .15s ease,transform .15s ease}.snippet-cta-btn:hover{background:var(--brand-strong);transform:translateY(-1px)}.cmp-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:0;gap:0;align-items:start}.cmp-side{display:flex;flex-direction:column;gap:16px;padding:4px 0}.cmp-divider{display:flex;align-items:flex-start;justify-content:center;padding:4px 24px 0;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;position:-webkit-sticky;position:sticky;top:80px}.cmp-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--brand-soft)}.cmp-side-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text)}.cmp-tool-link{flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--brand);text-decoration:none}.cmp-tool-link:hover{text-decoration:underline}.cmp-summary{font-size:.9rem;line-height:1.7}.cmp-subhead,.cmp-summary{margin:0;color:var(--muted)}.cmp-subhead{font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.cmp-list{margin:0;padding-left:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.cmp-list li{position:relative;padding-left:18px;font-size:.875rem;line-height:1.6;color:var(--text)}.cmp-list li:before{content:"–";position:absolute;left:0;color:var(--muted)}.cmp-list--pro li:before{content:"✓";color:#16a34a;font-weight:700}.cmp-list--con li:before{content:"✗";color:#dc2626;font-weight:700}@media (max-width:760px){.cmp-grid{grid-template-columns:1fr}.cmp-divider{padding:8px 0;justify-content:flex-start;font-size:1rem;position:static;border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);margin:4px 0}}.cat-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:4px}.cat-index-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1.5px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cat-index-card:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 6px 20px rgba(5,150,105,.08)}.cat-index-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cat-index-title{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.cat-index-count{flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:20px;padding:2px 9px}.cat-index-desc{margin:0;font-size:.875rem;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.cat-index-tools{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.cat-index-tool-chip{gap:5px;font-size:.78rem;font-weight:500;background:var(--tc-bg,var(--surface-soft));border:1px solid var(--tc-border,var(--line));border-radius:20px;padding:3px 9px 3px 6px}.cat-index-tool-chip,.cat-index-tool-icon{display:inline-flex;align-items:center;color:var(--tc-icon,var(--brand))}.cat-index-tool-icon{justify-content:center}.cat-index-tool-icon,.cat-index-tool-icon svg{width:14px;height:14px}.cat-index-cta{margin-top:auto;padding-top:4px;font-size:.85rem;font-weight:600;color:var(--brand)}@media (max-width:760px){.cat-index-grid{grid-template-columns:1fr}}.cs-index-intro{font-size:.95rem;line-height:1.7;color:var(--muted);margin:0 0 24px;max-width:600px}.cs-guides-footer-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px;align-items:start}.cs-guides-footer-row>.directory-section{margin-bottom:16px}.cs-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.cs-index-card{display:flex;flex-direction:column;gap:12px;padding:22px;border:1.5px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cs-index-card:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 6px 20px rgba(5,150,105,.08)}.cs-index-card-head{display:flex;align-items:flex-start;gap:10px}.cs-index-title{margin:0;font-size:1rem;font-weight:700;color:var(--text);line-height:1.4}.cs-index-desc{margin:0;font-size:.875rem;line-height:1.65;color:var(--muted);flex:1 1}.cs-index-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cs-index-sections{font-size:.78rem;font-weight:600;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:20px;padding:2px 9px}.cs-index-tool-chip{font-size:.78rem;font-weight:500;color:var(--brand);background:var(--brand-soft);border:1px solid #d1d5db;border-radius:20px;padding:2px 9px}.cs-index-cta{font-size:.85rem;font-weight:600;color:var(--brand);margin-top:auto}.cs-hero{max-width:860px;margin:0 auto;padding:48px 24px 32px}.cs-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);margin-bottom:20px;list-style:none;padding:0}.cs-breadcrumb a{color:var(--brand);text-decoration:none}.cs-breadcrumb a:hover{text-decoration:underline}.cs-title{margin:0 0 12px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1.2;color:var(--text)}.cs-description{margin:0 0 20px;font-size:1rem;line-height:1.7;color:var(--muted);max-width:680px}.cs-related-tool-link{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:10px;background:var(--brand-soft);border:1.5px solid #d1d5db;color:var(--brand);font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease}.cs-related-tool-link:hover{background:#dde4ff;border-color:#a5b4fc}.cs-related-tool-link svg{width:15px;height:15px}.cs-toc-section{max-width:860px;margin:0 auto;padding:0 24px 32px}.cs-toc-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.cs-toc-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.cs-toc-link{display:inline-block;padding:5px 12px;border-radius:8px;background:var(--surface);border:1.5px solid var(--line);color:var(--text);font-size:.82rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.cs-toc-link:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.cs-sections{max-width:860px;margin:0 auto;padding:0 24px 48px;display:flex;flex-direction:column;gap:48px}.cs-section{scroll-margin-top:80px}.cs-section-header{margin-bottom:14px}.cs-section-title{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 6px;padding-bottom:10px;border-bottom:2px solid var(--brand-soft)}.cs-section-desc{margin:8px 0 0;font-size:.9rem;line-height:1.65;color:var(--muted)}.cs-table-wrap{overflow-x:auto;border:1.5px solid var(--line);border-radius:12px}.cs-table{width:100%;border-collapse:collapse;font-size:.875rem}.cs-table thead th{padding:10px 14px;background:var(--surface-soft);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;border-bottom:1.5px solid var(--line);white-space:nowrap}.cs-table thead th:first-child{border-radius:10px 0 0 0}.cs-table thead th:last-child{border-radius:0 10px 0 0}.cs-table tbody tr{border-bottom:1px solid var(--line)}.cs-table tbody tr:last-child{border-bottom:none}.cs-table tbody tr:hover{background:var(--surface-tint)}.cs-table tbody td{padding:10px 14px;vertical-align:top;line-height:1.55;color:var(--text)}.cs-token{display:inline-block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;background:var(--brand-soft);color:var(--brand-strong);border:1px solid #d1d5db;border-radius:5px;padding:2px 7px;white-space:nowrap}.cs-row-description{color:var(--text)}.cs-row-example,.cs-row-note{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;color:var(--muted)}.cs-footer-cta{max-width:860px;margin:0 auto;padding:0 24px 56px}.cs-footer-cta-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 22px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface)}.cs-footer-cta-inner p{margin:0;font-size:.875rem}.cs-footer-cta-inner a{color:var(--brand);text-decoration:none;font-weight:600}.cs-footer-cta-inner a:hover{text-decoration:underline}.cs-footer-tool-link{font-weight:700!important}@media (max-width:640px){.cs-hero{padding:32px 16px 24px}.cs-toc-section{padding:0 16px 24px}.cs-sections{gap:36px}.cs-footer-cta,.cs-sections{padding:0 16px 40px}.cs-footer-cta-inner{flex-direction:column;align-items:flex-start}.cs-table tbody td,.cs-table thead th{padding:8px 10px}}.guides-hero{display:grid;grid-template-columns:1fr auto;align-items:start;grid-gap:16px;gap:16px;margin-bottom:16px;padding:28px 28px 26px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at top right,rgba(224,231,255,.85),transparent 35%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-soft)}.guides-hero-copy{min-width:0}.guides-hero-copy h1{margin:10px 0 8px;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1.1}.guides-hero-copy p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.65;max-width:560px}.guides-hero-meta{display:flex;gap:16px;flex-shrink:0}.guides-stat{display:grid;grid-gap:2px;gap:2px;text-align:center;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.guides-stat strong{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--brand)}.guides-stat span{font-size:.75rem;color:var(--muted);font-weight:600}.guides-category-section{margin-bottom:16px}.guides-cat-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--text)}.guide-cat-icon{width:18px;height:18px;color:var(--brand);flex-shrink:0}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));grid-gap:12px;gap:12px}.guide-card{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;text-decoration:none}.guide-card:hover{border-color:#d1d5db;box-shadow:0 6px 20px rgba(5,150,105,.08);transform:translateY(-2px)}.guide-card-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text);line-height:1.3}.guide-card-desc{margin:0;font-size:.84rem;color:var(--muted);line-height:1.6;flex:1 1}.guide-card-cta{margin-top:4px;font-size:.82rem;font-weight:700;color:var(--brand)}.guide-article{max-width:760px;margin:0 auto;padding:16px 0 40px}.guide-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:20px;font-size:.82rem;color:var(--muted)}.guide-breadcrumb a{color:var(--muted);font-weight:600;transition:color .15s ease}.guide-breadcrumb a:hover{color:var(--brand)}.guide-breadcrumb span[aria-hidden]{color:var(--line-strong)}.guide-header{margin-bottom:24px}.guide-header h1{margin:10px 0;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:800;letter-spacing:-.035em;line-height:1.1}.guide-lead{margin:0;color:var(--muted);font-size:.95rem;line-height:1.7}.guide-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:.82rem;color:var(--muted)}.guide-meta-item{display:inline-flex;align-items:center;gap:5px}.guide-meta-item svg{opacity:.6;flex-shrink:0}.guide-tool-callout{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:28px;padding:14px 18px;border:1px solid #d1d5db;border-radius:14px;background:linear-gradient(135deg,#f1f5f9,#f1f5f9)}.guide-tool-callout-label{font-size:.78rem;font-weight:700;color:var(--brand-strong);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.guide-tool-links{display:flex;gap:8px;flex-wrap:wrap}.guide-tool-link{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid var(--tc-border,var(--line));background:var(--tc-bg,#fff);font-size:.83rem;font-weight:700;color:var(--text);transition:box-shadow .15s ease,transform .15s ease}.guide-tool-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.guide-tool-link-icon{display:inline-flex;color:var(--tc-icon,var(--brand))}.guide-tool-link-icon,.guide-tool-link-icon svg{width:18px;height:18px}.guide-tool-link-arrow{width:14px;height:14px;color:var(--muted);flex-shrink:0}.guide-sections{display:grid;grid-gap:0;gap:0;margin-bottom:20px}.guide-section{padding:24px 0;border-bottom:1px solid var(--line)}.guide-section:last-child{border-bottom:none}.guide-section h2{margin:0 0 12px;font-size:1.08rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.guide-section p{margin:0 0 16px;font-size:.95rem;line-height:1.75;color:#374151}.guide-section p:last-child{margin-bottom:0}.guide-code-block{position:relative;margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#0f172a;overflow:hidden}.guide-code-lang{display:block;padding:6px 14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;border-bottom:1px solid #1e293b;background:#0f172a}.guide-code-block pre{margin:0;padding:16px 18px;overflow-x:auto}.guide-code-block code{font-family:ui-monospace,Fira Code,Cascadia Code,Menlo,monospace;font-size:.84rem;line-height:1.7;color:#e2e8f0;white-space:pre}.guide-faq-section{margin-bottom:20px}.guide-footer-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--line)}.guide-back-link{font-size:.85rem;font-weight:600;color:var(--muted);transition:color .15s ease}.guide-back-link:hover{color:var(--brand)}.guide-tool-cta{display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;background:var(--brand);color:#fff;font-size:.85rem;font-weight:700;transition:background .15s ease,box-shadow .15s ease}.guide-tool-cta:hover{background:var(--brand-strong);box-shadow:0 4px 14px rgba(5,150,105,.25)}@media (max-width:640px){.guides-hero{grid-template-columns:1fr;padding:20px 18px}.guides-hero-meta{justify-content:flex-start}.cs-guides-footer-row,.guides-grid{grid-template-columns:1fr}.guide-article{padding:12px 0 32px}.guide-tool-callout{gap:10px}.guide-footer-nav,.guide-tool-callout{flex-direction:column;align-items:flex-start}.guide-code-block code{font-size:.78rem}}.roman-answer-card{display:flex;align-items:center;justify-content:center;gap:24px;padding:32px 24px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:8px;flex-wrap:wrap}.roman-answer-arabic{font-size:3.5rem;font-weight:800;color:var(--text);line-height:1}.roman-answer-equals{font-size:2rem;color:var(--muted);font-weight:300}.roman-answer-roman{font-size:3.5rem;font-weight:800;color:var(--brand);line-height:1;letter-spacing:.04em}.roman-breakdown{margin-top:16px;padding:16px 20px;background:var(--bg-soft);border-radius:12px;border:1px solid var(--line)}.roman-breakdown-label{font-size:.85rem;font-weight:600;color:var(--muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.roman-breakdown-parts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.roman-breakdown-part{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 14px;min-width:60px}.roman-breakdown-part.roman-breakdown-total{border-color:var(--brand);background:var(--brand-soft)}.roman-breakdown-sym{font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:.04em}.roman-breakdown-total .roman-breakdown-sym{color:var(--brand-strong)}.roman-breakdown-val{font-size:.75rem;color:var(--muted);margin-top:2px}.roman-breakdown-total .roman-breakdown-val{color:var(--brand-strong);font-weight:600}.ntw-answer-card{display:flex;flex-direction:column;gap:12px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:8px}.ntw-answer-row{display:grid;grid-template-columns:110px auto 28px 1fr;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;background:var(--bg);border-radius:10px;border:1px solid var(--line)}.ntw-answer-row-indian{background:var(--bg-soft);border-color:var(--brand-soft)}.ntw-answer-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.ntw-answer-number{font-size:1.35rem;font-weight:800;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ntw-answer-equals{font-size:1.2rem;color:var(--muted);font-weight:300;text-align:center}.ntw-answer-words{font-size:1.05rem;font-weight:600;color:var(--brand-strong);line-height:1.4}@media (max-width:600px){.ntw-answer-row{grid-template-columns:1fr;gap:6px}.ntw-answer-equals{display:none}.ntw-answer-number{font-size:1.1rem}.ntw-answer-words{font-size:.95rem}}.how-to-use-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.how-to-use-step{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.how-to-use-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.how-to-use-step p{margin:0;font-size:.95rem;line-height:1.55;color:var(--text);padding-top:3px}.examples-list{display:flex;flex-direction:column;gap:16px}.example-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.example-label{margin:0 0 12px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.example-io{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px}.example-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;min-width:0}.example-box-tag{display:block;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.example-box code{display:block;font-size:.85rem;font-family:var(--font-mono,monospace);color:var(--text);word-break:break-all;white-space:pre-wrap}.example-arrow{font-size:1.2rem;color:var(--text-muted);flex-shrink:0}@media (max-width:600px){.example-io{grid-template-columns:1fr}.example-arrow{display:none}}.common-errors-list{display:flex;flex-direction:column;gap:16px}.common-error-item{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--error);border-radius:10px;padding:16px 20px}.common-error-title{font-size:.95rem;font-weight:600;color:var(--text);margin:0 0 8px}.common-error-cause,.common-error-fix{font-size:.875rem;color:var(--muted);margin:4px 0 0;line-height:1.6}.common-error-cause strong,.common-error-fix strong{color:var(--text);font-weight:600}.b64-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-gap:20px;gap:20px;align-items:start;margin-bottom:16px}.b64-how-to-col{align-self:start}.b64-how-to-inner{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft);padding:14px 16px}.b64-how-to-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--brand);margin:0 0 10px}.b64-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.b64-step{display:flex;gap:8px;align-items:flex-start}.b64-step-num{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--brand);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.b64-step p{font-size:.88rem;line-height:1.6;color:var(--muted);margin:0}.b64-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.b64-why-item{display:flex;gap:8px;align-items:flex-start}.b64-why-icon{font-size:.7rem;color:var(--brand);flex-shrink:0;margin-top:3px}.b64-why-item p{font-size:.88rem;line-height:1.6;color:var(--muted);margin:0}@media (max-width:900px){.b64-top-grid{grid-template-columns:1fr}.b64-how-to-col{position:static}}.our-projects-page{max-width:880px}.our-projects-page .prose-meta{max-width:640px;line-height:1.7}.op-list{display:grid;grid-gap:16px;gap:16px}.op-card{border:1.5px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);padding:22px;transition:border-color .18s ease,box-shadow .18s ease}.op-card:hover{border-color:#d1d5db;box-shadow:0 6px 20px rgba(5,150,105,.06)}.op-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.op-card-title{display:inline-block;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text);text-decoration:none}.op-card-title:hover{color:var(--brand)}.op-card-tagline{margin:4px 0 0;font-size:.9rem;line-height:1.6;color:var(--muted)}.op-visit{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--brand);text-decoration:none;white-space:nowrap}.op-visit:hover{color:var(--brand-strong)}.op-visit svg{width:13px;height:13px}.op-link-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px 18px;gap:6px 18px}.op-link{display:inline-block;font-size:.875rem;line-height:1.55;color:#374151;text-decoration:none;transition:color .15s ease}.op-link:hover{color:var(--brand);text-decoration:underline;text-underline-offset:3px}@media (max-width:760px){.op-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.op-card-head{flex-direction:column;align-items:flex-start}.op-link-grid{grid-template-columns:1fr}}