.mthc-wrapper{--mthc-primary:#46757e;--mthc-primary-dark:#385d65;--mthc-primary-soft:#f0f9fa;--mthc-ink:#1e293b;--mthc-ink-strong:#0f172a;--mthc-body:#475569;--mthc-muted:#64748b;--mthc-line:#e2e8f0;--mthc-line-soft:#f1f5f9;--mthc-surface:#f8fafc;--mthc-canvas:#fff;--mthc-success:#15803d;--mthc-error:#b91c1c;position:relative;max-width:1400px;margin:40px auto;padding:32px;background-color:var(--mthc-canvas);border-radius:16px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05) , 0 8px 10px -6px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Noto Sans JP",Meiryo,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--mthc-ink);line-height:1.6;box-sizing:border-box}.mthc-wrapper *,.mthc-wrapper *::before,.mthc-wrapper *::after{box-sizing:inherit}.mthc-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mthc-dropzone{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;border-radius:16px;border:3px dashed var(--mthc-primary);background-color:rgba(240,249,250,.94);pointer-events:none}.mthc-dropzone.is-active{display:flex}.mthc-dropzone__label{font-size:1.1rem;font-weight:700;color:var(--mthc-primary-dark)}.mthc-title{font-size:2rem;font-weight:800;color:var(--mthc-ink-strong);margin:0 0 20px 0;letter-spacing:-.025em;text-align:center;position:relative;padding-bottom:16px}.mthc-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:var(--mthc-primary);border-radius:2px}.mthc-description{text-align:center;font-size:.95rem;color:var(--mthc-muted);margin:0 auto 32px auto;max-width:640px;line-height:1.8;text-wrap:pretty;word-break:auto-phrase;line-break:strict}.mthc-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;background-color:var(--mthc-surface);border-radius:12px}.mthc-option{font-size:.9rem;font-weight:600;color:var(--mthc-body)}.mthc-option label{display:flex;align-items:center;gap:8px;cursor:pointer}.mthc-option input[type="checkbox"]{accent-color:var(--mthc-primary);width:16px;height:16px;cursor:pointer}.mthc-file-actions{display:flex;flex-wrap:wrap;gap:8px}.mthc-snippet-area{margin-bottom:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mthc-small-label{font-size:.8rem;font-weight:700;color:var(--mthc-muted)}.mthc-snippet-btn{padding:6px 14px;font:inherit;font-size:.8rem;font-weight:500;background:var(--mthc-canvas);border:1px solid var(--mthc-line);border-radius:99px;color:var(--mthc-body);cursor:pointer;transition:border-color .2s , color .2s , background-color .2s , transform .2s}.mthc-snippet-btn:hover{border-color:var(--mthc-primary);color:var(--mthc-primary);background-color:var(--mthc-primary-soft);transform:translateY(-1px)}.mthc-editor-area{display:flex;gap:32px;margin-bottom:24px;width:100%}.mthc-editor-pane{flex:1;min-width:0;display:flex;flex-direction:column}.mthc-pane-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.mthc-label{display:block;margin:0;font-weight:700;font-size:.85rem;color:#334155}.mthc-count{font-size:.75rem;font-weight:600;color:var(--mthc-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.mthc-textarea{width:100%;height:420px;min-height:300px;padding:20px;border:2px solid var(--mthc-line);border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono","Courier New",monospace;font-size:.95rem;line-height:1.7;background-color:var(--mthc-canvas);color:var(--mthc-ink);transition:border-color .2s , box-shadow .2s;resize:vertical}.mthc-textarea:focus{outline:none;border-color:var(--mthc-primary);box-shadow:0 0 0 4px rgba(70,117,126,.15)}.mthc-textarea::placeholder{color:var(--mthc-muted);opacity:1}.mthc-button-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.mthc-btn{flex:0 1 auto;min-width:200px;padding:14px 24px;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;border:2px solid var(--mthc-primary);border-radius:10px;background-color:var(--mthc-primary);color:#fff;transition:background-color .2s ease , color .2s ease , transform .2s ease , box-shadow .2s ease;box-shadow:0 4px 6px -1px rgba(70,117,126,.2);text-align:center}.mthc-btn:hover{background-color:var(--mthc-primary-dark);border-color:var(--mthc-primary-dark);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(70,117,126,.3)}.mthc-btn:active{transform:translateY(0)}.mthc-btn--ghost{background-color:transparent;color:var(--mthc-primary);box-shadow:none;font-weight:600}.mthc-btn--ghost:hover{background-color:var(--mthc-primary-soft);border-color:var(--mthc-primary);color:var(--mthc-primary-dark);box-shadow:none}.mthc-btn.is-done,.mthc-btn--ghost.is-done{background-color:var(--mthc-success);border-color:var(--mthc-success);color:#fff}.mthc-btn-secondary{padding:8px 16px;font:inherit;font-size:.85rem;font-weight:600;background:var(--mthc-canvas);color:var(--mthc-body);border:1px solid var(--mthc-line);border-radius:8px;cursor:pointer;transition:background-color .2s , border-color .2s , color .2s}.mthc-btn-secondary:hover{background:var(--mthc-surface);border-color:#cbd5e1}.mthc-btn-secondary--accent{color:var(--mthc-primary);border-color:var(--mthc-primary)}.mthc-btn-secondary--accent:hover{background:var(--mthc-primary-soft);border-color:var(--mthc-primary)}.mthc-wrapper button:focus-visible,.mthc-wrapper input:focus-visible,.mthc-wrapper summary:focus-visible{outline:3px solid var(--mthc-primary);outline-offset:2px}.mthc-status{min-height:1.5em;margin:0 0 20px 0;font-size:.85rem;font-weight:600;color:var(--mthc-muted)}.mthc-status.is-success{color:var(--mthc-success)}.mthc-status.is-error{color:var(--mthc-error)}.mthc-preview-wrapper{border-top:2px solid var(--mthc-line-soft);padding-top:32px}.mthc-preview-title{margin:0 0 16px 0;font-size:1.1rem;font-weight:800;color:var(--mthc-ink-strong)}.mthc-preview-area{min-height:200px;padding:32px;border:1px solid var(--mthc-line);background-color:var(--mthc-canvas);border-radius:12px;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.02);overflow-x:auto}.mthc-preview-area:empty{display:flex;align-items:center;justify-content:center;border-style:dashed;background-color:var(--mthc-surface);box-shadow:none}.mthc-preview-area:empty::before{content:'変換結果のプレビューがここに表示されます';font-size:.9rem;color:var(--mthc-muted);text-align:center}.mthc-preview-area table{border-collapse:collapse;width:100%;margin:16px 0}.mthc-preview-area th,.mthc-preview-area td{border:1px solid var(--mthc-line);padding:8px 12px;text-align:left}.mthc-preview-area th{background-color:var(--mthc-surface);font-weight:700}.mthc-preview-area pre{background-color:var(--mthc-surface);padding:16px;border-radius:8px;overflow-x:auto}.mthc-guide-wrapper{margin-top:48px;border-top:2px solid var(--mthc-line-soft);padding-top:32px}.mthc-guide-title{margin:0 0 20px 0;font-size:1.25rem;font-weight:800;color:var(--mthc-ink-strong);letter-spacing:-.025em}.mthc-guide-section{background-color:var(--mthc-surface);border-radius:12px;margin-bottom:12px;border:1px solid var(--mthc-line)}.mthc-guide-summary{display:flex;align-items:center;gap:10px;padding:16px 24px;cursor:pointer;list-style:none;user-select:none;border-radius:12px}.mthc-guide-summary::-webkit-details-marker{display:none}.mthc-guide-summary::before{content:'';flex:none;width:8px;height:8px;border-right:2px solid var(--mthc-primary);border-bottom:2px solid var(--mthc-primary);transform:rotate(-45deg);transition:transform .2s ease}.mthc-guide-section[open]>.mthc-guide-summary::before{transform:rotate(45deg)}.mthc-guide-summary h3,.mthc-guide-summary h4,.mthc-guide-summary h5,.mthc-guide-summary h6{display:inline;margin:0;font-size:1rem;font-weight:700;color:#334155}.mthc-guide-body{padding:0 24px 20px 24px}.mthc-guide-body ol,.mthc-guide-body ul{margin:0;padding-left:20px}.mthc-guide-body li{margin-bottom:12px;font-size:.9rem;color:var(--mthc-body);line-height:1.8}.mthc-guide-body li:last-child{margin-bottom:0}.mthc-guide-body code{background-color:var(--mthc-line);padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:var(--mthc-ink-strong);margin:0 2px}.mthc-guide-body ul ul{margin-top:8px;padding-left:16px}.mthc-guide-body ul ul li{margin-bottom:6px;list-style-type:circle}@media screen and (max-width:1024px){.mthc-wrapper{max-width:95%;padding:24px;margin:20px auto}}@media screen and (max-width:850px){.mthc-editor-area{flex-direction:column;gap:20px}.mthc-textarea{height:300px}.mthc-button-group{flex-direction:column}.mthc-btn{min-width:0;width:100%}.mthc-title{font-size:1.5rem}.mthc-preview-area,.mthc-guide-body{padding:20px}.mthc-guide-summary{padding:14px 20px}.mthc-guide-body{padding-top:0}}@media (prefers-reduced-motion:reduce){.mthc-wrapper *,.mthc-wrapper *::before,.mthc-wrapper *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.mthc-btn:hover,.mthc-snippet-btn:hover{transform:none}}@media (prefers-color-scheme:dark){.mthc-wrapper[data-mthc-dark="auto"]{--mthc-primary:#6fa4ae;--mthc-primary-dark:#8bbcc5;--mthc-primary-soft:#1c2b2f;--mthc-ink:#e2e8f0;--mthc-ink-strong:#f8fafc;--mthc-body:#cbd5e1;--mthc-muted:#94a3b8;--mthc-line:#334155;--mthc-line-soft:#1e293b;--mthc-surface:#172029;--mthc-canvas:#0f172a;--mthc-success:#4ade80;--mthc-error:#f87171;box-shadow:0 10px 25px -5px rgba(0,0,0,.4)}.mthc-wrapper[data-mthc-dark="auto"] .mthc-btn{color:#0f172a}.mthc-wrapper[data-mthc-dark="auto"] .mthc-btn--ghost{color:var(--mthc-primary)}.mthc-wrapper[data-mthc-dark="auto"] .mthc-dropzone{background-color:rgba(15,23,42,.94)}}