:root{--bg-top: #f5f2e9;--bg-bottom: #e8eef7;--panel: #ffffff;--ink: #1b2230;--muted: #5b6679;--accent: #005f73;--accent-soft: #d7edf2;--warn: #a63f00;--ok: #1a7f37;--border: #d6deec;--chip-role: #dff7ef;--chip-span: #fbe6d8;--chip-lang: #e1e8ff;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 18%,#f2dec9 0%,transparent 34%),radial-gradient(circle at 86% 12%,#d2e6ff 0%,transparent 30%),linear-gradient(170deg,var(--bg-top),var(--bg-bottom))}#app{padding:1rem}.shell{max-width:1500px;margin:0 auto}.hero{background:color-mix(in srgb,var(--panel) 86%,transparent);border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:0 14px 35px #15223212}.hero h1{margin:0;font-size:clamp(1.2rem,2.8vw,1.8rem)}.hero p{margin:.35rem 0 1rem;color:var(--muted)}.controls{display:flex;gap:.8rem;flex-wrap:wrap;align-items:end}.file-input,.select-wrap{display:grid;gap:.3rem;font-size:.8rem;color:var(--muted)}.toggle-wrap{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);background:#fff;border-radius:10px;padding:.52rem .65rem;font-size:.82rem;color:var(--muted)}.toggle-wrap input{margin:0}.file-input input,.select-wrap select{border:1px solid var(--border);background:#fff;border-radius:10px;color:var(--ink);padding:.55rem .65rem;font-size:.92rem;min-width:220px}.status{border-radius:10px;border:1px solid var(--border);background:#fff;padding:.55rem .75rem;font-size:.9rem;color:var(--muted)}.status[data-tone=busy]{border-color:#d9b972;color:var(--warn)}.status[data-tone=ok]{border-color:#9ed2b1;color:var(--ok)}.status[data-tone=error]{border-color:#e8b39b;color:#9c2c00}.mode-info{margin-top:.65rem;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.48rem .65rem;font-size:.84rem;color:var(--muted)}.mode-info[data-tone=busy]{border-color:#d9b972;color:var(--warn)}.mode-info[data-tone=ok]{border-color:#9ed2b1;color:var(--ok)}.mode-info[data-tone=warn]{border-color:#efbe9d;color:#9c2c00}.mode-info[data-tone=error]{border-color:#e8b39b;color:#9c2c00}.option2-logs{margin-top:.65rem}.option2-logs pre{margin:.5rem 0 0;max-height:18vh;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.5rem;font-size:.72rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}.stats{margin-top:.85rem;display:flex;gap:.55rem;flex-wrap:wrap}.stat{display:inline-block;padding:.28rem .55rem;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:.78rem}.workspace{margin-top:1rem;display:grid;grid-template-columns:minmax(260px,420px) minmax(320px,1fr) minmax(320px,1fr);gap:1rem}.panel{border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);border-radius:16px;padding:.8rem;min-height:0}.panel h2{margin:0 0 .6rem;font-size:1rem}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.panel-title-row h2{margin:0}.panel-actions{display:inline-flex;align-items:center;gap:.45rem}.panel-copy-btn{border:1px solid #bcc9dd;background:#fff;border-radius:10px;padding:.32rem .58rem;color:#2d3b54;font-size:.8rem;cursor:pointer}.panel-copy-btn:hover:enabled{border-color:#8ea8ca}.panel-copy-btn:disabled{opacity:.55;cursor:not-allowed}.copy-status{min-width:68px;font-size:.76rem;color:var(--muted)}.copy-status[data-tone=ok]{color:var(--ok)}.copy-status[data-tone=warn]{color:var(--warn)}.copy-status[data-tone=error]{color:#9c2c00}.canvas-wrap{border:1px solid var(--border);border-radius:12px;background:#f8fafc;overflow:auto;max-height:74vh}#pageCanvas{display:block;margin:0 auto}.tree-panel{display:flex;flex-direction:column}.tree-output{flex:1;min-height:300px;max-height:70vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:.5rem;background:#fafcff}.tree-list{list-style:none;padding-left:1rem;margin:0}.tree-list>.node,.tree-list>.leaf{margin:.32rem 0}.summary{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;cursor:pointer}.chip{border-radius:999px;border:1px solid transparent;padding:.1rem .45rem;font-size:.74rem;font-weight:600}.chip-role{background:var(--chip-role);border-color:#acd8ca}.chip-span{background:var(--chip-span);border-color:#efbe9d}.chip-lang{background:var(--chip-lang);border-color:#bfccff}.chip-meta{background:#edf1f7;border-color:#ccd5e4;color:#3f4f68}.alt{color:var(--muted);font-size:.8rem}.node-text{margin:.3rem 0 .45rem;padding:.35rem .45rem;border-radius:8px;border:1px solid #dce3ef;background:#fff;font-size:.78rem;color:#334055;white-space:pre-wrap}.leaf{font-size:.84rem;color:var(--muted);font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}.attrs{margin:.35rem 0;display:grid;gap:.45rem}.attr-card{border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}.attr-header{padding:.3rem .5rem;border-bottom:1px solid var(--border);background:var(--accent-soft);font-size:.76rem;font-weight:600}.attr-card pre{margin:0;padding:.45rem;white-space:pre-wrap;word-break:break-word;font-size:.76rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}.raw-json{margin-top:.8rem}.raw-json pre{margin:.5rem 0 0;max-height:32vh;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.5rem;font-size:.76rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}.html-panel{display:flex;flex-direction:column}.html-output{flex:1;min-height:300px;max-height:70vh;overflow:auto;border:1px solid var(--border);border-radius:12px;background:#fff;padding:.6rem}.html-render{white-space:normal;color:#1e2635;line-height:1.45}.html-render [data-role]{margin:.2rem 0}.html-render p,.html-render h1,.html-render h2,.html-render h3,.html-render h4,.html-render h5,.html-render h6{margin:.45rem 0}.html-render ul{margin:.45rem 0;padding-left:1.2rem}.html-render .tag-label{display:inline-block;margin-right:.35rem;color:#4a607f;font-weight:600}.html-render .tag-list{margin:.45rem 0}.html-render .tag-list-item{margin:.25rem 0}.html-render .tag-list-body{display:inline}.html-render table{width:100%;border-collapse:collapse;margin:.65rem 0;font-size:.88rem}.html-render th,.html-render td{border:1px solid #ccd8ec;padding:.35rem .42rem;vertical-align:top}.html-render th{background:#f2f7ff}.html-render .meta-token{display:inline-block;margin:0 .2rem;border:1px solid #d2dbe9;border-radius:6px;padding:.08rem .26rem;font-size:.72rem;color:#5e6b7f;background:#f7f9fc}.html-render .tag-footnote-ref{font-size:.8em;vertical-align:super;line-height:0}.html-render .footnote-ref{text-decoration:none}.html-render .tag-note{margin:.5rem 0;padding:.4rem .55rem;border-left:3px solid #9ab4da;background:#f5f8ff;border-radius:6px;font-size:.9em}.html-render .footnote-marker{font-weight:700;margin-right:.2rem}.html-render .footnote-backref{margin-left:.35rem;text-decoration:none;opacity:.85}.raw-html{margin-top:.8rem}.raw-html pre{margin:.5rem 0 0;max-height:32vh;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;padding:.5rem;font-size:.76rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}.html-warning{font-size:.86rem;color:var(--muted);margin-bottom:.6rem}.html-render-btn{border:1px solid #bcc9dd;background:#fff;border-radius:10px;padding:.45rem .72rem;color:#2d3b54;cursor:pointer}.html-render-btn:hover{border-color:#8ea8ca}@media(max-width:1380px){.workspace{grid-template-columns:minmax(260px,420px) minmax(320px,1fr)}.html-panel{grid-column:1 / -1}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.canvas-wrap{max-height:56vh}.tree-output,.html-output{max-height:54vh}.panel-title-row{flex-wrap:wrap}}