.mp-tool{--mp-on:color-mix(in srgb,var(--ftk-accent) 14%,var(--ftk-surface));--mp-ok:var(--ftk-ok);--mp-warn:var(--ftk-warn);--mp-device:color-mix(in srgb,var(--ftk-ink) 8%,var(--ftk-soft));display:grid;gap:16px;min-width:0;font-family:var(--ftk-font);color:var(--ftk-ink)}.mp-tool,.mp-tool *,.mp-tool :after,.mp-tool :before{box-sizing:border-box}.mp-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mp-tool code{font-family:var(--ftk-mono);font-size:.875em;overflow-wrap:anywhere}.mp-h2{scroll-margin-top:96px;margin:0;font-size:1.125rem;font-weight:680;line-height:1.3}.mp-h2:focus{outline:none}.mp-h2:focus-visible{outline:2px solid var(--ftk-accent);outline-offset:2px;border-radius:4px}.mp-h3{margin:0 0 8px;font-size:1rem;font-weight:640;line-height:1.3}.mp-hint{margin:0;font-size:.8125rem;color:var(--ftk-mute)}.mp-tool .ftk-label{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.mp-tool .ftk-label svg{width:15px;height:15px;color:var(--ftk-icon-accent)}.mp-tabs{display:none;grid-template-columns:1fr 1fr;gap:6px}.mp-tabs__b{min-height:44px;border:0;border-radius:10px;background:var(--ftk-soft);font:inherit;font-weight:600;color:var(--ftk-ink-2);cursor:pointer}.mp-tabs__b[aria-selected=true]{background:var(--mp-on);color:var(--ftk-ink)}.mp-tabs__b:focus-visible{outline:2px solid var(--ftk-accent);outline-offset:2px}.mp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start;min-width:0}.mp-edit,.mp-stage{display:grid;gap:12px;min-width:0;padding:clamp(14px,2vw,20px);border-radius:20px;background:var(--ftk-soft)}.mp-samples{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mp-samples .ftk-btn{min-height:36px}.mp-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-fmt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.mp-file{position:relative;cursor:pointer}.mp-file:focus-within{outline:2px solid var(--ftk-accent);outline-offset:2px}.mp-body{min-height:120px}.mp-body--code{font-family:var(--ftk-mono);font-size:.8125rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.mp-collapsed{display:grid;gap:6px}.mp-peek{margin:0;max-height:9.5em;overflow:hidden;padding:10px 14px;border-radius:12px;background:var(--ftk-surface);font-family:var(--ftk-mono);font-size:.75rem;line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ftk-ink-2);-webkit-mask-image:linear-gradient(180deg,currentColor 70%,transparent);mask-image:linear-gradient(180deg,currentColor 70%,transparent)}.mp-go{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.mp-check{min-height:48px;padding-inline:22px}.mp-fs{min-width:0;margin:0;padding:0;border:0;display:grid;gap:6px}.mp-fs legend{padding:0;margin-bottom:6px}.mp-seg{display:flex;flex-wrap:wrap;gap:6px}.mp-seg__o{position:relative;display:flex;min-width:0}.mp-seg__o input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.mp-seg__o>span{display:flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:10px;background:var(--ftk-surface);font-size:.875rem;font-weight:600;line-height:1.2;color:var(--ftk-ink-2)}.mp-seg__o>span svg{width:15px;height:15px;flex:none;color:var(--ftk-icon-accent)}.mp-seg__o>input:checked+span{background:var(--mp-on);color:var(--ftk-ink)}.mp-seg__o>input:focus-visible+span{outline:2px solid var(--ftk-accent);outline-offset:2px}.mp-mark{width:16px;height:16px;flex:none}.mp-mark--icon{color:var(--ftk-icon-accent)}.mp-mark--mono{display:inline-block;background:currentColor;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.mp-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;align-items:end}.mp-opt--wide{grid-column:1/-1}.mp-more{display:grid;gap:10px}.mp-more-b{display:none;justify-self:start}.mp-opts--row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.mp-opt{min-width:0}.mp-tool .ftk-field{grid-template-columns:minmax(0,1fr)}.mp-opt--narrow{max-width:160px}.mp-switch{position:relative;display:inline-flex;min-height:40px}.mp-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.mp-switch>span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:var(--ftk-surface);font-size:.875rem;font-weight:600;color:var(--ftk-ink-2)}.mp-switch>span svg{width:15px;height:15px;color:var(--ftk-icon-accent)}.mp-switch>input:checked+span{background:var(--mp-on);color:var(--ftk-ink)}.mp-switch>input:focus-visible+span{outline:2px solid var(--ftk-accent);outline-offset:2px}.mp-cols{display:grid;gap:16px;min-width:0}.mp-cols[data-compare=true]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mp-col{display:grid;gap:10px;min-width:0;align-content:start}.mp-approx{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;border-radius:10px;background:var(--ftk-copper-soft);color:var(--ftk-copper);font-size:.8125rem;font-weight:600}.mp-approx svg{width:14px;height:14px;flex:none}.mp-fit{position:relative;width:100%;min-width:0;overflow:hidden}.mp-fit__in{width:max-content;transform-origin:top left}.mp-inbox{display:grid;gap:6px;min-width:0}.mp-inbox__t{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:.875rem;font-weight:640}.mp-inbox__s{font-weight:500;color:var(--ftk-mute);font-size:.8125rem}.mp-row{position:relative;display:grid;gap:1px;padding-block:10px;border-radius:14px;background:var(--ftk-surface);color:var(--ftk-ink);white-space:nowrap}.mp-row__dot{inset-inline-start:12px;top:18px;width:10px;height:10px;background:var(--ftk-icon-accent)}.mp-row__av,.mp-row__dot{position:absolute;border-radius:50%}.mp-row__av{inset-inline-start:16px;top:12px;display:grid;place-items:center;width:40px;height:40px;background:var(--mp-on);color:var(--ftk-ink);font-weight:640}.mp-row__top{position:relative;display:block}.mp-row__time{position:absolute;inset-inline-end:0;top:0;color:var(--ftk-mute)}.mp-line,.mp-line__l{display:block;overflow:hidden}.mp-line--preview,.mp-line__ph{color:var(--ftk-mute)}.mp-line__ph{font-style:italic}.mp-phone{padding:12px;border-radius:40px;background:var(--mp-device)}.mp-phone__screen{overflow:hidden;border-radius:30px;background:var(--ftk-surface)}.mp-phone__bar{display:flex;align-items:center;gap:8px;padding:12px 16px 6px;color:var(--ftk-mute);font-size:.75rem;font-weight:600}.mp-phone__bar svg{width:16px;height:16px}.mp-phone__bar span{margin-inline-start:auto}.mp-open{display:grid;gap:8px;padding:6px 16px 12px}.mp-open__s{margin:0;font-size:1.125rem;font-weight:680;line-height:1.3}.mp-open__f{display:flex;align-items:center;gap:10px;margin:0;font-size:.875rem}.mp-open__av{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--mp-on);font-weight:640}.mp-open__e{color:var(--ftk-mute);overflow-wrap:anywhere}.mp-frame{display:block;border:0;background:var(--ftk-surface)}.mp-results{display:grid;gap:16px;min-width:0}.mp-sum{margin:0;color:var(--ftk-ink-2);font-size:.9375rem}.mp-findings,.mp-fits,.mp-links{padding:16px;border-radius:var(--ftk-radius);background:var(--ftk-soft);min-width:0}.mp-flist{margin:0;padding:0;list-style:none}.mp-f,.mp-flist{display:grid;gap:10px}.mp-f{grid-template-columns:auto minmax(0,1fr);padding:12px;border-radius:12px;background:var(--ftk-surface)}.mp-f__b{display:grid;gap:4px;min-width:0}.mp-f__t{margin:0;font-weight:640}.mp-f__w{font-weight:700}.mp-f[data-status=warn] .mp-f__w{color:var(--mp-warn)}.mp-f[data-status=pass] .mp-f__w{color:var(--mp-ok)}.mp-f__fix,.mp-f__src,.mp-f__x{margin:0;font-size:.9375rem;line-height:1.5}.mp-f__fix{color:var(--ftk-ink-2)}.mp-f__src{font-size:.8125rem;color:var(--ftk-mute)}.mp-st{width:18px;height:18px;flex:none}.mp-st--ok{color:var(--mp-ok)}.mp-st--warn{color:var(--mp-warn)}.mp-st--info{color:var(--ftk-icon-accent)}.mp-table{width:100%;border-collapse:initial;border-spacing:0 6px;font-size:.9375rem}.mp-table td,.mp-table th{padding:8px 10px;text-align:start;vertical-align:middle;background:var(--ftk-surface)}.mp-table thead th{background:transparent;font-size:.8125rem;color:var(--ftk-mute);font-weight:600}.mp-table tbody th{border-radius:10px 0 0 10px;font-weight:600}.mp-table tbody td:last-child{border-radius:0 10px 10px 0}.mp-table tr[data-current=true] td,.mp-table tr[data-current=true] th{background:var(--mp-on)}.mp-table td .mp-st{vertical-align:-3px}.mp-table__n,.mp-table__w{color:var(--ftk-mute);font-weight:500;font-size:.8125rem}.mp-links ul{display:grid;gap:4px;margin:0;padding-inline-start:18px}.mp-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.mp-ai{gap:10px}.mp-rw{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mp-rw__i{display:grid;gap:4px;padding:12px;border-radius:12px;background:var(--ftk-surface)}.mp-rw__i p{margin:0}.mp-rw__p{color:var(--ftk-ink-2)}.mp-rw__n{font-size:.8125rem;color:var(--ftk-mute)}.mp-rw__i .ftk-btn{justify-self:start}.mp-css{display:grid;gap:8px}.mp-css__t{margin:0;font-weight:600}.mp-code{margin:0;padding:12px;border-radius:12px;background:var(--ftk-surface);font-family:var(--ftk-mono);font-size:.8125rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:900px){.mp-tabs{display:grid}.mp-grid{grid-template-columns:minmax(0,1fr)}.mp-edit[data-tab=false],.mp-stage[data-tab=false]{display:none}.mp-more-b{display:inline-flex}.mp-more[data-open=false]{display:none}}@media (max-width:560px){.mp-opt--narrow{max-width:none}.mp-table thead{display:none}.mp-table,.mp-table tbody,.mp-table td,.mp-table th,.mp-table tr{display:block;width:100%}.mp-table tr{margin-bottom:8px;border-radius:10px;overflow:hidden}.mp-table tbody td:last-child,.mp-table tbody th{border-radius:0}.mp-table td:before{content:attr(data-label) ": ";font-weight:600;color:var(--ftk-ink-2)}}@media (prefers-reduced-motion:no-preference){.mp-fit__in{transition:transform .15s ease-out}}.mp-tool .ftk-select{-webkit-appearance:none;appearance:none;min-width:0;min-height:44px;padding-inline-end:36px;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;text-overflow:ellipsis}