.md-main{max-width:1040px}.md-steps{color:#6f7c91;justify-content:space-between;gap:16px;margin:0 0 24px;font-size:12px;display:flex}.md-drop{text-align:center;background:#f5fbfa;border:1px dashed #b1bfd5;border-radius:12px;padding:40px 20px}.md-drop.md-drag{border-color:var(--brand-primary);background:#e8efff}.md-drop h2{overflow-wrap:anywhere}.md-drop p{color:#6a7890;margin:14px 0 20px;font-size:14px;line-height:1.7}.md-drop small{color:#76839a;margin-top:14px;font-size:11px;display:block}.md-options{margin:24px 0;font-size:14px}.md-options label{align-items:center;gap:10px;margin-top:18px;display:flex}.md-options input{width:16px;height:16px;accent-color:var(--brand-primary)}.md-options p{color:#758298;margin:8px 0;font-size:12px;line-height:1.6}.md-warnings{background:#fff8e8;border:1px solid #e5d5ab;border-radius:10px;margin-top:20px;padding:18px;font-size:13px}.md-warnings h2{font-size:14px}.md-warnings ul{margin-top:8px;padding-left:20px;list-style:outside}.md-output-top{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 16px;display:flex}.md-output-top>div{align-items:center;gap:20px;font-size:13px;display:flex}.md-output{box-sizing:border-box;resize:vertical;color:#253550;background:#fafbfd;border:1px solid #d4ddeb;border-radius:10px;width:100%;min-height:420px;padding:20px;font:13px/1.8 Consolas,monospace}.md-clear{color:#6a7890;margin-top:20px;font-size:13px}.md-main textarea:focus-visible,.md-main input:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}@media (width<=600px){.md-steps{flex-wrap:wrap;font-size:11px}.md-output-top{flex-direction:column;align-items:flex-start}.md-drop{padding:26px 16px}.md-output{padding:12px}.md-main .profile-heading h1{font-size:32px}}.md-mask-next{background:#f3f7ff;border:1px solid #cddaf1;border-radius:12px;align-items:center;gap:24px;margin-top:24px;padding:22px;display:flex}.md-mask-next>div{flex:1}.md-mask-next h2{font-size:16px}.md-mask-next p{color:#6a7890;margin-top:8px;font-size:12px;line-height:1.8}.md-mask-next button{flex-shrink:0}@media (width<=650px){.md-mask-next{flex-direction:column;align-items:stretch}.md-mask-next button{justify-content:center}}