:root,[data-theme=light]{--ink: #0F1F3D;--muted: #65738A;--line: #DFE7F3;--soft: #F1F5FB;--primary: #2563EB;--primary-dark: #1649C8;--purple: #6D5DFC;--purple-soft: rgba(109, 93, 252, .1);--bg-page: var(--soft);--bg-page-start: #FBFDFF;--bg-page-mid: #F6F8FC;--bg-page-end: #FFFFFF;--bg-surface: #FFFFFF;--bg-surface-alt: var(--soft);--bg-panel: var(--soft);--bg-rail: #0F172A;--bg-topbar: rgba(255, 255, 255, .85);--bg-overlay: rgba(15, 23, 42, .45);--bg-code: #F8FAFC;--fg-body: var(--ink);--fg-muted: var(--muted);--fg-strong: #050B1B;--fg-invert: #FFFFFF;--fg-on-accent: #FFFFFF;--border: var(--line);--border-strong: rgba(15, 31, 61, .14);--border-subtle: rgba(15, 31, 61, .06);--border-focus: var(--primary);--accent-primary: var(--primary);--accent-primary-hover: var(--primary-dark);--accent-primary-active: #1340B5;--accent-primary-subtle: rgba(37, 99, 235, .1);--accent-primary-emphatic: rgba(37, 99, 235, .18);--accent-secondary: var(--purple);--accent-secondary-hover: #5849F2;--accent-secondary-subtle: var(--purple-soft);--color-success: #16A34A;--color-success-subtle: rgba(22, 163, 74, .1);--color-warning: #D97706;--color-warning-subtle: rgba(217, 119, 6, .1);--color-danger: #DC2626;--color-danger-subtle: rgba(220, 38, 38, .1);--color-info: #0EA5E9;--color-info-subtle: rgba(14, 165, 233, .1);--hover-overlay: rgba(15, 31, 61, .04);--press-overlay: rgba(15, 31, 61, .08);--shadow-soft: 0 12px 28px rgba(31, 48, 85, .06);--shadow-premium: 0 22px 60px rgba(31, 48, 85, .08);--shadow-lift: 0 18px 36px rgba(31, 48, 85, .09);--shadow-popover: 0 28px 70px rgba(31, 48, 85, .16);--shadow-inset: inset 0 1px 2px rgba(15, 31, 61, .06);--shadow-1: var(--shadow-soft);--shadow-2: var(--shadow-lift);--shadow-3: var(--shadow-premium);--focus-ring: 0 0 0 4px rgba(37, 99, 235, .2);--focus-ring-soft: 0 0 0 3px rgba(37, 99, 235, .14);--focus-ring-danger: 0 0 0 4px rgba(220, 38, 38, .18);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-xxl: 30px;--radius-full: 9999px;--space-0: 0;--space-px: 1px;--space-0_5: 2px;--space-1: 4px;--space-1_5: 6px;--space-2: 8px;--space-2_5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-display: var(--font-sans);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 60px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-display: -.075em;--tracking-section: -.05em;--tracking-title: -.04em;--tracking-heading: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .08em;--duration-instant: 75ms;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-flip: .4s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-rail: 20;--z-dropdown: 100;--z-sticky: 200;--z-topbar: 210;--z-rail-open: 220;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--rail-width: 56px;--rail-width-open: 220px;--topbar-height: 56px;--panel-width: 200px;--gradient-mark: linear-gradient(135deg, #2563EB 0%, #6366F1 100%);--gradient-page-light: radial-gradient(circle at 12% -8%, rgba(37, 99, 235, .12) 0%, rgba(37, 99, 235, 0) 55%), radial-gradient(circle at 92% 8%, rgba(109, 93, 252, .1) 0%, rgba(109, 93, 252, 0) 60%), linear-gradient(180deg, #FBFDFF 0%, #F6F8FC 50%, #FFFFFF 100%);--gradient-page-dark: radial-gradient(circle at 12% -8%, rgba(37, 99, 235, .24) 0%, rgba(37, 99, 235, 0) 55%), radial-gradient(circle at 92% 8%, rgba(109, 93, 252, .18) 0%, rgba(109, 93, 252, 0) 60%), linear-gradient(180deg, #07111F 0%, #0B1220 50%, #0F172A 100%);--home-body-start: #FBFDFF;--home-body-middle: #F6F8FC;--home-body-end: #FFFFFF;--home-shadow-soft: var(--shadow-soft);--home-shadow-popover: var(--shadow-popover);--home-shadow-input: inset 0 1px 0 rgba(255, 255, 255, .76), 0 12px 28px rgba(31, 48, 85, .06);--home-shadow-premium: var(--shadow-premium);--home-shadow-hover: var(--shadow-lift);--home-placeholder: #94A3B8;--home-focus-border: #60A5FA;--home-focus-ring: rgba(37, 99, 235, .1);--home-kbd-bg: #F1F5F9;--home-kbd-focus-bg: #EFF6FF;--home-meta: #94A3B8;--home-result-hover: #F1F5FB;--home-accent-pill: #EFF6FF;color-scheme:light}[data-theme=dark]{--ink: #E6EDF8;--muted: #94A3B8;--line: #243247;--soft: #182234;--bg-page: #0B1220;--bg-page-start: #07111F;--bg-page-mid: #0B1220;--bg-page-end: #0F172A;--bg-surface: rgba(15, 23, 42, .92);--bg-surface-alt: #182234;--bg-panel: #182234;--bg-rail: #020617;--bg-topbar: rgba(2, 6, 23, .8);--bg-overlay: rgba(2, 6, 23, .65);--bg-code: #0F172A;--fg-body: var(--ink);--fg-muted: var(--muted);--fg-strong: #F5F8FF;--fg-invert: #0F172A;--border: rgba(36, 50, 71, .9);--border-strong: rgba(255, 255, 255, .18);--border-subtle: rgba(255, 255, 255, .06);--accent-primary: #60A5FA;--accent-primary-hover: #93C5FD;--accent-primary-active: #3B82F6;--accent-primary-subtle: rgba(96, 165, 250, .16);--accent-primary-emphatic: rgba(96, 165, 250, .24);--accent-secondary: #A5A4FF;--accent-secondary-hover: #B9B8FF;--accent-secondary-subtle: rgba(165, 164, 255, .16);--hover-overlay: rgba(255, 255, 255, .06);--press-overlay: rgba(255, 255, 255, .1);--shadow-soft: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 44px rgba(0, 0, 0, .36);--shadow-premium: inset 0 1px 0 rgba(255, 255, 255, .05), 0 30px 80px rgba(0, 0, 0, .45), 0 30px 80px rgba(37, 99, 235, .1);--shadow-lift: inset 0 1px 0 rgba(255, 255, 255, .06), 0 32px 90px rgba(0, 0, 0, .42), 0 32px 90px rgba(37, 99, 235, .18);--shadow-popover: inset 0 1px 0 rgba(255, 255, 255, .05), 0 28px 70px rgba(0, 0, 0, .55);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .4);--shadow-1: var(--shadow-soft);--shadow-2: var(--shadow-lift);--shadow-3: var(--shadow-premium);--focus-ring: 0 0 0 4px rgba(96, 165, 250, .32);--focus-ring-soft: 0 0 0 3px rgba(96, 165, 250, .2);--focus-ring-danger: 0 0 0 4px rgba(248, 113, 113, .32);--home-body-start: #040B18;--home-body-middle: #071225;--home-body-end: #0A172D;--home-shadow-soft: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 44px rgba(0, 0, 0, .36), 0 22px 60px rgba(37, 99, 235, .09);--home-shadow-popover: inset 0 1px 0 rgba(255, 255, 255, .05), 0 28px 70px rgba(0, 0, 0, .44), 0 30px 80px rgba(37, 99, 235, .12);--home-shadow-input: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 30px rgba(0, 0, 0, .25);--home-shadow-premium: inset 0 1px 0 rgba(255, 255, 255, .05), 0 30px 80px rgba(0, 0, 0, .45), 0 30px 80px rgba(37, 99, 235, .12);--home-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .06), 0 32px 90px rgba(0, 0, 0, .42), 0 32px 90px rgba(37, 99, 235, .18);--home-placeholder: #64748B;--home-focus-border: #60A5FA;--home-focus-ring: rgba(37, 99, 235, .22);--home-kbd-bg: #182337;--home-kbd-focus-bg: rgba(30, 64, 175, .44);--home-meta: #7E8DA4;--home-result-hover: #162338;--home-accent-pill: rgba(30, 64, 175, .44);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark}}:root,[data-theme=light],[data-theme=dark]{--matic-color-bg: var(--bg-page);--matic-color-surface: var(--bg-surface);--matic-color-text: var(--fg-body);--matic-color-text-muted: var(--fg-muted);--matic-color-accent: var(--accent-primary);--matic-color-accent-hover: var(--accent-primary-hover);--matic-color-border: var(--border);--matic-radius-sm: var(--radius-sm);--matic-radius-md: var(--radius-md);--matic-radius-lg: var(--radius-lg);--matic-space-1: var(--space-1);--matic-space-2: var(--space-2);--matic-space-3: var(--space-3);--matic-space-4: var(--space-4);--matic-space-5: var(--space-5);--matic-space-6: var(--space-6);--matic-space-8: var(--space-8);--matic-font-sans: var(--font-sans);--matic-font-mono: var(--font-mono);--matic-shadow-soft: var(--shadow-soft);--matic-shadow-premium: var(--shadow-premium);--matic-shadow-lift: var(--shadow-lift)}.tools-breadcrumb{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-7);padding:var(--space-1_5) var(--space-2);border:1px solid color-mix(in srgb,var(--accent-primary) 22%,var(--border));border-radius:var(--radius-full);background:linear-gradient(140deg,color-mix(in srgb,var(--accent-primary) 7%,transparent),transparent),color-mix(in srgb,var(--bg-surface) 92%,transparent);box-shadow:var(--shadow-soft);color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-bold)}.tools-breadcrumb a{display:inline-flex;align-items:center;min-height:2rem;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--fg-muted);transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.tools-breadcrumb a:hover{background:var(--accent-primary-subtle);color:var(--accent-primary-hover)}.tools-breadcrumb span[aria-hidden=true]{opacity:.55}.tools-breadcrumb span:last-child{display:inline-flex;align-items:center;min-height:2rem;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--bg-panel);color:var(--fg-body)}.tool-section__meta{margin-bottom:var(--space-4)}.tool-section__kicker{display:inline-flex;align-items:center;margin-bottom:var(--space-2);padding:.35rem .65rem;border-radius:var(--radius-full);background:var(--accent-primary-subtle);color:var(--accent-primary-hover);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.tool-section__lead{max-width:min(740px,100%);margin:var(--space-2) 0 0;color:var(--fg-muted);line-height:var(--leading-relaxed)}.tool-hero{position:relative;overflow:hidden;margin-bottom:var(--space-7);padding:clamp(var(--space-6),5vw,var(--space-10));border:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border));border-radius:var(--radius-xl);background:radial-gradient(circle at 94% 0,var(--accent-primary-emphatic),transparent 34%),radial-gradient(circle at 10% 100%,color-mix(in srgb,var(--accent-secondary) 14%,transparent),transparent 38%),linear-gradient(140deg,color-mix(in srgb,var(--bg-surface) 94%,transparent),var(--bg-surface));box-shadow:var(--shadow-lift)}.tool-hero:before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:""}.tool-hero:after{position:absolute;right:-3.75rem;bottom:-4.5rem;width:13.5rem;height:13.5rem;border-radius:var(--radius-full);background:var(--accent-primary-subtle);opacity:.8;content:""}.tool-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);align-items:end;gap:clamp(var(--space-4),3vw,var(--space-8))}.tool-hero__text{min-width:0}.tool-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--accent-primary-subtle);color:var(--accent-primary-hover);font-size:var(--text-sm);font-weight:var(--weight-bold)}.tool-hero h1{margin:0;color:var(--fg-strong);font-size:clamp(var(--text-4xl),7vw,var(--text-6xl));font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:.96}.tool-hero p{max-width:min(720px,100%);margin:var(--space-5) 0 0;color:var(--fg-muted);font-size:clamp(var(--text-base),2.1vw,var(--text-lg));line-height:var(--leading-relaxed)}.tool-hero__trust{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-panel) 82%,var(--bg-surface));box-shadow:var(--shadow-soft);align-self:end}.tool-hero__trust-title{display:block;color:var(--fg-strong);font-weight:var(--weight-bold)}.tool-hero__trust-copy{display:block;margin-top:var(--space-1_5);color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.tool-section{margin-top:var(--space-10)}.tool-section>h2{font-size:clamp(var(--text-2xl),3.2vw,var(--text-4xl));font-weight:var(--weight-bold);color:var(--fg-strong);margin:0 0 var(--space-4);letter-spacing:var(--tracking-display);line-height:1.05}.tool-section>h2+.tool-section__lead{margin-top:calc(var(--space-3) * -1);margin-bottom:var(--space-4)}.tool-prose{color:var(--fg-body)}.tool-prose .tool-panel-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-soft);padding:clamp(var(--space-4),3vw,var(--space-6))}.tool-prose .tool-panel-card+.tool-panel-card{margin-top:var(--space-3)}.tool-prose .tool-note-card{padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-success) 30%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(140deg,var(--color-success-subtle),transparent 60%),var(--bg-surface)}.tool-prose .tool-warning-list{list-style:none;margin:0;padding:0}.tool-prose .tool-warning-list li{position:relative;margin:0 0 var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-9);border:1px solid color-mix(in srgb,var(--color-warning) 28%,var(--border));border-radius:var(--radius-lg);background:var(--color-warning-subtle);color:var(--fg-body)}.tool-prose .tool-warning-list li:before{content:"!";position:absolute;left:var(--space-3_5, 14px);top:var(--space-3);width:20px;height:20px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold)}.tool-prose .tool-warning-list li:last-child{margin-bottom:0}.tool-section>h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--fg-body);margin:var(--space-6) 0 var(--space-2);letter-spacing:var(--tracking-heading)}.tool-prose p{color:var(--fg-muted);margin:var(--space-3) 0;line-height:var(--leading-relaxed)}.tool-prose ul,.tool-prose ol{padding-left:var(--space-6);margin:var(--space-3) 0;color:var(--fg-muted)}.tool-prose li{margin:var(--space-1_5) 0;line-height:var(--leading-relaxed)}.tool-prose strong{color:var(--fg-body);font-weight:var(--weight-semibold)}.tool-related{margin-top:var(--space-10)}.tool-related>h2{margin:0}.tool-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.tool-related__card{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:var(--space-3);min-height:10.5rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--fg-body);text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.tool-related__card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-primary) 38%,var(--border));box-shadow:var(--shadow-lift)}.tool-related__card:after{position:absolute;right:-2rem;bottom:-2.25rem;width:5.5rem;height:5.5rem;border-radius:var(--radius-full);background:var(--accent-primary-subtle);opacity:.75;content:""}.tool-related__card strong{display:block;color:var(--fg-strong);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1.2}.tool-related__card span:not(.tool-related__icon){display:block;font-size:var(--text-sm);color:var(--fg-muted);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.tool-related__icon{position:relative;z-index:1;flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--accent-primary-subtle);color:var(--accent-primary-hover);border-radius:var(--radius-lg);font-weight:var(--weight-bold);font-size:var(--text-sm)}.tool-faq.tool-section>h2{margin-bottom:var(--space-1)}.tool-faq__item{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.tool-faq__item[open]{border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--border));background:var(--bg-surface);box-shadow:var(--shadow-soft)}.tool-faq__item summary{padding:var(--space-4);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--fg-strong);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tool-faq__item summary::-webkit-details-marker{display:none}.tool-faq__item summary:after{width:1.95rem;height:1.95rem;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--accent-primary-hover);display:inline-flex;align-items:center;justify-content:center;content:"+";font-size:var(--text-xl);font-weight:var(--weight-medium)}.tool-faq__item[open] summary:after{background:var(--accent-primary);color:var(--fg-on-accent);content:"−"}.tool-faq__item summary:hover{color:var(--accent-primary-hover)}.tool-faq__item p{padding:0 var(--space-4) var(--space-4);margin:0;color:var(--fg-muted);line-height:var(--leading-relaxed)}@media(prefers-reduced-motion:reduce){.tool-faq__item summary:after{transition:none}}.tool-guidelines__cards{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.tool-guidelines__card{display:flex;align-items:flex-start;gap:var(--space-3);margin:0;padding:var(--space-4);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-secondary) 9%,transparent),transparent 56%),var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.tool-guidelines__card-accent{flex-shrink:0;width:5px;min-height:1.5rem;margin-top:.2em;border-radius:var(--radius-full);background:var(--accent-primary)}.tool-guidelines__card-body{color:var(--fg-body);font-size:var(--text-base);line-height:var(--leading-relaxed)}.tool-guidelines__steps{counter-reset:tool-step;list-style:none;padding-left:0;margin:var(--space-3) 0 0}.tool-guidelines__steps li{counter-increment:tool-step;position:relative;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);margin-bottom:var(--space-3);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg-body);box-shadow:var(--shadow-soft)}.tool-guidelines__steps li:before{content:counter(tool-step);position:absolute;left:var(--space-3);top:var(--space-3);width:28px;height:28px;background:var(--accent-primary);color:var(--fg-on-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold)}.tool-howto-block{margin-top:var(--space-5);padding:var(--space-5);background:linear-gradient(140deg,color-mix(in srgb,var(--accent-primary) 8%,transparent),transparent 54%),var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.tool-howto-block:first-of-type{margin-top:var(--space-4)}.tool-howto-block h3{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--fg-strong)}.tool-howto-block p{margin:var(--space-2) 0}.tool-howto-block .tool-howto-list{margin:0;padding-left:var(--space-5);color:var(--fg-muted)}.tool-howto-usecase{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent-primary) 22%,var(--border));background:var(--accent-primary-subtle)}.tool-howto-usecase li{margin:var(--space-2) 0}.tool-howto-timeline{counter-reset:howto-tl;list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:0}.tool-howto-timeline__item{counter-increment:howto-tl;display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);margin-bottom:var(--space-3);box-shadow:var(--shadow-soft)}.tool-howto-timeline__item:last-child{margin-bottom:0}.tool-howto-timeline__badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--fg-on-accent);font-size:var(--text-sm);font-weight:var(--weight-bold)}.tool-howto-timeline__badge:before{content:counter(howto-tl)}.tool-howto-timeline__body strong{display:block;font-weight:var(--weight-semibold);color:var(--fg-body);margin-bottom:var(--space-1)}.tool-howto-timeline__body p{margin:0;font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-relaxed)}@media(max-width:980px){.tool-hero__inner{grid-template-columns:1fr;align-items:start}}@media(max-width:780px){.tools-breadcrumb{width:100%;border-radius:var(--radius-xl)}.tool-hero{padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl)}.tool-hero h1{font-size:clamp(var(--text-3xl),11vw,var(--text-5xl))}.tool-guidelines__cards{grid-template-columns:1fr}}html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);color:var(--fg-body);background:var(--bg-page);scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-body);background:var(--bg-page);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:var(--accent-primary-subtle);color:var(--fg-body)}.matic-app-shell{display:flex;flex-direction:column;min-height:100%;width:100%}.matic-app-shell__header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-surface)}.matic-app-shell__header h1{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title);color:var(--fg-body)}.matic-app-shell__main{flex:1 1 auto;min-width:0;padding:var(--space-6)}@media(max-width:640px){.matic-app-shell__header,.matic-app-shell__main{padding-left:var(--space-4);padding-right:var(--space-4)}}.matic-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-medium);line-height:1;letter-spacing:var(--tracking-tight);white-space:nowrap;cursor:pointer;user-select:none;border:1px solid transparent;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.matic-btn:focus-visible{box-shadow:var(--focus-ring)}.matic-btn:disabled,.matic-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.matic-btn--icon{gap:0;aspect-ratio:1 / 1}.matic-btn--primary{background:var(--accent-primary);color:var(--fg-on-accent);border-color:var(--accent-primary);box-shadow:var(--shadow-soft)}.matic-btn--primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.matic-btn--primary:active:not(:disabled){background:var(--accent-primary-active);transform:translateY(0);box-shadow:var(--shadow-soft)}.matic-btn--secondary{background:var(--bg-surface);color:var(--fg-body);border-color:var(--border);box-shadow:var(--shadow-soft)}.matic-btn--secondary:hover:not(:disabled){background:var(--bg-surface-alt);border-color:var(--border-strong);transform:translateY(-1px)}.matic-btn--secondary:active:not(:disabled){background:var(--press-overlay);transform:translateY(0)}.matic-btn--ghost{background:transparent;color:var(--fg-body);border-color:transparent}.matic-btn--ghost:hover:not(:disabled){background:var(--hover-overlay)}.matic-btn--ghost:active:not(:disabled){background:var(--press-overlay)}.matic-btn--danger{background:var(--color-danger);color:var(--fg-on-accent);border-color:var(--color-danger);box-shadow:var(--shadow-soft)}.matic-btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-lift)}.matic-btn--danger:active:not(:disabled){background:#991b1b;transform:translateY(0)}.matic-btn--danger:focus-visible{box-shadow:var(--focus-ring-danger)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;color:var(--fg-body);font-size:var(--text-base);font-weight:var(--weight-regular);background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent-primary) 14%,transparent),transparent 34%),radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--accent-secondary) 12%,transparent),transparent 30%),linear-gradient(180deg,var(--home-body-start) 0%,var(--home-body-middle) 45%,var(--home-body-end) 100%);transition:background .3s var(--ease-standard),color .3s var(--ease-standard)}[data-theme=dark] body{background:radial-gradient(circle at 16% -6%,color-mix(in srgb,var(--accent-primary) 34%,transparent),transparent 36%),radial-gradient(circle at 86% 6%,color-mix(in srgb,var(--accent-secondary) 24%,transparent),transparent 34%),linear-gradient(180deg,var(--home-body-start) 0%,var(--home-body-middle) 45%,var(--home-body-end) 100%)}a{text-decoration:none}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:var(--z-topbar);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-topbar) 86%,transparent);backdrop-filter:blur(18px);will-change:transform;transition:transform .28s var(--ease-standard),background .3s var(--ease-standard),border-color .3s var(--ease-standard)}.site-header.is-hidden{transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.site-header{transition:none}}.site-header__inner{width:min(1152px,100%);margin-inline:auto;padding:var(--space-3) var(--space-6);display:grid;grid-template-columns:auto minmax(280px,440px) auto;align-items:center;gap:28px}.site-brand{display:inline-flex;align-items:center;color:var(--fg-body);white-space:nowrap}.site-brand__logo{width:220px;max-width:min(220px,50vw);height:auto;display:block}.site-brand__logo--dark,[data-theme=dark] .site-brand__logo--light{display:none}[data-theme=dark] .site-brand__logo--dark{display:block}.header-search{position:relative}.search-icon{position:absolute;left:var(--space-4);top:50%;z-index:1;transform:translateY(-50%);color:var(--fg-muted);transition:color var(--duration-fast) var(--ease-standard)}.header-search:focus-within .search-icon{color:var(--accent-primary)}.header-search input{width:100%;height:44px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--fg-body);box-shadow:var(--home-shadow-input);outline:none;padding:0 80px 0 44px;font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-regular);line-height:44px;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.header-search input::placeholder{color:var(--home-placeholder);font-weight:var(--weight-regular)}.header-search input:focus{border-color:var(--home-focus-border);box-shadow:0 0 0 4px var(--home-focus-ring),var(--home-shadow-input)}.header-search__kbd{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);border:0;border-radius:var(--radius-full);background:var(--home-kbd-bg);color:var(--fg-muted);padding:4px 12px;font-family:inherit;font-size:var(--text-xs);line-height:1.2;font-weight:var(--weight-bold);pointer-events:none;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.header-search:focus-within .header-search__kbd{background:var(--home-kbd-focus-bg);color:var(--accent-primary-hover)}.header-search__popover{position:absolute;top:54px;left:0;right:0;z-index:var(--z-dropdown);visibility:hidden;opacity:0;transform:translateY(var(--space-2));border:1px solid var(--border);border-radius:24px;background:var(--bg-surface);box-shadow:var(--home-shadow-popover);padding:var(--space-3);transition:visibility var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.header-search:focus-within .header-search__popover{visibility:visible;opacity:1;transform:translateY(0)}.search-popover__meta{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);padding-inline:var(--space-2);color:var(--home-meta);font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.header-search__results .search-result{display:flex;align-items:center;gap:var(--space-3);border-radius:16px;padding:var(--space-3);color:var(--fg-body);transition:background var(--duration-fast) var(--ease-standard)}.header-search__results .search-result:hover{background:var(--home-result-hover)}.header-search__results .search-result__icon{width:var(--space-10);height:var(--space-10);flex:0 0 auto;display:grid;place-items:center;border-radius:16px;background:var(--home-accent-pill);color:var(--accent-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.header-search__results .search-result__body{min-width:0;flex:1}.header-search__results .search-result__body strong,.header-search__results .search-result__body span{display:block}.header-search__results .search-result__body strong{font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.25}.header-search__results .search-result__body span{overflow:hidden;color:var(--fg-muted);font-size:var(--text-xs);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.header-search__results .search-result__tag{border-radius:var(--radius-full);background:var(--home-result-hover);color:var(--fg-muted);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);line-height:1.2;font-weight:var(--weight-bold)}.header-search__categories{margin-top:var(--space-2);border-top:1px solid var(--border);padding:var(--space-3) var(--space-2) var(--space-1)}.header-search__categories>div{margin-bottom:var(--space-2);color:var(--home-meta);font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.header-search__categories nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.header-search__categories a{border-radius:var(--radius-full);background:var(--home-accent-pill);color:var(--accent-primary-hover);padding:6px var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold)}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold)}.site-nav>a:not(.site-nav__icon){border-radius:var(--radius-lg);color:var(--fg-body);padding:var(--space-2) var(--space-3);transition:background var(--duration-fast) var(--ease-standard)}.site-nav>a:not(.site-nav__icon):hover{background:var(--bg-panel)}.site-nav button,.site-nav .site-nav__icon{width:var(--space-10);height:var(--space-10);display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-surface);box-shadow:var(--home-shadow-soft);color:var(--fg-body);font:inherit;font-size:var(--text-base);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background .3s var(--ease-standard),border-color .3s var(--ease-standard)}.site-nav button:hover,.site-nav .site-nav__icon:hover{transform:translateY(-2px)}.lang-select{position:relative}.lang-select__button{overflow:hidden}.lang-flag{width:22px;height:16px;display:inline-block;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 82%,var(--fg-muted));border-radius:4px;box-shadow:0 1px 2px color-mix(in srgb,var(--fg-body) 12%,transparent)}.lang-flag--us{background:linear-gradient(#3c3b6e 0 0) 0 0 / 40% 54% no-repeat,repeating-linear-gradient(to bottom,#b22234 0 7.69%,#fff 7.69% 15.38%)}.lang-flag--fr{background:linear-gradient(to right,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66% 100%)}.lang-flag--es{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)}.lang-select__menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-dropdown);min-width:160px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--home-shadow-premium);visibility:hidden;opacity:0;transform:translateY(var(--space-2));transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) var(--ease-standard)}.lang-select:hover .lang-select__menu,.lang-select:focus-within .lang-select__menu{visibility:visible;opacity:1;transform:translateY(0)}.lang-select__menu a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-body);transition:background var(--duration-fast) var(--ease-standard)}.lang-select__menu a:hover{background:var(--bg-panel)}.site-main{width:min(1152px,100%);margin-inline:auto;flex:1;padding:var(--space-10) var(--space-6)}.site-footer{width:min(1152px,100%);margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-5);padding:var(--space-8) var(--space-6);color:var(--fg-muted);font-size:var(--text-sm)}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-4)}.site-footer a{color:var(--fg-muted);transition:color var(--duration-fast) var(--ease-standard)}.site-footer a:hover{color:var(--accent-primary)}.search-no-results{color:var(--fg-muted);font-size:var(--text-sm);padding:var(--space-3)}@media(max-width:768px){.site-header__inner{grid-template-columns:1fr auto;gap:var(--space-3);padding-inline:var(--space-4)}.header-search{grid-column:1 / -1;order:3}.site-nav>a:not(.site-nav__icon){display:none}.site-main{padding:var(--space-6) var(--space-4)}.site-footer{padding-inline:var(--space-4)}}@media(max-width:520px){.header-search__kbd,.search-result__tag{display:none}.header-search input{padding-right:var(--space-4)}.search-popover__meta{display:grid}}