:root{--fg:#1a1a1a;--dim:#666;--line:#e5e5e5;--accent:#2563eb;--bg:#fff}@media(prefers-color-scheme:dark){:root{--fg:#e8e8e8;--dim:#9a9a9a;--line:#2a2a2a;--accent:#60a5fa;--bg:#111}}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,Segoe UI,system-ui,sans-serif;max-width:820px;margin:0 auto;padding:0 20px 64px}.site-header{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:32px}.brand{font-weight:700;font-size:18px;color:var(--fg);text-decoration:none}h1{font-size:2rem;line-height:1.2;margin:24px 0 8px}h2{font-size:1.35rem;margin:32px 0 12px}.lede{color:var(--dim);font-size:1.05rem;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:12px;padding:20px;margin:24px 0}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:600}details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:8px;color:var(--dim)}.site-footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--dim);font-size:14px}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.site-footer a{color:var(--dim)}.site-footer .brand-line{margin:0 0 2px;letter-spacing:.01em}.scroll-x{overflow-x:auto;max-width:100%}img{max-width:100%;height:auto}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0}.feature{border:1px solid var(--line);border-radius:10px;padding:14px}.feature h3{font-size:1rem;margin:0 0 6px}.feature p{color:var(--dim);font-size:.92rem}.steps{padding-left:20px}.steps li{margin:10px 0}.steps li strong{display:block}.cta-box{border:1px solid var(--line);border-radius:12px;padding:24px;margin:32px 0;text-align:center}.muted-section{background:color-mix(in srgb,var(--fg) 4%,transparent);border-radius:12px;padding:20px;margin:24px 0}.related-list{list-style:none;padding:0}.related-list li{margin:10px 0}.lang-switch{font-size:14px;color:var(--dim);text-decoration:none;margin-left:12px}.dropzone{border:2px dashed var(--line);border-radius:12px;padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .15s}.dropzone.dragover{border-color:var(--accent)}.dropzone p{color:var(--dim);margin-top:6px}.file-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:.95rem}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.mode-tab{background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:.95rem}.mode-tab.active{border-color:var(--accent);color:var(--accent);font-weight:600}.mode-panel{margin:12px 0}.mode-panel label{display:block;font-size:.9rem;color:var(--dim);margin:10px 0 4px}.mode-panel input[type=text]{width:100%;max-width:420px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.95rem}.hint{font-size:.85rem;color:var(--dim)}.status-msg{margin:10px 0;font-size:.92rem;color:var(--dim)}.status-msg.error{color:#dc2626}.result-list{list-style:none;padding:0;margin:16px 0}.result-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:8px 0;flex-wrap:wrap}.result-list .fname{font-size:.92rem;word-break:break-all}.editor-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}@media(max-width:760px){.editor-wrap{grid-template-columns:1fr}}#md-input{width:100%;min-height:420px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}#md-preview{border:1px solid var(--line);border-radius:10px;padding:16px;min-height:420px;overflow:auto}#md-preview h1{font-size:1.5rem}#md-preview h2{font-size:1.25rem}#md-preview pre{background:color-mix(in srgb,var(--fg) 6%,transparent);padding:10px;border-radius:8px;overflow-x:auto}#md-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}#md-preview table{border-collapse:collapse;width:100%}#md-preview th,#md-preview td{border:1px solid var(--line);padding:6px 10px}#md-preview blockquote{border-left:3px solid var(--line);margin-left:0;padding-left:12px;color:var(--dim)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}@media print{body *{visibility:hidden}#md-preview,#md-preview *{visibility:visible}#md-preview{position:absolute;left:0;top:0;width:100%;border:none;max-height:none}}