.mt-page{--mt-error:166 35 35;--mt-radius:22px;color:rgb(var(--public-ink));padding-bottom:48px}.mt-file-picker{position:relative;border:1px solid rgb(var(--public-rule));border-radius:10px;padding:14px;background:rgb(var(--public-panel));text-align:center;font-weight:700}.mt-file-picker input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.mt-file-picker:focus-within{outline:3px solid rgb(var(--public-violet));outline-offset:3px}@media (max-width:360px){body:has(.mt-page) .hh-nav{padding-inline:8px}body:has(.mt-page) .hh-nav>a{gap:6px}body:has(.mt-page) .hh-nav>a>span{font-size:22px!important}body:has(.mt-page) .hh-nav .hh-cta{padding-inline:10px;font-size:13px}}.mt-example,.mt-faq,.mt-guide,.mt-heading,.mt-hub-list,.mt-next,.mt-other-tools,.mt-tool{max-width:1120px;margin-inline:auto}.mt-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:64px;padding:52px 24px 42px;align-items:center}.mt-kicker{color:rgb(var(--public-violet-strong));font-size:12px;font-weight:800;margin-bottom:18px}.mt-heading h1{font-size:clamp(32px,4.5vw,58px);line-height:1.5;margin:0;overflow-wrap:anywhere}.mt-heading h1 span{color:rgb(var(--public-violet))}.mt-intro{font-size:16px;color:rgb(var(--public-muted));line-height:2.1;max-width:680px;margin-top:20px}.mt-facts{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;font-weight:700;margin:24px 0 0}.mt-facts li:before{content:"✓";margin-inline-end:6px;color:rgb(var(--public-success))}.mt-heading-note{border-inline-start:1px solid rgb(var(--public-warm-rule));padding:18px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mt-heading-note svg{color:rgb(var(--public-violet));margin-bottom:14px}.mt-heading-note>span{color:rgb(var(--public-muted));font-size:12px}.mt-heading-note strong{font-size:20px;line-height:1.8}.mt-heading-note p{color:rgb(var(--public-muted));font-size:13px;line-height:2}.mt-heading-note a{color:rgb(var(--public-violet-strong));font-size:13px;font-weight:800;padding:9px 0}.mt-tool{scroll-margin-top:100px;padding-inline:16px}.mt-workbench{border:1px solid rgb(var(--public-rule));border-radius:var(--mt-radius);background:rgb(var(--public-panel));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-shadow:0 26px 64px -48px rgb(var(--public-shadow)/.3);overflow:clip}.mt-controls,.mt-output{min-width:0;padding:30px}.mt-controls>h2,.mt-output>h2{font-size:20px;line-height:1.7;margin:0 0 22px}.mt-output{background:rgb(var(--public-paper-soft));border-inline-start:1px solid rgb(var(--public-rule))}.mt-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.mt-page label,.mt-page legend{font-size:13px;font-weight:750;line-height:1.9}.mt-page fieldset{border:0;min-width:0;padding:0;margin:0 0 20px}.mt-page legend{margin-bottom:12px}.mt-page input:not([type=checkbox]):not([type=radio]):not([type=range]),.mt-page select,.mt-page textarea{width:100%;min-width:0;border:1px solid rgb(var(--public-rule));border-radius:10px;padding:11px 13px;font:inherit;font-size:14px;color:rgb(var(--public-ink));background:rgb(var(--public-panel));line-height:1.8}.mt-page textarea{resize:vertical;min-height:150px}.mt-page input[type=file]{padding:16px 12px;font-size:12px}.mt-page input[type=checkbox],.mt-page input[type=radio]{accent-color:rgb(var(--public-violet));width:17px;height:17px;vertical-align:middle;margin-inline-end:8px}.mt-page input[type=range]{width:100%;accent-color:rgb(var(--public-violet))}.mt-page a:focus-visible,.mt-page button:focus-visible,.mt-page input:focus-visible,.mt-page select:focus-visible,.mt-page summary:focus-visible,.mt-page textarea:focus-visible{outline:3px solid rgb(var(--public-violet));outline-offset:3px}.mt-page [aria-invalid=true]{border-color:rgb(var(--mt-error))}.mt-page input:disabled,.mt-page select:disabled,.mt-page textarea:disabled{opacity:.65;cursor:not-allowed}.mt-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 8px;align-items:center}.mt-page button{cursor:pointer;font:inherit;line-height:1.6}.mt-page .mt-actions button,.mt-primary,.mt-secondary{border-radius:10px;padding:12px 17px;font-size:13px;font-weight:800;white-space:nowrap}.mt-primary{border:1px solid rgb(var(--public-violet));background:rgb(var(--public-violet));color:rgb(var(--public-panel))}.mt-primary:hover{background:rgb(var(--public-violet-strong));border-color:rgb(var(--public-violet-strong))}.mt-secondary{border:1px solid rgb(var(--public-rule));background:rgb(var(--public-panel));color:rgb(var(--public-ink))}.mt-secondary:hover{border-color:rgb(var(--public-violet));color:rgb(var(--public-violet-strong))}.mt-page button:active{transform:translateY(1px)}.mt-page button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mt-help{color:rgb(var(--public-muted));font-size:12px;line-height:2;margin:8px 0 14px;overflow-wrap:anywhere}.mt-error{color:rgb(var(--mt-error))}.mt-error,.mt-notice{font-size:13px;line-height:2;margin:12px 0}.mt-notice{color:rgb(var(--public-success))}.mt-error:empty,.mt-notice:empty{display:none}.mt-empty{min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:rgb(var(--public-muted));font-size:14px;line-height:2;padding:20px}.mt-empty strong{color:rgb(var(--public-ink));font-size:20px}.mt-result{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;border:1px solid rgb(var(--public-rule));border-radius:12px;background:rgb(var(--public-panel));padding:18px;max-height:480px;overflow:auto}.mt-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.mt-metric{padding:18px;background:rgb(var(--public-panel));border:1px solid rgb(var(--public-rule));border-radius:12px;min-width:0;overflow-wrap:anywhere}.mt-metric strong{display:block;font-size:24px;font-weight:900;line-height:1.7;font-variant-numeric:tabular-nums}.mt-metric small,.mt-metric span{color:rgb(var(--public-muted));font-size:12px}.mt-table-wrap{max-width:100%;overflow-x:auto;border:1px solid rgb(var(--public-rule));border-radius:12px;background:rgb(var(--public-panel));margin-block:16px}.mt-table-wrap:focus-visible{outline:3px solid rgb(var(--public-violet));outline-offset:3px}.mt-table{width:100%;border-collapse:collapse;font-size:12px}.mt-table td,.mt-table th{padding:12px;border-bottom:1px solid rgb(var(--public-rule));text-align:start;vertical-align:top;line-height:1.8}.mt-table th{color:rgb(var(--public-muted));background:rgb(var(--public-paper-soft));font-weight:700}.mt-table td{overflow-wrap:anywhere}.mt-table tr:last-child td{border-bottom:0}.mt-preview{display:block;max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:10px}.mt-image-card{border:1px solid rgb(var(--public-rule));background:rgb(var(--public-panel));border-radius:14px;padding:16px;margin-bottom:16px;min-width:0}.mt-image-card img{max-width:100%;max-height:260px;height:auto;-o-object-fit:contain;object-fit:contain;margin-inline:auto}.mt-image-card h3{font-size:13px;overflow-wrap:anywhere}.mt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.mt-guide{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:78px 24px 52px}.mt-faq h2,.mt-guide h2,.mt-next h2{font-size:clamp(23px,3vw,32px);line-height:1.7}.mt-guide-note{border-inline-start:3px solid rgb(var(--public-warm-rule));padding-inline-start:18px;margin-top:24px;color:rgb(var(--public-muted));font-size:13px;line-height:2}.mt-guide ol{padding-inline-start:24px;margin:0}.mt-guide li{padding-inline-start:10px;margin-bottom:26px}.mt-guide li::marker{color:rgb(var(--public-violet));font-weight:900}.mt-guide h3{font-size:16px;margin:0 0 9px;font-weight:800}.mt-guide li p{font-size:14px;line-height:2.1;color:rgb(var(--public-muted))}.mt-example{border-block:1px solid rgb(var(--public-warm-rule));padding:28px 32px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px}.mt-example>span{color:rgb(var(--public-violet-strong));font-size:13px;font-weight:800}.mt-example p{font-size:14px;line-height:2.2;margin:0}.mt-faq{padding:55px 24px}.mt-faq h2{margin-bottom:24px}.mt-faq details{border-top:1px solid rgb(var(--public-rule));padding:21px 0}.mt-faq summary{cursor:pointer;font-size:15px;font-weight:750;line-height:2}.mt-faq details p{max-width:800px;font-size:14px;line-height:2.1;color:rgb(var(--public-muted));padding-top:15px}.mt-next{margin-block:12px 40px;padding:32px;background:rgb(var(--public-violet-soft));border:1px solid rgb(var(--public-rule));border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px}.mt-next p{font-size:13px;line-height:2;color:rgb(var(--public-muted));margin-top:12px}.mt-related{display:flex;flex-direction:column;gap:14px;justify-content:center}.mt-conversion{margin-top:32px;margin-bottom:0}.mt-conversion .mt-primary{display:inline-flex;align-items:center;gap:12px;text-decoration:none;white-space:normal}.mt-conversion .mt-help{font-size:11px}.mt-conversion h2{font-size:clamp(21px,2.6vw,29px)}.mt-related a{display:block;font-size:13px;font-weight:800;padding:14px 0;border-bottom:1px solid rgb(var(--public-rule));color:rgb(var(--public-violet-strong))}.mt-other-tools{display:flex;flex-wrap:wrap;padding:0 24px;gap:14px 24px}.mt-other-tools a{color:rgb(var(--public-muted));font-size:12px;line-height:2;text-decoration:underline;text-underline-offset:4px}.mt-hub-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px;gap:20px}.mt-hub-card{min-width:0;padding:30px;background:rgb(var(--public-panel));border:1px solid rgb(var(--public-rule));border-radius:20px;display:flex;flex-direction:column;align-items:start}.mt-hub-card>svg{color:rgb(var(--public-violet));margin-bottom:25px}.mt-hub-card small{color:rgb(var(--public-muted));font-size:11px}.mt-hub-card h2{font-size:23px;line-height:1.8;margin:9px 0}.mt-hub-card p{color:rgb(var(--public-muted));font-size:13px;line-height:2.1;margin-bottom:24px}.mt-hub-card a{margin-top:auto;color:rgb(var(--public-violet-strong));font-weight:800;font-size:13px;border-bottom:1px solid;padding-bottom:3px}@media(max-width:768px){.mt-heading{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 22px}.mt-heading-note{border-inline-start:0;border-top:1px solid rgb(var(--public-warm-rule));padding:22px 0 0}.mt-heading-note p,.mt-heading-note svg{display:none}.mt-heading-note strong{font-size:17px}.mt-workbench{grid-template-columns:minmax(0,1fr);border-radius:17px}.mt-controls,.mt-output{padding:24px 18px}.mt-output{border-inline-start:0;border-top:1px solid rgb(var(--public-rule))}.mt-guide{gap:26px;padding:48px 24px 30px}.mt-example,.mt-guide{grid-template-columns:minmax(0,1fr)}.mt-example{gap:10px;margin-inline:20px;padding:22px 0}.mt-next{gap:20px;margin-inline:16px;padding:24px}.mt-hub-list,.mt-next{grid-template-columns:minmax(0,1fr)}.mt-hub-list{padding-inline:16px}.mt-hub-card{padding:25px}.mt-form-grid{grid-template-columns:minmax(0,1fr)}.mt-faq{padding:36px 24px}}@media(prefers-reduced-motion:reduce){.mt-page *,.mt-page :after,.mt-page :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}