.tmx-tool-page{--tool-page-max-width:1220px;--tool-reading-width:768px;--tool-gutter:16px;--tool-radius-sm:8px;--tool-radius-md:10px;--tool-radius-lg:16px;--tool-surface:var(--surface-solid);--tool-surface-2:#10b9810f;--tool-border:#ffffff24;--tool-border-strong:#ffffff42;--tool-fg:var(--fg);--tool-muted:var(--muted-fg);--tool-label:#b6c2d3;--tool-primary:#047857;--tool-primary-hover:#065f46;--tool-primary-fg:#fff;--tool-primary-soft:#10b9811f;--tool-accent:var(--accent);--tool-success:#34d399;--tool-success-soft:#10b9811f;--tool-warning:#fbbf24;--tool-warning-soft:#f59e0b14;--tool-danger:#f87171;--tool-danger-soft:#ef44440f;--tool-focus:0 0 0 3px #10b98140;--tool-shadow:0 1px 2px #0f172a0a;--tool-shadow-sm:0 1px 2px #0f172a0a;--exam-border:var(--tool-border);--exam-border-strong:var(--tool-border-strong);--exam-tint:var(--tool-surface-2);--exam-active-bg:var(--tool-primary-soft);--exam-label:var(--tool-label)}[data-theme=light] .tmx-tool-page{--tool-surface-2:#f3f8f6;--tool-border:#dce3ea;--tool-border-strong:#b9c4cf;--tool-label:#475569;--tool-primary-soft:#e7f6ef;--tool-accent:#047857;--tool-success:#047857;--tool-success-soft:#e7f6ef;--tool-warning:#a15c07;--tool-warning-soft:#fef7e8;--tool-danger:#dc2626;--tool-danger-soft:#fef2f2;--accent-light:#047857}@media (min-width:640px){.tmx-tool-page{--tool-gutter:24px}}.tmx-tool-page [data-tool-anchor]{--surface:var(--surface-solid);--surface-hover:var(--tool-surface-2);--border-color:var(--tool-border);--bg:var(--surface-solid)}:root .tmx-tool-page.tmx-tool-page :is(textarea,input[type=text],input[type=number],input[type=search],input[type=url],input[type=email],select):not([style*=background]):not([class*=bg-]){background:var(--surface-solid);border-radius:10px}.tmx-tool-page.tmx-tool-page [data-tool-anchor] [style*="var(--surface)"],.tmx-tool-page.tmx-tool-page [data-tool-anchor] .glass-panel{background-color:var(--tool-surface);-webkit-backdrop-filter:none;box-shadow:var(--tool-shadow-sm);background-image:none;border-color:var(--tool-border)!important}.tmx-tool-page.tmx-tool-page [data-tool-anchor] [style*="var(--surface)"] [style*="var(--surface)"]{box-shadow:none;background-image:none}.tmx-tool-page.tmx-tool-page [data-tool-anchor] a[style*="var(--surface)"]:hover,.tmx-tool-page.tmx-tool-page [data-tool-anchor] button[style*="var(--surface)"]:hover{box-shadow:var(--tool-shadow-sm);border-color:var(--tool-border-strong)!important}.tmx-tool-page.tmx-tool-page [data-tool-anchor] .glass-hover:hover{border-color:var(--tool-border-strong);transform:none}.tmx-tool-page [data-tool-anchor] .btn-primary{border-radius:var(--tool-radius-md);background:var(--tool-primary);min-height:44px;color:var(--tool-primary-fg);box-shadow:none;justify-content:center;padding:0 20px;font-weight:600}.tmx-tool-page [data-tool-anchor] .btn-primary:hover:not(:disabled){background:var(--tool-primary-hover);box-shadow:none;transform:none}.tmx-tool-page [data-tool-anchor] .btn-ghost{border-radius:var(--tool-radius-md);background:var(--tool-surface);-webkit-backdrop-filter:none;min-height:44px;padding:0 18px}@layer components{.tmx-shell{width:min(var(--tool-page-max-width), calc(100vw - 2 * var(--tool-gutter)));margin-inline:auto;padding-block:20px 64px}@media (min-width:1024px){.tmx-shell{padding-block:24px 80px}}.tmx-reading{max-width:var(--tool-reading-width)}.tmx-tool-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""work""promo";gap:20px;margin-top:16px;display:grid}@media (min-width:1024px){.tmx-tool-top{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"hero promo""work work";align-items:end;gap:24px 32px}}.tmx-area-hero{grid-area:hero;min-width:0}.tmx-area-promo{grid-area:promo;min-width:0}.tmx-area-work{grid-area:work;min-width:0}.tmx-hero-head{align-items:flex-start;gap:14px;display:flex}.tmx-hero-icon{border-radius:var(--tool-radius-md);background:var(--tool-primary-soft);width:44px;height:44px;color:var(--tool-accent);border:1px solid color-mix(in srgb, var(--tool-accent) 22%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (min-width:640px){.tmx-hero-icon{width:52px;height:52px}}.tmx-h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--tool-fg);overflow-wrap:anywhere;font-size:clamp(1.625rem,1.2rem + 1.4vw,2.25rem);font-weight:700;line-height:1.15}.tmx-hero-desc{max-width:72ch;color:var(--tool-muted);margin-top:10px;font-size:15px;line-height:1.6}@media (min-width:640px){.tmx-hero-desc{font-size:16px}}.tmx-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tmx-badge{border:1px solid var(--tool-border);background:var(--tool-surface);min-height:28px;color:var(--tool-fg);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.tmx-badge svg{width:14px;height:14px;color:var(--tool-accent);flex-shrink:0}.tmx-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--tool-accent);font-size:12px;font-weight:600}.tmx-section{margin-top:48px}@media (min-width:1024px){.tmx-section{margin-top:64px}}.tmx-h2{letter-spacing:-.01em;color:var(--tool-fg);font-size:20px;font-weight:650;line-height:1.3}@media (min-width:640px){.tmx-h2{font-size:22px}}.tmx-section-lead{color:var(--tool-muted);margin-top:6px;font-size:14.5px}.tmx-card{background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:var(--tool-radius-lg);box-shadow:var(--tool-shadow);min-width:0;padding:16px}@media (min-width:640px){.tmx-card{padding:20px}}.tmx-card-flush{padding:0;overflow:hidden}.tmx-subtle{background:var(--tool-surface-2);border:1px solid var(--tool-border);border-radius:12px}.tmx-step-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tmx-step-title{color:var(--tool-fg);align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1.25;display:flex}.tmx-step-num{background:var(--accent);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.tmx-step-desc{color:var(--tool-muted);margin-top:4px;font-size:13.5px;line-height:1.5}.tmx-stack{flex-direction:column;gap:20px;min-width:0;display:flex}.tmx-split,.tmx-split-aside,.tmx-split-main{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:1024px){.tmx-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px}.tmx-split-aside{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px}.tmx-split-main{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px}}.tmx-sticky{min-width:0}@media (min-width:1024px){.tmx-sticky{top:calc(var(--nav-height,4rem) + 16px);position:sticky}}.tmx-btn{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:15px;font-weight:600;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.tmx-btn:disabled,.tmx-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.tmx-btn-secondary:disabled,.tmx-btn-secondary[aria-disabled=true],.tmx-btn-danger:disabled,.tmx-btn-danger[aria-disabled=true]{opacity:1;background:var(--tool-surface-2);border-color:var(--tool-border);color:var(--tool-muted)}.tmx-btn svg{flex-shrink:0;width:16px;height:16px}.tmx-btn-primary{color:#fff;background:#047857}.tmx-btn-primary:hover:not(:disabled){background:#065f46;box-shadow:0 2px 8px #05966940}.tmx-btn-secondary{background:var(--surface-solid);border-color:var(--tool-border-strong);color:var(--tool-fg)}.tmx-btn-secondary:hover:not(:disabled){border-color:var(--accent);background:var(--tool-surface-2)}.tmx-btn-ghost{color:var(--tool-fg);background:0 0}.tmx-btn-ghost:hover:not(:disabled){background:var(--tool-surface-2)}.tmx-btn-danger{background:var(--tool-surface);border-color:color-mix(in srgb, var(--tool-danger) 40%, transparent);color:var(--tool-danger)}.tmx-btn-danger:hover:not(:disabled){background:var(--tool-danger-soft)}.tmx-btn-lg{min-height:48px;padding:0 22px;font-size:15px}.tmx-btn-sm{border-radius:8px;min-height:36px;padding:0 10px;font-size:13px}.tmx-btn-block{width:100%}@media (max-width:639px){.tmx-btn-block-mobile{width:100%}}.tmx-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tmx-label{color:var(--tool-fg);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.tmx-help{color:var(--tool-muted);margin-top:6px;font-size:12.5px;line-height:1.5}.tmx-input{border:1px solid var(--tool-border);background:var(--surface-solid);width:100%;min-height:46px;color:var(--tool-fg);border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.4;transition:border-color .15s,box-shadow .15s;display:block}textarea.tmx-input{resize:vertical;min-height:160px;line-height:1.55}.tmx-input:hover{border-color:var(--tool-border-strong)}.tmx-segmented{background:var(--tool-surface-2);border:1px solid var(--tool-border);border-radius:12px;flex-wrap:wrap;gap:4px;max-width:100%;padding:4px;display:inline-flex}.tmx-segmented>button{min-height:44px;color:var(--tool-muted);border-radius:8px;padding:0 14px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s}.tmx-segmented>button:not([aria-pressed=true]):not([aria-selected=true]):not(:disabled):hover{background:var(--surface-solid);color:var(--tool-fg)}.tmx-segmented>button[aria-selected=true],.tmx-segmented>button[aria-pressed=true],.tmx-segmented>button[data-active=true]{background:var(--surface-solid);color:var(--tool-fg);box-shadow:0 1px 2px #0f172a14, inset 0 -2px 0 var(--accent)}.tmx-result{background:var(--tool-primary-soft);border:1px solid #10b98173;border-radius:12px;padding:16px}.tmx-result-label{letter-spacing:.04em;text-transform:uppercase;color:var(--tool-label);font-size:12px;font-weight:600}.tmx-result-value{letter-spacing:-.02em;color:var(--tool-fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:4px;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);font-weight:700;line-height:1.1}.tmx-stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.tmx-stat{border:1px solid var(--tool-border);background:var(--surface-solid);border-radius:10px;min-width:0;padding:10px 12px}.tmx-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--tool-label);font-size:12px;font-weight:600}.tmx-stat-value{color:var(--tool-fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:2px;font-size:18px;font-weight:650}.tmx-alert{border:1px solid var(--tool-border);overflow-wrap:anywhere;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.tmx-alert>svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.tmx-alert-success{background:var(--tool-success-soft);border-color:color-mix(in srgb, var(--tool-success) 35%, transparent);color:var(--tool-fg)}.tmx-alert-success>svg{color:var(--tool-success)}.tmx-alert-warning{background:var(--tool-warning-soft);border-color:color-mix(in srgb, var(--tool-warning) 35%, transparent);color:var(--tool-fg)}.tmx-alert-warning>svg{color:var(--tool-warning)}.tmx-alert-error{color:var(--tool-fg);background:#ef44440f;border-color:#ef444459}.tmx-alert-error>svg{color:var(--tool-danger)}.tmx-alert-info{background:var(--tool-surface-2);color:var(--tool-fg);border-color:#0000}.tmx-alert-info>svg{color:var(--tool-accent)}.tmx-empty{text-align:center;border:1px dashed var(--tool-border-strong);background:var(--tool-surface-2);min-height:160px;color:var(--tool-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:14px;display:flex}.tmx-empty svg{width:28px;height:28px;color:var(--tool-muted);opacity:.7}.tmx-upload{text-align:center;border:2px dashed var(--tool-border-strong);background:var(--tool-surface-2);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;transition:border-color .15s,background-color .15s;display:flex}.tmx-upload:hover{border-color:var(--accent);background:var(--tool-primary-soft)}.tmx-upload[data-dragging=true]{border-color:var(--accent);background:var(--tool-primary-soft);border-style:solid}.tmx-upload[data-invalid=true]{border-color:var(--tool-danger)}.tmx-upload-icon{display:none}.tmx-upload-title{color:var(--tool-fg);font-size:16px;font-weight:600}.tmx-upload-sub{color:var(--tool-muted);font-size:14px}.tmx-upload-meta{color:var(--tool-muted);overflow-wrap:anywhere;font-size:12.5px}.tmx-privacy{background:var(--tool-surface-2);color:var(--tool-muted);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:13.5px;line-height:1.5;display:flex}.tmx-privacy svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:1px}.tmx-privacy strong{color:var(--tool-fg);font-weight:600}.tmx-steps{counter-reset:tmx-step;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px;display:grid}@media (min-width:640px){.tmx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.tmx-steps[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.tmx-steps[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.tmx-steps[data-count="5"],.tmx-steps[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.tmx-step{border-radius:var(--tool-radius-md);border:1px solid var(--tool-border);background:var(--tool-surface);color:var(--tool-muted);gap:12px;padding:16px;font-size:14px;line-height:1.55;display:flex}.tmx-features{grid-template-columns:minmax(0,1fr);gap:10px 24px;margin-top:16px;display:grid}@media (min-width:640px){.tmx-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.tmx-features{grid-template-columns:repeat(3,minmax(0,1fr))}}.tmx-features li{color:var(--tool-fg);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;display:flex}.tmx-features li svg{width:18px;height:18px;color:var(--tool-accent);flex-shrink:0;margin-top:1px}.tmx-tool-page .tmx-seo{max-width:var(--tool-reading-width);border-color:var(--tool-border);color:var(--tool-muted);margin-inline:0}.tmx-tool-page .tmx-seo h2{font-family:var(--font-display);color:var(--tool-fg);font-size:24px;font-weight:600;line-height:1.3}.tmx-tool-page .tmx-seo h3{color:var(--tool-fg);font-size:17px;font-weight:600}.tmx-tool-page .tmx-seo :where(p,li){font-size:15.5px;line-height:1.75}.tmx-tool-page .tmx-seo :where(td,th){font-size:14px}@media (min-width:640px){.tmx-tool-page .tmx-seo :where(p,li){font-size:16px}}}@layer base{.tmx-tool-page :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden],[type=button],[type=submit],[type=reset]),select){min-height:44px}.tmx-tool-page :is(input,select,textarea){border-radius:var(--tool-radius-md);accent-color:var(--tool-accent)}.tmx-tool-page :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea){background-color:var(--tool-surface);color:var(--tool-fg)}.tmx-tool-page input[type=range]{accent-color:#059669;cursor:pointer;height:28px}}.tmx-tool-page :is(input,select,textarea):focus-visible{box-shadow:var(--tool-focus);outline:none;border-color:#10b981!important}.tmx-tool-page :is(button,a,[role=button],[role=tab],summary,[tabindex]):focus-visible{outline-offset:2px;outline:3px solid #10b9818c}.tmx-tool-page :is(input[type=checkbox],input[type=radio],input[type=range]):focus-visible{outline-offset:2px;box-shadow:none;outline:3px solid #10b9818c}@keyframes tmx-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tmx-enter{animation:.18s ease-out both tmx-rise}@media (prefers-reduced-motion:reduce){.tmx-tool-page *,.tmx-tool-page :before,.tmx-tool-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}