:root{color-scheme:light;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-bg: #f6f8fc;--color-surface: rgba(255, 255, 255, .82);--color-surface-strong: #ffffff;--color-surface-soft: #eef3ff;--color-border: rgba(24, 32, 51, .1);--color-border-strong: rgba(24, 32, 51, .16);--color-text: #182033;--color-text-muted: #596278;--color-primary: #5b5fe8;--color-secondary: #4d8cff;--color-accent: #67d6b3;--color-success: #1f9d67;--color-warning: #c7831b;--color-danger: #cd4c67;--color-indigo: #5b5fe8;--color-blue: #4d8cff;--color-violet: #7c65f7;--color-teal: #2fb8a1;--color-mint: #49c7aa;--color-slate: #2f4867;--color-amber: #d98f2b;--gradient-hero: linear-gradient(135deg, rgba(91, 95, 232, .18), rgba(77, 140, 255, .12), rgba(103, 214, 179, .12));--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(244, 247, 255, .78));--shadow-soft: 0 24px 60px rgba(48, 74, 121, .12);--shadow-card: 0 18px 45px rgba(48, 74, 121, .1);--shadow-subtle: 0 10px 28px rgba(48, 74, 121, .08);--radius-lg: 1.75rem;--radius-md: 1.125rem;--radius-sm: .875rem;--radius-xs: .625rem;--container: 1360px;--container-gutter: clamp(2rem, 5vw, 5rem);--transition: .18s ease}[data-accent=indigo]{--accent: var(--color-indigo)}[data-accent=blue]{--accent: var(--color-blue)}[data-accent=violet]{--accent: var(--color-violet)}[data-accent=teal]{--accent: var(--color-teal)}[data-accent=mint]{--accent: var(--color-mint)}[data-accent=slate]{--accent: var(--color-slate)}[data-accent=amber]{--accent: var(--color-amber)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(calc(100% - var(--container-gutter)),var(--container));margin-inline:auto}.section{padding:4.5rem 0}.section--compact{padding:3rem 0}.surface{border:1px solid var(--color-border);background:var(--gradient-card);backdrop-filter:blur(18px);box-shadow:var(--shadow-card)}.flow>*+*{margin-top:1rem}.muted{color:var(--color-text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent, var(--color-primary));background:color-mix(in srgb,var(--accent, var(--color-primary)) 10%,white 90%);border:1px solid color-mix(in srgb,var(--accent, var(--color-primary)) 18%,white 82%)}.prose{display:grid;gap:1rem}.prose p{margin:0;color:var(--color-text-muted)}.code-text{font-family:var(--font-mono)}.ad-slot{display:grid;place-items:center;min-height:96px;padding:1rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#ffffffa8;color:var(--color-text-muted);font-size:.88rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:radial-gradient(circle at top left,rgba(91,95,232,.12),transparent 32%),radial-gradient(circle at top right,rgba(77,140,255,.14),transparent 28%),radial-gradient(circle at 15% 70%,rgba(103,214,179,.1),transparent 26%),linear-gradient(180deg,#f9fbff,#f4f7fc)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{transition:border-color var(--transition),background-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 40%,white 60%);outline-offset:2px}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;letter-spacing:-.03em}h1{font-size:clamp(2.25rem,4vw,3.45rem)}h2{font-size:clamp(1.8rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2.4vw,1.6rem)}p{margin:0}.site-shell{position:relative}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.35);backdrop-filter:blur(18px);background:#f6f8fcc2}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}.brand{display:inline-flex;align-items:center;gap:.9rem;font-weight:700;letter-spacing:-.03em}.brand-mark{width:2.65rem;height:2.65rem;display:grid;place-items:center;border-radius:.95rem;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));box-shadow:0 14px 24px #5b5fe84d}.brand-copy{display:grid;gap:.05rem}.brand-copy span:last-child{font-size:.86rem;font-weight:500;color:var(--color-text-muted)}.desktop-nav{display:flex;align-items:center;gap:.35rem}.nav-link,.mobile-nav a{padding:.75rem .95rem;border-radius:999px;color:var(--color-text-muted);font-weight:600}.nav-link:hover,.nav-link[aria-current=page],.mobile-nav a:hover,.mobile-nav a[aria-current=page]{color:var(--color-text);background:#fffc}.header-actions{display:flex;align-items:center;gap:.75rem}.mobile-toggle{display:none}.mobile-menu{display:none;padding-bottom:1rem}.mobile-menu[open]{display:block}.mobile-nav{display:grid;gap:.5rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffe6;box-shadow:var(--shadow-subtle)}.hero{padding:5rem 0 2rem}.hero-shell,.split-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.hero-shell{align-items:start}.hero-copy,.hero-card,.card,.metric-card,.tool-shell,.content-panel,.footer-panel,.search-shell,.tool-card,.category-card,.blog-card,.faq-card,.related-card,.info-panel,.result-panel,.empty-state,.tip-list,.breadcrumbs,.contact-panel,.legal-panel{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--gradient-card);backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}.hero-copy{padding:clamp(1.5rem,2.5vw,2.6rem);background:radial-gradient(circle at top right,rgba(103,214,179,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(91,95,232,.14),transparent 35%),#fffc}.hero-card{display:grid;gap:1.25rem;align-content:start}.hero-copy .hero-body,.section-copy{display:grid;gap:1.2rem}.hero-copy p,.section-copy p,.tool-card p,.category-card p,.blog-card p,.footer-copy p,.contact-panel p,.legal-panel p,.tool-description,.faq-card summary+p,.related-card p{color:var(--color-text-muted)}.hero-actions,.inline-actions,.button-row,.tool-toolbar,.filter-row,.meta-row,.inline-fields,.toggle-row,.result-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-search,.search-bar,.filter-row{align-items:stretch}.hero-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.hero-search input,.search-bar input,.field,textarea,select,input[type=date],input[type=text],input[type=number],input[type=password],input[type=url],input[type=email]{width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:#ffffffeb;color:var(--color-text);padding:.92rem 1rem;box-shadow:inset 0 1px #fff9}textarea{min-height:180px;resize:vertical}input::placeholder,textarea::placeholder{color:#7b869f}.button,button,.button-link{appearance:none;border:1px solid transparent;border-radius:999px;padding:.92rem 1.15rem;font-weight:600;cursor:pointer}.button--primary,button.button--primary,.button-link.button--primary{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 16px 24px #4d8cff33}.button--secondary,button.button--secondary,.button-link.button--secondary{color:var(--color-text);border-color:var(--color-border);background:#ffffffc7}.button--ghost,button.button--ghost,.button-link.button--ghost{color:var(--color-text-muted);border-color:transparent;background:#ffffff05}.button:hover,button:hover,.button-link:hover{transform:translateY(-1px)}.section-header,.page-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-header__content,.page-header__content{display:grid;gap:.75rem}.grid,.tool-grid,.category-grid,.blog-grid,.stat-grid,.link-grid,.content-grid{display:grid;gap:1rem}.tool-grid,.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.card,.tool-card,.category-card,.blog-card,.metric-card,.related-card,.contact-panel,.legal-panel,.content-panel,.info-panel,.search-shell,.tool-shell,.footer-panel{padding:1.4rem}.tool-card,.category-card,.blog-card,.related-card{display:grid;gap:1rem}.tool-card:hover,.category-card:hover,.blog-card:hover,.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.icon-chip{width:3rem;height:3rem;display:grid;place-items:center;border-radius:1rem;color:var(--accent, var(--color-primary));background:color-mix(in srgb,var(--accent, var(--color-primary)) 14%,white 86%)}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.badge,.pill,.kicker,.tool-meta a,.filter-chip,.tab-button{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .72rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent, var(--color-primary)) 20%,white 80%);background:color-mix(in srgb,var(--accent, var(--color-primary)) 8%,white 92%);color:var(--accent, var(--color-primary));font-size:.84rem;font-weight:700}.filter-chip,.tab-button{cursor:pointer}.filter-chip.is-active,.tab-button.is-active{color:#fff;background:var(--accent, var(--color-primary));border-color:var(--accent, var(--color-primary))}.tool-meta,.tool-metadata,.footer-links,.footer-legal,.list-links,.breadcrumb-list{display:flex;flex-wrap:wrap;gap:.65rem}.metric-card strong,.stat-card strong,.result-number{display:block;font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.1;letter-spacing:-.04em}.stat-card,.metric-card{padding:1rem}.tool-header{padding-top:3rem}.breadcrumbs{padding:.9rem 1rem;margin-bottom:1rem}.breadcrumb-list{list-style:none;padding:0;margin:0;color:var(--color-text-muted);font-size:.92rem}.breadcrumb-list li:after{content:"/";margin-left:.65rem;color:#59627880}.breadcrumb-list li:last-child:after{display:none}.tool-hero{display:grid;gap:1rem;padding:1.8rem}.tool-hero__meta{display:flex;flex-wrap:wrap;gap:.75rem}.tool-layout{display:grid;gap:2rem}.tool-shell{display:grid;gap:1.25rem}.tool-panel-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:start}.tool-panel,.sidebar-panel,.result-panel,.tip-list,.empty-state,.info-panel{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffeb;padding:1.2rem}.sidebar-panel,.tip-list{display:grid;gap:1rem}.sidebar-panel{align-self:start;align-content:start}.tool-app{display:grid;gap:1rem}.tool-app .field-grid,.tool-app .result-grid,.tool-app .mini-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-app .result-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-app label,.field-label{display:grid;gap:.45rem;font-weight:600}.tool-app .output-box,.tool-app pre,.tool-app .visual-output,.tool-app .result-box{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#f7f9fce6;padding:1rem}.tool-app pre{overflow:auto;min-height:160px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word}#tool-app-json-formatter #json-input,#tool-app-json-formatter #json-output{max-height:min(70vh,42rem);overflow:auto}.tool-app .toolbar-note,.small-copy,.helper-text{color:var(--color-text-muted);font-size:.9rem}.tool-app .check-row,.toggle-row{align-items:center}.tool-app .check-item{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#f8fafff2}.tool-app .check-item input{width:auto;margin:0}.tool-app .slider-row{display:grid;gap:.65rem}.tool-app input[type=range]{width:100%}.tool-app .qr-preview{display:grid;place-items:center;min-height:220px}.tool-app canvas,.tool-app img{max-width:100%;border-radius:.75rem}.details-list{display:grid;gap:.8rem}.faq-card{padding:1rem 1.15rem}.faq-card summary{cursor:pointer;font-weight:700;list-style:none}.faq-card summary::-webkit-details-marker{display:none}.faq-card p{margin-top:.8rem}.tip-list ul,.footer-list,.simple-list{display:grid;gap:.75rem;list-style:none;padding:0;margin:0}.tip-list li,.footer-list li,.simple-list li{color:var(--color-text-muted)}.info-strip{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:.25rem}.hero-feature-card{display:grid;gap:.7rem;align-content:start;min-height:11.5rem;padding:1.35rem 1.1rem}.site-footer{padding:2rem 0 3rem}.footer-panel{display:grid;gap:2rem}.footer-top{display:grid;gap:2rem;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(180px,.7fr))}.footer-copy{display:grid;gap:1rem}.footer-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:radial-gradient(circle at top right,rgba(103,214,179,.16),transparent 42%),#ffffffc2;box-shadow:var(--shadow-subtle)}.footer-support-copy{display:grid;gap:.7rem;max-width:42rem}.footer-support-copy p{color:var(--color-text-muted)}.footer-support-actions{display:flex;flex-wrap:wrap;gap:.75rem}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.92rem}.search-shell,.info-panel,.contact-panel,.legal-panel{display:grid;gap:1rem}.empty-state{text-align:center;color:var(--color-text-muted)}.page-hero,.content-panel,.contact-panel,.legal-panel{display:grid;gap:1rem}.page-hero{padding-top:4rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.site-note{border-radius:var(--radius-md);padding:1rem 1.1rem;background:#4d8cff14;color:var(--color-text)}.toast-stack{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.75rem;z-index:60}.toast{min-width:220px;padding:.9rem 1rem;border-radius:1rem;color:#fff;background:#182033eb;box-shadow:var(--shadow-card)}@media(max-width:1080px){.hero-shell,.split-grid,.content-grid,.tool-panel-grid,.footer-top,.info-strip{grid-template-columns:1fr}.category-grid,.tool-grid,.blog-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.desktop-nav,.header-actions .desktop-only{display:none}.mobile-toggle{display:inline-flex}.hero,.section{padding:3.5rem 0}.hero-search,.form-grid,.tool-app .field-grid,.tool-app .mini-grid,.tool-app .result-grid,.tool-app .result-grid--three,.tool-grid,.category-grid,.blog-grid,.stat-grid{grid-template-columns:1fr}.section-header,.page-header,.card-title-row,.footer-bottom,.footer-support{align-items:start;flex-direction:column}.tool-hero,.hero-copy,.card,.tool-card,.category-card,.blog-card,.metric-card,.footer-panel,.search-shell,.tool-shell,.content-panel,.contact-panel,.legal-panel{padding:1.2rem}}.hero-copy{display:grid;gap:1.5rem;align-content:start;align-self:start}.hero-proof{display:grid;gap:1rem;padding-top:.35rem}.hero-proof-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.hero-proof-card,.hero-shortcuts{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffb8;box-shadow:var(--shadow-subtle)}.hero-proof-card{display:grid;gap:.45rem;padding:1rem}.hero-proof-card strong{font-size:1rem;line-height:1.2}.hero-proof-card span{color:var(--color-text-muted);font-size:.92rem}.hero-shortcuts{display:grid;gap:.8rem;padding:1rem 1.1rem}.hero-shortcuts .tool-metadata{gap:.55rem}.search-status{min-height:1.25rem}@media(max-width:760px){.hero-proof-grid{grid-template-columns:1fr}}