.mk{--mk-font-code:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--mk-tool-max:1040px}.mk.mk-tools-embed{background:var(--mk-bg);min-height:0;padding-top:0}.mk .mk-tools-hero{isolation:isolate;background:var(--mk-ground);padding:clamp(20px,3vw,32px) 0 clamp(36px,5vw,64px);position:relative;overflow:clip}.mk .mk-tools-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 92% 0,#8a5cff14 0%,#8a5cff00 70%);position:absolute;inset:0}.mk .mk-tools-hero .mk-crumbs{margin-bottom:var(--mk-s5)}.mk .mk-tools-hero-copy{max-width:70ch}.mk .mk-tools-hero h1{font-size:var(--mk-fs-h1-page);letter-spacing:-.025em;line-height:1.05}.mk .mk-tools-hero .mk-lead{margin-top:var(--mk-s4);max-width:52ch}.mk .mk-tools-hero-actions{margin-top:var(--mk-s5)}.mk .mk-tools-facts{margin:var(--mk-s4) 0 0;font-size:var(--mk-fs-small);color:var(--mk-ink-2);flex-wrap:wrap;gap:4px 0;padding:0;line-height:1.5;list-style:none;display:flex}.mk .mk-tools-facts li{white-space:nowrap}.mk .mk-tools-facts li+li:before{content:"·";color:var(--mk-ink-3);margin:0 8px}.mk .mk-tools-save{align-items:center;gap:0 var(--mk-s5);margin-top:var(--mk-s3);flex-wrap:wrap;display:flex}.mk .mk-tools-save .mk-link{min-height:44px;font-size:var(--mk-fs-small)}.mk .mk-tools-save-hint{font-size:var(--mk-fs-small);color:var(--mk-ink-3);align-items:center;gap:6px;display:none}@media (min-width:1024px) and (hover:hover){.mk .mk-tools-save-hint{display:inline-flex}}.mk .mk-tools-save .mk-error{flex-basis:100%}.mk .mk-tool-kbd,.mk .mk-tools-save-hint kbd{min-width:22px;height:22px;font-family:var(--mk-font);color:var(--mk-ink-2);text-transform:uppercase;background:var(--mk-bg);border:1px solid var(--mk-rule-2);border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 5px;font-size:.75rem;font-weight:600;line-height:1;display:inline-grid}.mk .mk-tools-list{padding-block:clamp(40px,6vw,80px)}.mk .mk-tools-list-head{justify-content:space-between;align-items:end;gap:var(--mk-s3) var(--mk-s6);margin-bottom:var(--mk-s5);flex-wrap:wrap;display:flex}.mk .mk-tools-list-head>div{max-width:var(--mk-measure)}.mk .mk-tools-list-head .mk-lead{margin-top:var(--mk-s3);font-size:var(--mk-fs-body)}.mk .mk-tools-foot{margin-top:var(--mk-s5)}.mk .mk-tools-filter{align-items:center;gap:var(--mk-s2);margin-bottom:var(--mk-s5);flex-wrap:wrap;display:flex}.mk .mk-tools-filter-hint{font-size:var(--mk-fs-caption);color:var(--mk-ink-3);margin-left:auto;display:none}@media (min-width:1024px) and (hover:hover){.mk .mk-tools-filter-hint{display:block}}.mk .mk-tool-grid{gap:var(--mk-s4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.mk .mk-tool-grid{gap:var(--mk-s5);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.mk .mk-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mk .mk-tool-grid>li{min-width:0;display:flex}.mk .mk-tool-grid:where([data-tools-filter]:not([data-tools-filter=all]))>li[data-cat]{display:none}.mk .mk-tool-grid[data-tools-filter=Privacy]>li[data-cat=Privacy],.mk .mk-tool-grid[data-tools-filter=Security]>li[data-cat=Security],.mk .mk-tool-grid[data-tools-filter=SEO]>li[data-cat=SEO],.mk .mk-tool-grid[data-tools-filter=Design]>li[data-cat=Design],.mk .mk-tool-grid[data-tools-filter=AI]>li[data-cat=AI]{display:flex}.mk .mk-tool-card{width:100%;min-width:0;color:inherit;background:var(--mk-bg);border:1px solid var(--mk-rule-2);border-radius:var(--mk-r-lg);box-shadow:var(--mk-shadow-sm);transition:transform var(--mk-dur) var(--mk-ease), box-shadow var(--mk-dur) var(--mk-ease), border-color var(--mk-dur) var(--mk-ease);flex-direction:column;display:flex;overflow:hidden}.mk .mk-tool-card:hover{box-shadow:var(--mk-shadow-md);border-color:var(--mk-rule-2);transform:translateY(-2px)}.mk .mk-tool-card:focus-visible{outline:2px solid var(--mk-ink);outline-offset:3px}.mk .mk-tool-card-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding:18px 20px 20px;display:flex}.mk .mk-tool-card-name{letter-spacing:-.005em;color:var(--mk-ink);transition:color var(--mk-dur) var(--mk-ease);font-size:1.125rem;font-weight:600;line-height:1.3}.mk .mk-tool-card:hover .mk-tool-card-name{color:var(--mk-accent-text)}.mk .mk-tool-card-desc{font-size:var(--mk-fs-small);color:var(--mk-ink-2);line-height:1.5}.mk .mk-tool-card-meta{padding-top:var(--mk-s3);align-items:center;gap:var(--mk-s2) var(--mk-s3);font-size:var(--mk-fs-caption);color:var(--mk-ink-3);flex-wrap:wrap;margin-top:auto;display:flex}.mk .mk-tool-card-meta .mk-chip{color:var(--mk-ink-2)}@media (max-width:639px){.mk .mk-tool-grid:not(.mk-tool-grid--compact) .mk-tool-thumb{display:none}}.mk .mk-tool-grid--compact .mk-tool-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:639px){.mk .mk-tool-grid--compact .mk-tool-card{flex-direction:row}.mk .mk-tool-grid--compact .mk-tool-thumb{display:none}}.mk .mk-tool-thumb{aspect-ratio:16/9;background:var(--mk-ground);border-bottom:1px solid var(--mk-rule);color:var(--mk-ink-2);flex-direction:column;justify-content:center;gap:7px;padding:16px 22px;font-size:12px;line-height:1.3;display:flex;position:relative;overflow:hidden}.mk .mk-tool-thumb--code{font-family:var(--mk-font-code);color:var(--mk-ink);gap:3px;font-size:12px}.mk .mk-tool-thumb--code span{white-space:nowrap;text-overflow:ellipsis;font-family:inherit;display:block;overflow:hidden}.mk .mk-tt-txt{white-space:nowrap;text-overflow:ellipsis;color:var(--mk-ink-2);display:block;overflow:hidden}.mk .mk-tt-txt--big{color:var(--mk-ink);font-size:14px;font-weight:600}.mk .mk-tt-txt--center{text-align:center}.mk .mk-tt-kv{grid-template-columns:7ch 1fr;align-items:center;gap:8px;display:grid}.mk .mk-tt-kv b{color:var(--mk-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mk .mk-tt-kv i{background:var(--mk-rule-2);height:6px;width:var(--w,50%);border-radius:3px;display:block}.mk .mk-tt-kv--strike b{color:var(--mk-ink-3);text-decoration:line-through}.mk .mk-tt-kv--strike i{background:var(--mk-rule)}.mk .mk-tt-pw{color:var(--mk-ink);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;display:block;overflow:hidden}.mk .mk-tt-seg{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mk .mk-tt-seg i{background:var(--mk-rule-2);border-radius:3px;height:6px;display:block}.mk .mk-tt-seg i.is-on{background:var(--mk-accent)}.mk .mk-tt-swatches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mk .mk-tt-sw{aspect-ratio:2.2;border-radius:var(--mk-r-sm);place-items:center;font-size:18px;font-weight:700;display:grid}.mk .mk-tt-sw--a{background:var(--mk-ink);color:#fff}.mk .mk-tt-sw--b{background:var(--mk-bg);color:var(--mk-ink);box-shadow:inset 0 0 0 1px var(--mk-rule-2)}.mk .mk-tt-og{background:var(--mk-bg);border-radius:var(--mk-r-sm);box-shadow:var(--mk-shadow-sm);gap:5px;padding:6px;display:grid}.mk .mk-tt-og .mk-tt-og-pic{background:var(--mk-rule-2);border-radius:4px;height:34px;display:block}.mk .mk-tt-og .mk-tt-og-line{background:var(--mk-ink);height:6px;width:var(--w,60%);opacity:.8;border-radius:3px;display:block}.mk .mk-tt-og .mk-tt-og-line--dom{background:var(--mk-rule-2);opacity:1}.mk .mk-tt-cmpr{justify-content:center;align-items:center;gap:10px;display:flex}.mk .mk-tt-bx{border-radius:var(--mk-r-sm);background:var(--mk-bg);color:var(--mk-ink);box-shadow:inset 0 0 0 1px var(--mk-rule-2);font-variant-numeric:tabular-nums;padding:8px 10px;font-weight:600}.mk .mk-tt-bx--s{color:var(--mk-accent-text);box-shadow:inset 0 0 0 1px var(--mk-accent);background:var(--mk-accent-tint)}.mk .mk-tt-ar{color:var(--mk-ink-3)}.mk .mk-tt-gauge{background:conic-gradient(from -90deg at 50% 100%, var(--mk-ok) 0 120deg, var(--mk-rule-2) 120deg 180deg, transparent 180deg);border-radius:72px 72px 0 0;width:72px;height:36px;margin:0 auto;position:relative}.mk .mk-tt-gauge i{background:var(--mk-ground);border-radius:56px 56px 0 0;height:28px;position:absolute;bottom:0;left:8px;right:8px}.mk .mk-tt-gauge+.mk-tt-txt{text-align:center}.mk .mk-tt-pages{justify-content:center;display:flex}.mk .mk-tt-pages i{background:var(--mk-bg);width:30px;height:38px;box-shadow:inset 0 0 0 1px var(--mk-rule-2), var(--mk-shadow-sm);border-radius:4px;margin-left:-10px;display:block}.mk .mk-tt-pages i:first-child{margin-left:0}.mk .mk-tool-thumb--checker{background:repeating-conic-gradient(#e9eef4 0 25%, var(--mk-bg) 0 50%) 0 0 / 14px 14px}.mk .mk-tt-cut{background:var(--mk-ink);clip-path:polygon(50% 0,82% 22%,76% 52%,100% 100%,0 100%,24% 52%,18% 22%);width:40px;height:52px;margin:0 auto;display:block}.mk .mk-tool-thumb--checker .mk-tt-txt{background:var(--mk-bg);border-radius:4px;align-self:center;padding:2px 8px}.mk .mk-tt-grade{letter-spacing:-.03em;color:var(--mk-ok);font-size:40px;font-weight:700;line-height:1;display:block}.mk .mk-tt-hdrs{flex-wrap:wrap;gap:6px;display:flex}.mk .mk-tt-hdrs span{background:var(--mk-ok-tint);color:var(--mk-ok);border-radius:4px;padding:3px 7px;font-size:11px;font-weight:600}.mk .mk-tt-scores{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mk .mk-tt-scores span{border-radius:var(--mk-r-sm);background:var(--mk-bg);box-shadow:inset 0 0 0 1px var(--mk-rule-2);text-transform:lowercase;color:var(--mk-ink-3);gap:2px;padding:6px 0;font-size:10px;display:grid}.mk .mk-tt-scores b{color:var(--mk-ok);text-transform:none;font-size:16px;font-weight:700}.mk .mk-tt-scores span:nth-child(3) b{color:var(--mk-warn)}.mk .mk-tt-crop{border:1px dashed var(--mk-ink-3);border-radius:4px;width:60px;height:46px;margin:0 auto;display:block;position:relative}.mk .mk-tt-crop i{background:var(--mk-rule-2);border-radius:3px;position:absolute;inset:9px 12px}.mk .mk-tt-bars{gap:6px;display:grid}.mk .mk-tt-bars span{color:var(--mk-ink);grid-template-columns:6ch 1fr;align-items:center;gap:8px;display:grid}.mk .mk-tt-bars i{background:var(--mk-accent);height:7px;width:var(--w,40%);border-radius:4px;display:block}.mk .mk-tool-head{isolation:isolate;background:var(--mk-ground);padding:clamp(20px,3vw,32px) 0 clamp(28px,4vw,48px);position:relative;overflow:clip}.mk .mk-tool-head:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 92% 0,#8a5cff14 0%,#8a5cff00 70%);position:absolute;inset:0}.mk .mk-tool-head--bare{padding-bottom:clamp(16px,2vw,20px)}.mk .mk-tool-head .mk-crumbs+*{margin-top:var(--mk-s5)}.mk .mk-tool-head-copy{max-width:62ch}.mk .mk-tool-head h1{font-size:var(--mk-fs-h1-page);letter-spacing:-.025em;color:var(--mk-ink);line-height:1.05}.mk .mk-tool-head .mk-lead{margin-top:var(--mk-s3);max-width:56ch}.mk .mk-tool-facts{align-items:center;gap:var(--mk-s2) var(--mk-s4);margin:var(--mk-s5) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.mk .mk-tool-privacy{border-radius:var(--mk-r-sm);background:var(--mk-accent-tint);color:var(--mk-accent-text);font-size:var(--mk-fs-small);padding:7px 12px;font-weight:600;line-height:1.4;display:inline-block}.mk .mk-tool-saved{font-size:var(--mk-fs-small);color:var(--mk-ink-2)}.mk .mk-tool-bench{padding-block:clamp(24px,4vw,48px) clamp(40px,6vw,72px)}.mk .mk-tool-benchbox{max-width:var(--mk-tool-max);min-width:0}.mk .mk-tool-aux{gap:clamp(40px,6vw,64px);padding-bottom:clamp(48px,7vw,96px);display:grid}.mk .mk-tool-aux>*{min-width:0}.mk .mk-tool-about{max-width:var(--mk-max-text)}.mk .mk-tool-about>h2,.mk .mk-tool-more-head h2{font-size:var(--mk-fs-h3);letter-spacing:-.01em;margin-bottom:var(--mk-s4);font-weight:700;line-height:1.2}.mk .mk-tool-faq .mk-faq-title{font-size:var(--mk-fs-h3)!important;letter-spacing:-.01em!important}.mk .mk-tool-more-head{justify-content:space-between;align-items:baseline;gap:var(--mk-s2) var(--mk-s5);margin-bottom:var(--mk-s4);flex-wrap:wrap;display:flex}.mk .mk-tool-more-head h2{margin-bottom:0}.mk .mk-tool-prose{font-size:var(--mk-fs-body);color:var(--mk-ink-2);line-height:1.65}.mk .mk-tool-prose>*+*{margin-top:var(--mk-s4)}.mk .mk-tool-prose :where(h2,h3){margin-top:var(--mk-s6);font-size:var(--mk-fs-h4);letter-spacing:0;font-weight:600;line-height:1.3}.mk .mk-tool-prose :where(h2,h3):first-child{margin-top:0}.mk .mk-tool-prose :where(ul,ol){padding-left:1.25em}.mk .mk-tool-prose li+li{margin-top:var(--mk-s2)}.mk .mk-tool-prose a{color:var(--mk-accent-text);text-underline-offset:3px;font-weight:600;text-decoration:underline 1px}.mk .mk-tool-prose a:hover{text-decoration-thickness:2px}.mk .mk-tool-prose code{font-family:var(--mk-font-code);background:var(--mk-panel-2);color:var(--mk-ink);border-radius:4px;padding:1px 5px;font-size:.9em}.mk .mk-tool-share{align-items:center;gap:var(--mk-s3) var(--mk-s4);flex-wrap:wrap;display:flex}.mk .mk-tool-share-label{font-size:var(--mk-fs-small);color:var(--mk-ink);font-weight:600}.mk .mk-tool-share ul{gap:var(--mk-s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mk .mk-tool-share-btn{cursor:pointer;background:var(--mk-panel-2);width:44px;height:44px;color:var(--mk-ink);transition:background var(--mk-dur) var(--mk-ease), color var(--mk-dur) var(--mk-ease), transform var(--mk-dur) var(--mk-ease);border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.mk .mk-tool-share-btn:hover{background:var(--mk-accent-tint);color:var(--mk-accent-text);transform:translateY(-1px)}.mk .mk-tool-share-btn.is-on{background:var(--mk-ok-tint);color:var(--mk-ok)}.mk .mk-tool-share-btn svg{width:18px;height:18px}.mk .mk-tool-share .mk-error{flex-basis:100%}.mk .mk-tool-cta{padding-block:clamp(8px,2vw,16px) clamp(48px,7vw,96px)}.mk .mk-tool-cta-band{background:var(--mk-band);color:var(--mk-band-ink);border-radius:var(--mk-r-xl);align-items:center;gap:clamp(24px,4vw,48px);padding:clamp(28px,5vw,64px);display:grid}.mk .mk-tool-cta-band :focus-visible{outline-color:#fff}.mk .mk-tool-cta-band h2{color:#fff;font-size:var(--mk-fs-h2);max-width:22ch}.mk .mk-tool-cta-band .mk-eyebrow{color:var(--mk-band-ink-3)}.mk .mk-tool-cta-band p{color:var(--mk-band-ink-2)}.mk .mk-tool-cta-body{margin-top:var(--mk-s4);max-width:56ch;font-size:var(--mk-fs-body)}.mk .mk-tool-cta-proof{margin-top:var(--mk-s4);font-size:var(--mk-fs-small);color:var(--mk-band-ink-3)}.mk .mk-tool-cta-band a:not(.mk-btn){color:#fff;text-underline-offset:4px;font-weight:600;text-decoration:underline 1px}.mk .mk-tool-cta-band a:not(.mk-btn):hover{text-decoration-thickness:2px}.mk .mk-tool-cta-actions{gap:var(--mk-s3);align-content:start;display:grid}.mk .mk-tool-cta-actions .mk-btn{white-space:normal;width:100%;height:auto;min-height:56px;padding-block:12px;line-height:1.25}.mk .mk-tool-cta-note{font-size:var(--mk-fs-small);color:var(--mk-band-ink-3);flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}.mk .mk-tool-cta-note li+li:before{content:"·";margin:0 8px}.mk .mk-tool-cta-band>.mk-tool-cta-note{padding-top:var(--mk-s4);border-top:1px solid var(--mk-band-rule);grid-column:1/-1}@media (min-width:1024px){.mk .mk-tool-cta-band{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:clamp(32px,5vw,72px)}}.mk .mk-tool-cta-light{gap:var(--mk-s5);background:var(--mk-ground);border-radius:var(--mk-r-lg);align-items:center;padding:clamp(24px,4vw,40px);display:grid}.mk .mk-tool-cta-light h2{font-size:var(--mk-fs-h3);max-width:30ch}.mk .mk-tool-cta-light .mk-tool-cta-body{margin-top:var(--mk-s3)}.mk .mk-tool-cta-light .mk-eyebrow{color:var(--mk-ink-3)}.mk .mk-tool-cta-light .mk-actions{justify-content:flex-start}@media (min-width:1024px){.mk .mk-tool-cta-light{grid-template-columns:minmax(0,1fr) auto}}.mk .mk-tools-notify{background:var(--mk-ground);padding-block:clamp(48px,7vw,96px)}.mk .mk-tools-notify-grid{gap:var(--mk-s5) var(--mk-s7);align-items:start;display:grid}@media (min-width:1024px){.mk .mk-tools-notify-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.mk .mk-tools-notify h2{font-size:var(--mk-fs-h3);max-width:22ch}.mk .mk-tools-notify-copy .mk-lead{margin-top:var(--mk-s3);font-size:var(--mk-fs-body);max-width:46ch}.mk .mk-tools-notify-note{margin-top:var(--mk-s3);font-size:var(--mk-fs-small);color:var(--mk-ink-2);line-height:1.5}.mk .mk-tools-nl{gap:var(--mk-s4);background:var(--mk-bg);border:1px solid var(--mk-rule-2);border-radius:var(--mk-r-lg);box-shadow:var(--mk-shadow-sm);min-width:0;padding:clamp(20px,3vw,28px);display:grid}.mk .mk-tools-nl .mk-choice a{color:var(--mk-accent-text);font-weight:600}.mk .mk-tools-nl .mk-choice a:hover{text-underline-offset:3px;text-decoration:underline}.mk .mk-tools-nl-turnstile:empty{display:none}.mk .mk-tools-nl-done{border-left:2px solid var(--mk-ok);padding:4px 0 4px var(--mk-s4);color:var(--mk-ink);font-size:1.0625rem;font-weight:600}@media (max-width:639px){.mk .mk-tools-nl .mk-btn{width:100%}}.mk .mk-tool-stack{gap:var(--mk-s5);min-width:0;display:grid}.mk .mk-tool-stack--tight{gap:var(--mk-s3)}.mk .mk-tool-row{align-items:center;gap:var(--mk-s3);flex-wrap:wrap;display:flex}.mk .mk-tool-cols{gap:var(--mk-s5);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.mk .mk-tool-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.mk .mk-tool-panel{background:var(--mk-bg);border:1px solid var(--mk-rule-2);border-radius:var(--mk-r-lg);min-width:0;box-shadow:var(--mk-shadow-sm);padding:clamp(16px,3vw,24px)}.mk .mk-tool-panel--ground{background:var(--mk-ground);box-shadow:none;border-color:#0000}.mk .mk-tool-panel-head{justify-content:space-between;align-items:center;gap:var(--mk-s2) var(--mk-s4);margin-bottom:var(--mk-s4);flex-wrap:wrap;display:flex}.mk .mk-tool-panel-head :where(h2,h3){font-size:var(--mk-fs-h4);letter-spacing:0;color:var(--mk-ink);font-weight:600;line-height:1.3}.mk .mk-tool-panel-actions{align-items:center;gap:var(--mk-s2);flex-wrap:wrap;display:flex}.mk .mk-tool-subhead{font-size:var(--mk-fs-h4);letter-spacing:0;color:var(--mk-ink);font-weight:600;line-height:1.3}.mk .mk-tool-subhead small{font-size:var(--mk-fs-caption);color:var(--mk-ink-3);margin-left:8px;font-weight:400}.mk .mk-tool-tabs{border-radius:var(--mk-r-md);background:var(--mk-panel-2);flex-wrap:wrap;place-self:start;gap:4px;width:fit-content;max-width:100%;padding:4px;display:inline-flex}.mk .mk-tool-tabs .mk-tool-chip{background:0 0;border:0;min-height:44px}.mk .mk-tool-tabs .mk-tool-chip:is([aria-pressed=true],[aria-selected=true],.is-on){background:var(--mk-bg);color:var(--mk-ink);box-shadow:var(--mk-shadow-sm)}.mk .mk-tool-chip{border:1px solid var(--mk-rule-2);border-radius:var(--mk-r-pill);background:var(--mk-bg);min-height:44px;color:var(--mk-ink-2);font-family:var(--mk-font);font-size:var(--mk-fs-small);letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:background var(--mk-dur) var(--mk-ease), color var(--mk-dur) var(--mk-ease), border-color var(--mk-dur) var(--mk-ease), box-shadow var(--mk-dur) var(--mk-ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;line-height:1.2;display:inline-flex}.mk .mk-tool-chip:hover{color:var(--mk-ink);border-color:var(--mk-ink-3)}.mk .mk-tool-chip:is([aria-pressed=true],[aria-selected=true],.is-on){background:var(--mk-accent-tint);border-color:var(--mk-accent);color:var(--mk-accent-text)}.mk .mk-tool-chip:disabled{opacity:.5;cursor:not-allowed}.mk .mk-tool-chip .mk-tool-kbd{min-width:20px;height:20px;color:var(--mk-ink-3);font-size:.6875rem}@media (hover:none),(max-width:1023px){.mk .mk-tool-chip .mk-tool-kbd{display:none}}.mk .mk-tool-tag{white-space:nowrap;background:var(--mk-panel-2);color:var(--mk-ink-2);border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.8125rem;font-weight:600;line-height:1.35;display:inline-flex}.mk .mk-tool-tag[data-tone=ok]{background:var(--mk-ok-tint);color:var(--mk-ok)}.mk .mk-tool-tag[data-tone=warn]{background:var(--mk-warn-tint);color:var(--mk-warn)}.mk .mk-tool-tag[data-tone=err]{background:var(--mk-err-tint);color:var(--mk-err)}.mk .mk-tool-checks{border-top:1px solid var(--mk-rule);margin:0;padding:0;list-style:none}.mk .mk-tool-checks>li{gap:4px var(--mk-s3);border-bottom:1px solid var(--mk-rule);font-size:var(--mk-fs-small);color:var(--mk-ink-2);grid-template-columns:auto minmax(0,1fr);align-items:baseline;padding:14px 0;line-height:1.5;display:grid}.mk .mk-tool-checks>li>.mk-tool-tag{grid-row:span 2;align-self:start}.mk .mk-tool-checks :where(strong,b){color:var(--mk-ink);font-weight:600}.mk .mk-tool-stats{gap:var(--mk-s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:768px){.mk .mk-tool-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.mk .mk-tool-stat{border-radius:var(--mk-r-md);background:var(--mk-ground);min-width:0;padding:14px 16px}.mk .mk-tool-stat-value{letter-spacing:-.02em;color:var(--mk-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:700;line-height:1.1;display:block}.mk .mk-tool-stat-label{font-size:var(--mk-fs-caption);color:var(--mk-ink-2);margin-top:4px;font-weight:600;display:block}.mk .mk-tool-stat-note{font-size:var(--mk-fs-caption);color:var(--mk-ink-3);margin-top:2px;display:block}.mk .mk-tool-stat[data-tone=ok] .mk-tool-stat-value{color:var(--mk-ok)}.mk .mk-tool-stat[data-tone=warn] .mk-tool-stat-value{color:var(--mk-warn)}.mk .mk-tool-stat[data-tone=err] .mk-tool-stat-value{color:var(--mk-err)}.mk .mk-tool-grade{border-radius:var(--mk-r-lg);background:var(--mk-ground);letter-spacing:-.03em;min-width:96px;height:96px;color:var(--mk-ink);font-variant-numeric:tabular-nums;place-items:center;padding:0 12px;font-size:3.5rem;font-weight:700;line-height:1;display:inline-grid}.mk .mk-tool-grade[data-tone=ok]{background:var(--mk-ok-tint);color:var(--mk-ok)}.mk .mk-tool-grade[data-tone=warn]{background:var(--mk-warn-tint);color:var(--mk-warn)}.mk .mk-tool-grade[data-tone=err]{background:var(--mk-err-tint);color:var(--mk-err)}.mk .mk-tool-grade--sm{border-radius:var(--mk-r-md);min-width:56px;height:56px;font-size:1.75rem}.mk .mk-tool-gauge{align-items:center;gap:var(--mk-s2);flex-direction:column;display:flex}.mk .mk-tool-gauge svg{overflow:visible}.mk .mk-tool-gauge-arc{transition:stroke-dashoffset .7s var(--mk-ease)}.mk .mk-tool-gauge-num{fill:var(--mk-ink);font-family:var(--mk-font);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.mk .mk-tool-gauge-label{font-size:var(--mk-fs-small);color:var(--mk-ink);text-align:center;font-weight:600}.mk .mk-tool-meter{background:var(--mk-panel-2);border-radius:999px;height:8px;position:relative;overflow:hidden}.mk .mk-tool-meter>span{width:calc(var(--value,0) * 100%);border-radius:inherit;background:var(--mk-accent);transition:width .3s var(--mk-ease);position:absolute;inset:0 auto 0 0}.mk .mk-tool-meter[data-tone=ok]>span{background:var(--mk-ok)}.mk .mk-tool-meter[data-tone=warn]>span{background:var(--mk-warn)}.mk .mk-tool-meter[data-tone=err]>span{background:var(--mk-err)}.mk .mk-tool-progress{background:var(--mk-panel-2);width:100%;height:8px;accent-color:var(--mk-accent);-webkit-appearance:none;appearance:none;border:0;border-radius:999px;display:block;overflow:hidden}.mk .mk-tool-progress::-webkit-progress-bar{background:var(--mk-panel-2);border-radius:999px}.mk .mk-tool-progress::-webkit-progress-value{background:var(--mk-accent);border-radius:999px}.mk .mk-tool-progress::-moz-progress-bar{background:var(--mk-accent);border-radius:999px}.mk .mk-tool-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--mk-rule-2);border-radius:var(--mk-r-md);background:var(--mk-bg);max-width:100%;overflow-x:auto}.mk .mk-tool-table{border-collapse:collapse;width:100%;font-size:var(--mk-fs-small);color:var(--mk-ink-2);font-variant-numeric:tabular-nums;line-height:1.45}.mk .mk-tool-table caption{text-align:left;font-size:var(--mk-fs-caption);color:var(--mk-ink-3);caption-side:top;padding:12px 16px 0}.mk .mk-tool-table th{text-align:left;vertical-align:bottom;font-size:var(--mk-fs-caption);color:var(--mk-ink-2);background:var(--mk-ground);border-bottom:1px solid var(--mk-rule-2);white-space:nowrap;padding:10px 16px;font-weight:600}.mk .mk-tool-table td{vertical-align:top;border-bottom:1px solid var(--mk-rule);overflow-wrap:anywhere;padding:12px 16px}.mk .mk-tool-table tbody tr:last-child td{border-bottom:0}.mk .mk-tool-table tbody th{font-size:var(--mk-fs-small);color:var(--mk-ink);border-bottom:1px solid var(--mk-rule);white-space:normal;vertical-align:top;background:0 0}.mk .mk-tool-table .is-num{text-align:right;white-space:nowrap}.mk .mk-tool-kv{border-top:1px solid var(--mk-rule);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.mk .mk-tool-kv>div{gap:2px var(--mk-s4);border-bottom:1px solid var(--mk-rule);padding:10px 0;display:grid}@media (min-width:640px){.mk .mk-tool-kv>div{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.mk .mk-tool-kv dt{font-size:var(--mk-fs-small);color:var(--mk-ink);font-weight:600}.mk .mk-tool-kv dd{font-size:var(--mk-fs-small);color:var(--mk-ink-2);overflow-wrap:anywhere;margin:0}.mk .mk-tool-code{border-radius:var(--mk-r-md);background:var(--mk-band);color:#e6edf5;max-width:100%;font-family:var(--mk-font-code);tab-size:2;white-space:pre;margin:0;padding:16px 18px;font-size:.875rem;line-height:1.6;overflow:auto}.mk .mk-tool-code :where(span,code,b,i,em,strong,kbd){font-family:inherit}.mk .mk-tool-code--wrap{white-space:pre-wrap;overflow-wrap:anywhere}.mk .mk-tool-code:focus-visible{outline:2px solid var(--mk-accent);outline-offset:2px}.mk :is(.mk-input,.mk-textarea).mk-tool-code-field{font-family:var(--mk-font-code);font-size:.9375rem;line-height:1.55}.mk .mk-tool-copy{flex-direction:column;align-items:flex-start;gap:4px;display:inline-flex}.mk .mk-tool-copy .mk-btn svg,.mk .mk-tool-copy .mk-link svg{flex:none;width:16px;height:16px}.mk .mk-tool-copy .mk-link{font-size:var(--mk-fs-small);min-height:44px}.mk .mk-tool-copy .mk-btn.is-copied{background:var(--mk-ok-tint);color:var(--mk-ok)}.mk .mk-tool-drop{padding:clamp(32px, 6vw, 56px) var(--mk-s5);text-align:center;cursor:pointer;border:1.5px dashed var(--mk-field-border);border-radius:var(--mk-r-lg);background:var(--mk-ground);transition:border-color var(--mk-dur) var(--mk-ease), background var(--mk-dur) var(--mk-ease);justify-items:center;gap:6px;display:grid}.mk .mk-tool-drop:hover,.mk .mk-tool-drop.is-over{border-color:var(--mk-accent);background:var(--mk-accent-tint)}.mk .mk-tool-drop.is-busy{cursor:progress;opacity:.7}.mk .mk-tool-drop:has(:focus-visible){outline:2px solid var(--mk-ink);outline-offset:3px}.mk .mk-tool-drop-icon{width:48px;height:48px;margin-bottom:var(--mk-s2);background:var(--mk-bg);color:var(--mk-accent-text);box-shadow:var(--mk-shadow-sm);border-radius:50%;place-items:center;display:grid}.mk .mk-tool-drop-icon svg{width:22px;height:22px}.mk .mk-tool-drop-label{color:var(--mk-ink);font-size:1.0625rem;font-weight:600}.mk .mk-tool-drop-help{font-size:var(--mk-fs-small);color:var(--mk-ink-3)}.mk .mk-tool-drop:hover .mk-tool-drop-help,.mk .mk-tool-drop.is-over .mk-tool-drop-help{color:var(--mk-ink-2)}.mk .mk-tool-drop+.mk-error{margin-top:var(--mk-s3);text-align:center}.mk .mk-tool-preview{border-radius:var(--mk-r-md);background:var(--mk-ground);box-shadow:inset 0 0 0 1px var(--mk-rule-2);position:relative;overflow:hidden}.mk .mk-tool-preview img,.mk .mk-tool-preview canvas{width:100%;height:auto;display:block}.mk .mk-tool-preview--checker{background:repeating-conic-gradient(#e9eef4 0 25%, #fff 0 50%) 0 0 / 16px 16px}.mk .mk-tool-skeleton{border-radius:var(--mk-r-md);background:var(--mk-panel-2);min-height:20px;animation:1.4s ease-in-out infinite mk-tool-pulse;display:block}.mk .mk-tool-skeleton--tile{min-height:96px}.mk .mk-tool-skeleton--line{border-radius:7px;min-height:14px}@keyframes mk-tool-pulse{0%,to{opacity:1}50%{opacity:.45}}.mk .mk-tool-pulse{animation:1.4s ease-in-out infinite mk-tool-pulse}.mk .mk-tool-spinner{border:2px solid var(--mk-rule-2);border-top-color:var(--mk-accent);vertical-align:middle;border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite mk-tool-spin;display:inline-block}@keyframes mk-tool-spin{to{transform:rotate(360deg)}}.mk .mk-tool-loading{justify-content:center;align-items:center;gap:var(--mk-s3);padding:var(--mk-s6) var(--mk-s4);border-radius:var(--mk-r-lg);background:var(--mk-ground);font-size:var(--mk-fs-small);color:var(--mk-ink-2);text-align:center;display:flex}.mk .mk-tool-error{justify-items:start;gap:var(--mk-s3);border-radius:var(--mk-r-md);background:var(--mk-err-tint);color:var(--mk-err);font-size:var(--mk-fs-small);border:1px solid #f2c4bf;padding:14px 16px;line-height:1.5;display:grid}.mk .mk-tool-error p{color:inherit}.mk .mk-tool-empty{padding:var(--mk-s6) var(--mk-s4);border-radius:var(--mk-r-lg);border:1.5px dashed var(--mk-rule-2);text-align:center;font-size:var(--mk-fs-small);color:var(--mk-ink-3)}.mk .mk-tool-empty :where(strong,b){color:var(--mk-ink);margin-bottom:4px;font-size:1rem;display:block}@media (prefers-reduced-motion:reduce){.mk .mk-tool-skeleton,.mk .mk-tool-pulse,.mk .mk-tool-spinner{animation:none}.mk .mk-tool-card:hover,.mk .mk-tool-share-btn:hover{transform:none}}
