.mfc-page{gap:28px;max-width:920px;display:grid}.mfc-hero,.mfc-card{gap:14px;display:grid}.mfc-hero{padding:8px 0 4px}.mfc-hero h1{max-width:16ch;font-size:clamp(2.1rem,4vw,3.4rem)}.mfc-hero>p:last-child,.mfc-card>p{max-width:68ch;font-size:1.05rem;line-height:1.7}.mfc-card{border:1px solid var(--surface-line);background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 30px #0000000d}.mfc-card h2{max-width:22ch;font-size:clamp(1.35rem,2vw,1.7rem)}.mfc-callout{border:1px solid color-mix(in srgb, var(--blue) 16%, var(--surface-line));background:#f5f8ff;border-radius:16px;gap:6px;padding:16px 18px;display:grid}.mfc-callout strong{color:var(--text);font-size:.95rem;font-weight:800}.mfc-steps{gap:12px;margin:4px 0 8px;padding:0;list-style:none;display:grid}.mfc-steps li{color:var(--text-muted);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;font-size:.98rem;line-height:1.55;display:grid}.mfc-steps li:before{color:var(--blue);content:counter(list-item);background:#f5f8ff;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.78rem;font-weight:800;display:inline-flex}.mfc-prompt{background:var(--surface-muted);border:1px solid var(--surface-line);border-radius:16px;gap:10px;padding:14px;display:grid;overflow:hidden}.mfc-prompt-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.mfc-prompt-bar p{color:var(--text);font-size:.86rem;font-weight:700}.mfc-prompt pre{border:1px solid var(--surface-line);white-space:pre-wrap;background:#fff;border-radius:12px;max-height:220px;margin:0;padding:14px;overflow:auto}.mfc-prompt code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.55}.mfc-button,.mfc-button-static{background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;padding:10px 22px;font-size:.86rem;font-weight:650;display:inline-flex}.mfc-button:hover,.mfc-result:hover .mfc-button-static{background:var(--blue-dark)}.mfc-converter{gap:14px;display:grid}.mfc-file-input{display:none}.mfc-dropzone{border:2px dashed color-mix(in srgb, var(--blue) 45%, var(--surface-line));cursor:pointer;text-align:center;background:#f5f8ff;border-radius:20px;justify-items:center;gap:8px;width:100%;padding:48px 24px;display:grid}.mfc-dropzone>*{pointer-events:none}.mfc-dropzone:hover,.mfc-dropzone.is-dragging{background:color-mix(in srgb, var(--blue) 6%, #fff);border-color:var(--blue)}.mfc-dropzone-title{color:var(--text);font-size:1.05rem;font-weight:800}.mfc-dropzone>span:last-of-type{color:var(--text-muted);max-width:42ch;font-size:.92rem;line-height:1.55}.mfc-error{color:var(--red);font-size:.92rem;font-weight:600}.mfc-result{border:1px solid var(--surface-line);cursor:grab;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;box-shadow:0 10px 30px #0000000d}.mfc-result strong{color:var(--text);font-size:.98rem;display:block}.mfc-result p{margin-top:4px;font-size:.88rem}@media (max-width:720px){.mfc-card{padding:22px 18px}.mfc-prompt-bar,.mfc-result{flex-direction:column;align-items:stretch}.mfc-button,.mfc-button-static{width:100%}}