:root{color-scheme: light dark;--kw-bg: #F8FAFC;--kw-surface: #FFFFFF;--kw-surface-2: #F1F5F9;--kw-line: #E2E8F0;--kw-line-strong: #7A8699;--kw-text: #0F172A;--kw-text-2: #475569;--kw-muted: #5B677A;--kw-primary: #4F46E5;--kw-primary-hover: #4338CA;--kw-primary-soft: #EEF2FF;--kw-primary-ink: #3730A3;--kw-on-primary: #FFFFFF;--kw-accent: #4F46E5;--kw-link: #4F46E5;--kw-focus: #4F46E5;--kw-success: #15803D;--kw-success-soft: #F0FDF4;--kw-warning: #B45309;--kw-warning-soft: #FFFBEB;--kw-danger: #B91C1C;--kw-danger-soft: #FEF2F2;--kw-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--kw-font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";--kw-mono: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--kw-fs-xs: .75rem;--kw-fs-sm: .875rem;--kw-fs-base: 1rem;--kw-fs-lg: 1.125rem;--kw-fs-xl: 1.25rem;--kw-fs-2xl: 1.5rem;--kw-fs-h1: clamp(1.75rem,1.3rem + 1.8vw,2.5rem);--kw-fs-hero: clamp(2rem,1.4rem + 2.6vw,3rem);--kw-space-1: 4px;--kw-space-2: 8px;--kw-space-3: 12px;--kw-space-4: 16px;--kw-space-5: 20px;--kw-space-6: 24px;--kw-space-8: 32px;--kw-space-10: 40px;--kw-space-12: 48px;--kw-space-16: 64px;--kw-space-20: 80px;--kw-radius-sm: 6px;--kw-radius: 10px;--kw-radius-lg: 14px;--kw-radius-full: 9999px;--kw-shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--kw-shadow: 0 1px 3px rgb(15 23 42 / .08),0 4px 12px rgb(15 23 42 / .06);--kw-shadow-lg: 0 12px 32px rgb(15 23 42 / .14);--kw-ease: cubic-bezier(.2,.8,.2,1);--kw-container: 1120px;--kw-tool-width: 960px;--kw-prose: 720px;--kw-gutter: 16px}@media (min-width: 768px){:root{--kw-gutter: 24px}}@media (prefers-color-scheme: dark){:root{--kw-bg: #0B1120;--kw-surface: #131C2E;--kw-surface-2: #1C2740;--kw-line: #263247;--kw-line-strong: #6B7A90;--kw-text: #E2E8F0;--kw-text-2: #B6C2D4;--kw-muted: #8D9AB0;--kw-primary-soft: #1E1B4B;--kw-primary-ink: #C7D2FE;--kw-accent: #A5B4FC;--kw-link: #A5B4FC;--kw-focus: #A5B4FC;--kw-success: #4ADE80;--kw-success-soft: #052E16;--kw-warning: #FBBF24;--kw-warning-soft: #422006;--kw-danger: #F87171;--kw-danger-soft: #450A0A;--kw-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B6C2D4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--kw-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--kw-shadow: 0 1px 3px rgb(0 0 0 / .5),0 4px 12px rgb(0 0 0 / .3);--kw-shadow-lg: 0 12px 32px rgb(0 0 0 / .6)}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body{margin: 0;min-height: 100vh;display: flex;flex-direction: column;background: var(--kw-bg);color: var(--kw-text);font: 400 var(--kw-fs-base)/1.6 var(--kw-font);-webkit-font-smoothing: antialiased}main{flex: 1 0 auto}[hidden]{display: none !important}img,video,canvas{max-width: 100%;height: auto}h1,h2,h3,h4{margin: 0 0 var(--kw-space-3);color: var(--kw-text);text-wrap: balance}h1{font-size: var(--kw-fs-h1);line-height: 1.15;font-weight: 800;letter-spacing: -.02em}h2{font-size: var(--kw-fs-2xl);line-height: 1.3;font-weight: 700;letter-spacing: -.02em}h3{font-size: var(--kw-fs-xl);line-height: 1.4;font-weight: 600}h4{font-size: var(--kw-fs-base);line-height: 1.5;font-weight: 600}p{margin: 0 0 var(--kw-space-4)}a{color: var(--kw-link);text-underline-offset: 2px}a:hover{text-decoration-thickness: 2px}:focus-visible{outline: 2px solid var(--kw-focus);outline-offset: 2px}::selection{background: var(--kw-primary-soft);color: var(--kw-text)}code,kbd,pre,samp{font-family: var(--kw-mono);font-size: .9em}code{padding: .1em .35em;border-radius: var(--kw-radius-sm);background: var(--kw-surface-2)}pre{margin: 0 0 var(--kw-space-4);padding: var(--kw-space-4);overflow-x: auto;border-radius: var(--kw-radius);background: var(--kw-surface-2);line-height: 1.5}pre code{padding: 0;background: none}hr{margin: var(--kw-space-8) 0;border: 0;border-top: 1px solid var(--kw-line)}.kw-icon{display: inline-block;flex-shrink: 0;vertical-align: -.2em}.kw-visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.kw-skip{position: absolute;z-index: 100;top: -100px;left: var(--kw-space-2);padding: var(--kw-space-2) var(--kw-space-4);border-radius: var(--kw-radius);background: var(--kw-primary);color: var(--kw-on-primary);font-weight: 600}.kw-skip:focus{top: var(--kw-space-2)}.kw-muted{color: var(--kw-muted)}.kw-container{width: 100%;max-width: calc(var(--kw-container) + 2 * var(--kw-gutter));margin-inline: auto;padding-inline: var(--kw-gutter)}.kw-container--tool{max-width: calc(var(--kw-tool-width) + 2 * var(--kw-gutter))}.kw-container--prose{max-width: calc(var(--kw-prose) + 2 * var(--kw-gutter))}.kw-main{padding-block: var(--kw-space-6) var(--kw-space-12)}.kw-section{margin-top: var(--kw-space-12)}.kw-section-head{margin-bottom: var(--kw-space-6)}.kw-section-head>p{max-width: 70ch;margin: 0;color: var(--kw-text-2)}@media (min-width: 768px){.kw-main{padding-block: var(--kw-space-8) var(--kw-space-16)}.kw-section{margin-top: var(--kw-space-16)}}.kw-header{position: relative;z-index: 50;background: var(--kw-surface);border-bottom: 1px solid var(--kw-line)}.kw-header__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--kw-space-4);height: 60px}.kw-brand{display: inline-flex;align-items: center;color: var(--kw-text);font-size: var(--kw-fs-xl);font-weight: 700;letter-spacing: -.02em;text-decoration: none}.kw-brand svg{width: 28px;height: 28px;flex-shrink: 0}.kw-brand__wisp{color: var(--kw-accent)}.kw-nav{display: none;align-items: center;gap: var(--kw-space-1)}.kw-nav a,.kw-menu__panel a{border-radius: var(--kw-radius);color: var(--kw-text-2);font-weight: 500;text-decoration: none}.kw-nav a{padding: var(--kw-space-2) var(--kw-space-3)}.kw-nav a:hover,.kw-menu__panel a:hover{background: var(--kw-surface-2);color: var(--kw-text)}.kw-nav a[aria-current],.kw-menu__panel a[aria-current]{background: var(--kw-primary-soft);color: var(--kw-primary-ink)}.kw-menu{position: relative}.kw-menu>summary{list-style: none}.kw-menu>summary::-webkit-details-marker{display: none}.kw-menu__panel{position: absolute;z-index: 60;top: calc(100% + var(--kw-space-2));right: 0;display: grid;min-width: 220px;padding: var(--kw-space-2);border: 1px solid var(--kw-line);border-radius: var(--kw-radius-lg);background: var(--kw-surface);box-shadow: var(--kw-shadow-lg)}.kw-menu__panel a{padding: 10px var(--kw-space-3);color: var(--kw-text)}@media (min-width: 1024px){.kw-nav{display: flex}.kw-menu{display: none}}.kw-footer{margin-top: var(--kw-space-12);border-top: 1px solid var(--kw-line);background: var(--kw-surface);color: var(--kw-muted);font-size: var(--kw-fs-sm)}.kw-footer__grid{display: grid;gap: var(--kw-space-8);padding-block: var(--kw-space-10) var(--kw-space-8)}.kw-footer__about{max-width: 36ch}.kw-footer__about p{margin: var(--kw-space-3) 0 0}.kw-footer__title{margin: 0 0 var(--kw-space-2);color: var(--kw-text);font-weight: 600}.kw-footer ul{display: grid;gap: var(--kw-space-1);margin: 0;padding: 0;list-style: none}.kw-footer li a{display: inline-block;padding-block: 3px;color: var(--kw-text-2);text-decoration: none}.kw-footer li a:hover{color: var(--kw-link);text-decoration: underline}.kw-footer__bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--kw-space-2) var(--kw-space-6);padding-block: var(--kw-space-6);border-top: 1px solid var(--kw-line)}.kw-footer__bottom p{margin: 0}@media (min-width: 768px){.kw-footer__grid{grid-template-columns: 2fr 1fr 1fr}}.kw-breadcrumb{margin-bottom: var(--kw-space-4);color: var(--kw-muted);font-size: var(--kw-fs-sm)}.kw-breadcrumb ol{display: flex;flex-wrap: wrap;gap: var(--kw-space-2);margin: 0;padding: 0;list-style: none}.kw-breadcrumb li + li::before{content: "/";margin-right: var(--kw-space-2);color: var(--kw-line-strong)}.kw-breadcrumb a{display: inline-block;padding-block: 2px;color: var(--kw-muted)}.kw-breadcrumb a:hover{color: var(--kw-link)}.kw-breadcrumb [aria-current]{color: var(--kw-text-2)}.kw-page-head{margin-bottom: var(--kw-space-6)}.kw-lead{max-width: 70ch;margin-bottom: var(--kw-space-4);color: var(--kw-text-2);font-size: var(--kw-fs-lg);line-height: 1.55}.kw-meta{color: var(--kw-muted);font-size: var(--kw-fs-sm)}.kw-trust{display: flex;flex-wrap: wrap;gap: var(--kw-space-2);margin: 0;padding: 0;list-style: none}.kw-trust li{display: inline-flex;align-items: center;gap: 6px;padding: var(--kw-space-1) 10px;border: 1px solid var(--kw-line);border-radius: var(--kw-radius-full);background: var(--kw-surface);color: var(--kw-text-2);font-size: var(--kw-fs-sm);line-height: 1.5}.kw-trust .kw-icon{color: var(--kw-success)}.kw-hero{padding-block: var(--kw-space-8) var(--kw-space-4);text-align: center}.kw-hero h1{max-width: 20ch;margin-inline: auto;font-size: var(--kw-fs-hero);line-height: 1.1}.kw-hero .kw-lead{margin-inline: auto}.kw-hero .kw-trust{justify-content: center}@media (min-width: 768px){.kw-hero{padding-block: var(--kw-space-16) var(--kw-space-8)}}.kw-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--kw-space-2);min-height: 44px;padding: 0 var(--kw-space-5);border: 1px solid transparent;border-radius: var(--kw-radius);font: 600 var(--kw-fs-base)/1.2 var(--kw-font);text-align: center;text-decoration: none;white-space: nowrap;cursor: pointer;-webkit-user-select: none;user-select: none;transition: background-color 120ms var(--kw-ease),border-color 120ms var(--kw-ease),color 120ms var(--kw-ease)}.kw-btn .kw-icon{width: 18px;height: 18px}.kw-btn--primary{background: var(--kw-primary);color: var(--kw-on-primary)}.kw-btn--primary:hover{background: var(--kw-primary-hover)}.kw-btn--secondary{border-color: var(--kw-line-strong);background: var(--kw-surface);color: var(--kw-text)}.kw-btn--secondary:hover{background: var(--kw-surface-2)}.kw-btn--ghost{border-color: var(--kw-line);background: transparent;color: var(--kw-text-2)}.kw-btn--ghost:hover{background: var(--kw-surface-2);color: var(--kw-text)}.kw-btn--danger{border-color: var(--kw-danger);background: transparent;color: var(--kw-danger)}.kw-btn--danger:hover{background: var(--kw-danger-soft)}.kw-btn--sm{min-height: 36px;padding: 0 var(--kw-space-3);font-size: var(--kw-fs-sm)}.kw-btn--lg{min-height: 52px;padding: 0 var(--kw-space-6);font-size: var(--kw-fs-lg)}.kw-btn--block{display: flex;width: 100%}.kw-btn:disabled,.kw-btn[aria-disabled="true"]{opacity: .55;cursor: not-allowed}.kw-btn[aria-busy="true"]{opacity: .9;cursor: progress}.kw-btn[aria-busy="true"]::before{content: "";width: 16px;height: 16px;border: 2px solid currentColor;border-right-color: transparent;border-radius: 50%;animation: kw-spin .7s linear infinite}.kw-icon-btn{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 44px;height: 44px;padding: 0;border: 1px solid transparent;border-radius: var(--kw-radius);background: transparent;color: var(--kw-text-2);cursor: pointer}.kw-icon-btn:hover{background: var(--kw-surface-2);color: var(--kw-text)}.kw-icon-btn .kw-icon{width: 20px;height: 20px}.kw-field{display: grid;gap: 6px;align-content: start;min-width: 0}fieldset.kw-field{margin: 0;padding: 0;border: 0;min-inline-size: 0}.kw-label{color: var(--kw-text);font-size: var(--kw-fs-sm);font-weight: 600}.kw-hint{margin: 0;color: var(--kw-muted);font-size: var(--kw-fs-sm)}.kw-error{display: flex;gap: 6px;margin: 0;color: var(--kw-danger);font-size: var(--kw-fs-sm)}.kw-error:empty{display: none}.kw-input,.kw-select,.kw-textarea{width: 100%;min-height: 44px;padding: 10px var(--kw-space-3);border: 1px solid var(--kw-line-strong);border-radius: var(--kw-radius);background: var(--kw-surface);color: var(--kw-text);font: 400 var(--kw-fs-base)/1.4 var(--kw-font);transition: border-color 120ms var(--kw-ease)}.kw-input:hover,.kw-select:hover,.kw-textarea:hover{border-color: var(--kw-text-2)}.kw-input::placeholder,.kw-textarea::placeholder{color: var(--kw-muted);opacity: 1}.kw-input[aria-invalid="true"],.kw-select[aria-invalid="true"],.kw-textarea[aria-invalid="true"]{border-color: var(--kw-danger)}.kw-select{padding-right: var(--kw-space-10);-webkit-appearance: none;appearance: none;background: var(--kw-surface) var(--kw-chevron) no-repeat right var(--kw-space-3) center / 18px}.kw-textarea{min-height: 160px;line-height: 1.5;resize: vertical}.kw-mono{font-family: var(--kw-mono)}input[type="checkbox"]:not(.kw-switch),input[type="radio"]{width: 20px;height: 20px;margin: 0;accent-color: var(--kw-primary);-webkit-appearance: none;appearance: none;background: transparent;border: 1.5px solid var(--kw-line-strong);border-radius: 4px}input[type="radio"]{border-radius: 50%}input[type="checkbox"]:not(.kw-switch):checked,input[type="radio"]:checked{border-color: var(--kw-primary)}input[type="checkbox"]:not(.kw-switch):checked{background-color: var(--kw-primary);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size: 12px 12px;background-position: center;background-repeat: no-repeat}input[type="radio"]:checked{background-color: transparent;background-image: radial-gradient(circle,var(--kw-primary) 0 5px,transparent 5.5px)}input[type="range"]{width: 100%;height: 24px;margin: 0;accent-color: var(--kw-primary);-webkit-appearance: none;appearance: none;background: transparent}input[type="range"]::-webkit-slider-runnable-track{height: 6px;border: 1px solid var(--kw-line);border-radius: var(--kw-radius-full);background: var(--kw-surface-2)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 16px;height: 16px;margin-top: -5px;border: 2px solid var(--kw-surface);border-radius: 50%;background: var(--kw-primary)}input[type="range"]::-moz-range-track{height: 6px;border: 1px solid var(--kw-line);border-radius: var(--kw-radius-full);background: var(--kw-surface-2)}input[type="range"]::-moz-range-thumb{width: 12px;height: 12px;border: 2px solid var(--kw-surface);border-radius: 50%;background: var(--kw-primary)}.kw-check{display: inline-flex;align-items: center;gap: var(--kw-space-2);min-height: 44px;cursor: pointer}input.kw-switch{position: relative;flex-shrink: 0;width: 40px;height: 24px;margin: 0;border-radius: var(--kw-radius-full);background: var(--kw-line-strong);-webkit-appearance: none;appearance: none;cursor: pointer;transition: background-color 120ms var(--kw-ease)}input.kw-switch::after{content: "";position: absolute;top: 3px;left: 3px;width: 18px;height: 18px;border-radius: 50%;background: var(--kw-on-primary);transition: transform 120ms var(--kw-ease)}input.kw-switch:checked{background: var(--kw-primary)}input.kw-switch:checked::after{transform: translateX(16px)}.kw-segmented{min-width: 0;margin: 0;padding: 0;border: 0}.kw-segmented legend{margin-bottom: 6px;padding: 0}.kw-segmented__options{display: flex;gap: var(--kw-space-1);padding: var(--kw-space-1);border: 1px solid var(--kw-line);border-radius: var(--kw-radius);background: var(--kw-surface-2)}.kw-segmented label{position: relative;flex: 1}.kw-segmented input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.kw-segmented span{display: flex;align-items: center;justify-content: center;min-height: 36px;padding: 0 var(--kw-space-3);border-radius: var(--kw-radius-sm);color: var(--kw-text-2);font-size: var(--kw-fs-sm);font-weight: 600;text-align: center}.kw-segmented input:checked + span{background: var(--kw-primary-soft);color: var(--kw-primary-ink);box-shadow: var(--kw-shadow-sm)}.kw-segmented input:focus-visible + span{outline: 2px solid var(--kw-focus);outline-offset: 2px}.kw-range{display: flex;align-items: center;gap: var(--kw-space-3)}.kw-range output{min-width: 4ch;font-variant-numeric: tabular-nums;font-weight: 600;text-align: right}.kw-drop{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--kw-space-2);min-height: 160px;padding: var(--kw-space-6) var(--kw-space-4);border: 2px dashed var(--kw-line-strong);border-radius: var(--kw-radius-lg);background: var(--kw-surface);text-align: center;cursor: pointer;transition: border-color 120ms var(--kw-ease),background-color 120ms var(--kw-ease)}.kw-drop:hover{border-color: var(--kw-accent)}.kw-drop:has(:focus-visible){outline: 2px solid var(--kw-focus);outline-offset: 2px}.kw-drop.is-dragover{border-style: solid;border-color: var(--kw-accent);background: var(--kw-primary-soft)}.kw-drop.is-error{border-color: var(--kw-danger)}.kw-drop__icon{display: grid;place-items: center;width: 48px;height: 48px;margin-bottom: var(--kw-space-1);border-radius: 50%;background: var(--kw-primary-soft);color: var(--kw-primary-ink)}.kw-drop__icon .kw-icon{width: 24px;height: 24px}.kw-drop__title{color: var(--kw-text);font-size: var(--kw-fs-lg);font-weight: 600}.kw-drop__link{color: var(--kw-link);text-decoration: underline;text-underline-offset: 2px;white-space: nowrap}.kw-drop__meta{color: var(--kw-muted);font-size: var(--kw-fs-sm)}.kw-drop__note{display: inline-flex;align-items: center;gap: 6px;color: var(--kw-success);font-size: var(--kw-fs-sm)}.kw-drop__error{color: var(--kw-danger);font-size: var(--kw-fs-sm);font-weight: 600}.kw-drop__error:empty{display: none}@media (min-width: 768px){.kw-drop{min-height: 200px}}.kw-files{display: grid;gap: var(--kw-space-2);margin: 0;padding: 0;list-style: none}.kw-file{display: flex;align-items: center;gap: var(--kw-space-3);min-height: 56px;padding: 6px 6px 6px var(--kw-space-3);border: 1px solid var(--kw-line);border-radius: var(--kw-radius);background: var(--kw-surface)}.kw-file>.kw-icon{color: var(--kw-primary-ink)}.kw-file__name{flex: 1;min-width: 0;overflow: hidden;font-weight: 500;text-overflow: ellipsis;white-space: nowrap}.kw-file__size{color: var(--kw-muted);font-size: var(--kw-fs-sm);font-variant-numeric: tabular-nums;white-space: nowrap}.kw-tool{display: grid;gap: var(--kw-space-6);padding: var(--kw-space-4);border: 1px solid var(--kw-line);border-radius: var(--kw-radius-lg);background: var(--kw-surface);box-shadow: var(--kw-shadow-sm)}.kw-tool>*{min-width: 0}.kw-options{display: grid;gap: var(--kw-space-4)}.kw-actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--kw-space-3)}.kw-result{display: grid;gap: var(--kw-space-4);padding-top: var(--kw-space-6);border-top: 1px solid var(--kw-line)}.kw-result__title{display: flex;align-items: center;gap: var(--kw-space-3);margin: 0;font-size: var(--kw-fs-xl);font-weight: 700;line-height: 1.4}.kw-result__title .kw-icon{width: 28px;height: 28px;color: var(--kw-success)}.kw-stats{display: flex;flex-wrap: wrap;gap: var(--kw-space-3);margin: 0}.kw-stat{min-width: 140px;padding: var(--kw-space-3) var(--kw-space-4);border-radius: var(--kw-radius);background: var(--kw-surface-2)}.kw-stat dt{color: var(--kw-muted);font-size: var(--kw-fs-sm)}.kw-stat dd{margin: 0;font-size: var(--kw-fs-xl);font-variant-numeric: tabular-nums;font-weight: 700}.kw-status{display: flex;align-items: center;gap: var(--kw-space-3);color: var(--kw-text-2)}@media (max-width: 639px){.kw-actions>.kw-btn--primary{width: 100%}}@media (min-width: 768px){.kw-tool{padding: var(--kw-space-6)}.kw-options{grid-template-columns: repeat(2,minmax(0,1fr))}.kw-options--3{grid-template-columns: repeat(3,minmax(0,1fr))}.kw-options>.kw-field--full{grid-column: 1 / -1}}.kw-alert{--kw-tone: var(--kw-primary-ink);--kw-tone-soft: var(--kw-primary-soft);display: flex;align-items: flex-start;gap: var(--kw-space-3);margin: 0;padding: var(--kw-space-3) var(--kw-space-4);border: 1px solid transparent;border-color: color-mix(in srgb,var(--kw-tone) 35%,transparent);border-radius: var(--kw-radius);background: var(--kw-tone-soft);color: var(--kw-text)}.kw-alert>.kw-icon{width: 20px;height: 20px;margin-top: 2px;color: var(--kw-tone)}.kw-alert__title{display: block;color: var(--kw-tone);font-weight: 600}.kw-alert p{margin: 0}.kw-alert--success{--kw-tone: var(--kw-success);--kw-tone-soft: var(--kw-success-soft)}.kw-alert--warning{--kw-tone: var(--kw-warning);--kw-tone-soft: var(--kw-warning-soft)}.kw-alert--danger{--kw-tone: var(--kw-danger);--kw-tone-soft: var(--kw-danger-soft)}.kw-toasts{position: fixed;z-index: 90;bottom: var(--kw-space-4);left: 50%;display: grid;gap: var(--kw-space-2);width: max-content;max-width: calc(100vw - 2 * var(--kw-space-4));transform: translateX(-50%);pointer-events: none}.kw-toast{display: flex;align-items: center;gap: 10px;padding: var(--kw-space-3) var(--kw-space-4);border-radius: var(--kw-radius);background: var(--kw-text);color: var(--kw-bg);box-shadow: var(--kw-shadow-lg);font-size: var(--kw-fs-sm);font-weight: 500;animation: kw-toast-in 300ms var(--kw-ease)}.kw-toast.is-leaving{opacity: 0;transition: opacity 200ms var(--kw-ease)}@media (min-width: 768px){.kw-toasts{right: var(--kw-space-6);bottom: var(--kw-space-6);left: auto;transform: none}}.kw-progress{display: block;width: 100%;height: 8px;overflow: hidden;border: 0;border-radius: var(--kw-radius-full);background: var(--kw-surface-2);color: var(--kw-accent);-webkit-appearance: none;appearance: none}.kw-progress::-webkit-progress-bar{border-radius: var(--kw-radius-full);background: var(--kw-surface-2)}.kw-progress::-webkit-progress-value{border-radius: var(--kw-radius-full);background: var(--kw-accent);transition: width 200ms var(--kw-ease)}.kw-progress::-moz-progress-bar{border-radius: var(--kw-radius-full);background: var(--kw-accent)}.kw-spinner{display: inline-block;flex-shrink: 0;width: 20px;height: 20px;border: 2px solid var(--kw-line);border-top-color: var(--kw-accent);border-radius: 50%;animation: kw-spin .7s linear infinite}@keyframes kw-spin{to{transform: rotate(360deg)}}@keyframes kw-toast-in{from{opacity: 0;transform: translateY(8px)}}.kw-grid{display: grid;grid-template-columns: 1fr;gap: var(--kw-space-4);margin: 0;padding: 0;list-style: none}@media (min-width: 768px){.kw-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.kw-grid{grid-template-columns: repeat(4,minmax(0,1fr))}.kw-grid--related{grid-template-columns: repeat(3,minmax(0,1fr))}}.kw-tool-card{position: relative;display: flex;align-items: flex-start;gap: var(--kw-space-4);height: 100%;padding: var(--kw-space-4) var(--kw-space-5);border: 1px solid var(--kw-line);border-radius: var(--kw-radius-lg);background: var(--kw-surface);transition: border-color 120ms var(--kw-ease),box-shadow 120ms var(--kw-ease)}.kw-tool-card:has(a):hover{border-color: var(--kw-accent);box-shadow: var(--kw-shadow)}.kw-tool-card__icon{display: grid;place-items: center;flex: 0 0 40px;height: 40px;border-radius: var(--kw-radius);background: var(--kw-primary-soft);color: var(--kw-primary-ink)}.kw-tool-card__name{margin: 0 0 2px;font-size: var(--kw-fs-lg);font-weight: 600;line-height: 1.35;letter-spacing: 0}.kw-tool-card__name a{color: var(--kw-text);text-decoration: none}.kw-tool-card__name a::after{content: "";position: absolute;inset: 0;border-radius: inherit}.kw-tool-card__name a:focus-visible{outline: none}.kw-tool-card__name a:focus-visible::after{outline: 2px solid var(--kw-focus);outline-offset: 2px}.kw-tool-card__desc{margin: 0;color: var(--kw-text-2);font-size: var(--kw-fs-sm)}.kw-tool-card .kw-badge{margin-top: var(--kw-space-2)}.kw-steps{display: grid;gap: var(--kw-space-5);margin: 0;padding: 0;list-style: none;counter-reset: kw-step}.kw-steps li{position: relative;min-height: 32px;padding-left: 48px;counter-increment: kw-step}.kw-steps li::before{content: counter(kw-step);position: absolute;top: 0;left: 0;display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: var(--kw-primary-soft);color: var(--kw-primary-ink);font-size: var(--kw-fs-sm);font-weight: 700}.kw-steps h3{margin: 4px 0 2px;font-size: var(--kw-fs-base)}.kw-steps p{margin: 0;color: var(--kw-text-2)}.kw-features{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--kw-space-4);margin: 0;padding: 0;list-style: none}.kw-feature{padding: var(--kw-space-5);border: 1px solid var(--kw-line);border-radius: var(--kw-radius-lg);background: var(--kw-surface)}.kw-feature__icon{display: grid;place-items: center;width: 40px;height: 40px;margin-bottom: var(--kw-space-3);border-radius: var(--kw-radius);background: var(--kw-primary-soft);color: var(--kw-primary-ink)}.kw-feature h3{margin-bottom: var(--kw-space-1);font-size: var(--kw-fs-lg)}.kw-feature p{margin: 0;color: var(--kw-text-2)}.kw-faq{display: grid;gap: var(--kw-space-3)}.kw-faq details{border: 1px solid var(--kw-line);border-radius: var(--kw-radius-lg);background: var(--kw-surface)}.kw-faq summary{display: flex;align-items: center;justify-content: space-between;gap: var(--kw-space-4);min-height: 56px;padding: var(--kw-space-3) var(--kw-space-5);list-style: none;cursor: pointer}.kw-faq summary::-webkit-details-marker{display: none}.kw-faq summary::after{content: "";flex-shrink: 0;width: 8px;height: 8px;margin-right: 4px;border-right: 2px solid var(--kw-text-2);border-bottom: 2px solid var(--kw-text-2);transform: translateY(-2px) rotate(45deg);transition: transform 200ms var(--kw-ease)}.kw-faq details[open] summary::after{transform: translateY(2px) rotate(-135deg)}.kw-faq__q{margin: 0;font-size: var(--kw-fs-base);font-weight: 600;line-height: 1.5}.kw-faq__a{padding: 0 var(--kw-space-5) var(--kw-space-4);color: var(--kw-text-2)}.kw-faq__a p:last-child{margin-bottom: 0}.kw-badge{display: inline-flex;align-items: center;gap: var(--kw-space-1);padding: 2px var(--kw-space-2);border-radius: var(--kw-radius-full);background: var(--kw-surface-2);color: var(--kw-text-2);font-size: var(--kw-fs-xs);font-weight: 500;line-height: 1.5}.kw-badge--primary{background: var(--kw-primary-soft);color: var(--kw-primary-ink)}.kw-kbd{padding: 1px 6px;border: 1px solid var(--kw-line-strong);border-bottom-width: 2px;border-radius: var(--kw-radius-sm);background: var(--kw-surface);font-family: var(--kw-mono);font-size: .85em}.kw-table-wrap{overflow-x: auto;border: 1px solid var(--kw-line);border-radius: var(--kw-radius-lg)}.kw-table{width: 100%;border-collapse: collapse;font-size: var(--kw-fs-sm)}.kw-table th,.kw-table td{padding: 10px 14px;border-bottom: 1px solid var(--kw-line);text-align: left;vertical-align: top}.kw-table th{background: var(--kw-surface-2);font-weight: 600}.kw-table tbody tr:nth-child(even){background: var(--kw-bg)}.kw-table tbody tr:last-child td{border-bottom: 0}.kw-prose{max-width: var(--kw-prose)}.kw-prose h2{margin-top: var(--kw-space-10)}.kw-prose h3{margin-top: var(--kw-space-8)}.kw-prose ul,.kw-prose ol{margin: 0 0 var(--kw-space-4);padding-left: 1.4em}.kw-prose li{margin-bottom: var(--kw-space-2)}.kw-prose li::marker{color: var(--kw-muted)}.kw-ad{margin-block: var(--kw-space-8);text-align: center}.kw-ad__label{display: block;margin-bottom: var(--kw-space-1);color: var(--kw-muted);font-size: var(--kw-fs-xs);letter-spacing: .06em;text-transform: uppercase}html{scroll-behavior: smooth}:target{scroll-margin-top: var(--kw-space-6)}.kw-brand:hover .kw-brand__wisp{color: var(--kw-link)}.kw-nav a,.kw-menu__panel a{transition: background-color 120ms var(--kw-ease),color 120ms var(--kw-ease)}.kw-menu>summary .kw-icon + .kw-icon,.kw-menu[open]>summary .kw-icon:first-child{display: none}.kw-menu[open]>summary .kw-icon + .kw-icon{display: inline-block}.kw-menu[open]>summary{background: var(--kw-surface-2);color: var(--kw-text)}.kw-menu[open] .kw-menu__panel{animation: kw-pop 200ms var(--kw-ease)}.kw-footer .kw-brand{font-size: var(--kw-fs-lg)}.kw-footer__grid{grid-template-columns: repeat(2,minmax(0,1fr))}.kw-footer__about{grid-column: 1 / -1}.kw-footer__bottom a{color: var(--kw-text-2);text-decoration: none}.kw-footer__bottom a:hover{color: var(--kw-link);text-decoration: underline}@media (min-width: 768px){.kw-footer__grid{grid-template-columns: 2fr 1fr 1fr}.kw-footer__about{grid-column: auto}}@media (min-width: 1024px){.kw-footer__grid{grid-template-columns: 2fr 1fr 1fr 1fr}}@keyframes kw-pop{from{opacity: 0;transform: translateY(-4px)}}.kw-main--home{padding-top: 0}.kw-hero{position: relative;isolation: isolate;overflow: hidden;border-bottom: 1px solid var(--kw-line);background: radial-gradient(70% 60% at 50% 0%,color-mix(in srgb,var(--kw-primary) 11%,transparent),transparent 70%)}.kw-hero::before{content: "";position: absolute;inset: 0;z-index: -1;background-image: radial-gradient(circle at 1px 1px,var(--kw-line) 1px,transparent 0);background-size: 22px 22px;-webkit-mask-image: radial-gradient(ellipse 55% 75% at 50% 35%,#000 20%,transparent 75%);mask-image: radial-gradient(ellipse 55% 75% at 50% 35%,#000 20%,transparent 75%)}.kw-hero__eyebrow{display: inline-flex;align-items: center;gap: 6px;margin: 0 0 var(--kw-space-5);padding: var(--kw-space-1) var(--kw-space-3);border: 1px solid color-mix(in srgb,var(--kw-primary) 22%,transparent);border-radius: var(--kw-radius-full);background: var(--kw-primary-soft);color: var(--kw-primary-ink);font-size: var(--kw-fs-sm);font-weight: 600;line-height: 1.5}.kw-hero h1{margin-bottom: var(--kw-space-4)}.kw-hero .kw-lead{max-width: 58ch;margin-bottom: var(--kw-space-3)}.kw-hero .kw-lead,.kw-hero__note{text-wrap: balance}.kw-hero__note{max-width: 58ch;margin: 0 auto var(--kw-space-6);color: var(--kw-muted)}.kw-hero{padding-block: var(--kw-space-12) var(--kw-space-10)}@media (min-width: 768px){.kw-hero{padding-block: var(--kw-space-20) var(--kw-space-16)}}.kw-tool-card--soon .kw-tool-card__name{color: var(--kw-text)}.kw-suggest{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--kw-space-2);margin: var(--kw-space-6) 0 0;padding: var(--kw-space-4);border: 1px dashed color-mix(in srgb,var(--kw-line-strong) 55%,transparent);border-radius: var(--kw-radius-lg);color: var(--kw-text-2);text-align: center}.kw-suggest .kw-icon{color: var(--kw-primary-ink)}.kw-suggest a{font-weight: 600}.kw-grid .kw-suggest-card{margin: 0;height: 100%;min-height: 96px;grid-column: 1 / -1}@media (min-width: 768px){.kw-grid .kw-suggest-card{grid-column: auto / span 1}.kw-grid .kw-suggest-card:nth-child(2n+1){grid-column: auto / span 2}}@media (min-width: 1200px){.kw-grid .kw-suggest-card:nth-child(4n+1){grid-column: auto / span 4}.kw-grid .kw-suggest-card:nth-child(4n+2){grid-column: auto / span 3}.kw-grid .kw-suggest-card:nth-child(4n+3){grid-column: auto / span 2}.kw-grid .kw-suggest-card:nth-child(4n){grid-column: auto / span 1}.kw-grid--related .kw-suggest-card:nth-child(3n+1){grid-column: auto / span 3}.kw-grid--related .kw-suggest-card:nth-child(3n+2){grid-column: auto / span 2}.kw-grid--related .kw-suggest-card:nth-child(3n){grid-column: auto / span 1}}.kw-tool-card--wide{grid-column: 1 / -1;align-items: center;min-height: 96px}.kw-tool-card--wide .kw-tool-card__icon{align-self: center}.kw-page-head{margin-bottom: var(--kw-space-8);padding-bottom: var(--kw-space-6);border-bottom: 1px solid var(--kw-line)}.kw-page-head h1{margin-bottom: var(--kw-space-2)}.kw-page-head .kw-meta{margin: 0}.kw-prose>:first-child{margin-top: 0}.kw-prose strong{color: var(--kw-text);font-weight: 600}.kw-prose a{overflow-wrap: anywhere}.kw-notfound{padding-block: var(--kw-space-12) var(--kw-space-4);text-align: center}.kw-notfound__code{margin: 0 0 var(--kw-space-2);color: var(--kw-accent);font-size: clamp(4.5rem,3rem + 7vw,7.5rem);font-weight: 800;line-height: 1;letter-spacing: -.05em}.kw-notfound .kw-lead{max-width: 52ch;margin-inline: auto;text-wrap: balance;margin-bottom: var(--kw-space-8)}.kw-notfound__actions{justify-content: center}@media (max-width: 639px){.kw-notfound__actions>.kw-btn{width: 100%}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}}