.tool-layout[data-astro-cid-mqw3mjwu]{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 80px);max-width:1400px;margin:0 auto;padding-top:80px}.tool-sidebar[data-astro-cid-mqw3mjwu]{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid rgba(217,70,239,.1);position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto}.sidebar-header[data-astro-cid-mqw3mjwu]{display:flex;flex-direction:column;gap:.5rem}.tool-badge[data-astro-cid-mqw3mjwu]{display:inline-flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d946ef}.badge-dot[data-astro-cid-mqw3mjwu]{width:5px;height:5px;border-radius:50%;background:#d946ef;box-shadow:0 0 8px #d946ef;animation:glow-pulse 2s ease-in-out infinite}.tool-title[data-astro-cid-mqw3mjwu]{font-size:1.35rem;font-weight:800;color:var(--color-text);margin:0}.tool-desc[data-astro-cid-mqw3mjwu]{font-size:.82rem;color:var(--color-text-muted);margin:0}.control-group[data-astro-cid-mqw3mjwu]{display:flex;flex-direction:column;gap:.5rem}.control-label[data-astro-cid-mqw3mjwu]{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.field-select[data-astro-cid-mqw3mjwu],.field-input[data-astro-cid-mqw3mjwu]{background:#d946ef0d;border:1px solid rgba(217,70,239,.12);border-radius:.5rem;color:var(--color-text);font-size:.78rem;padding:.5rem .65rem;font-family:var(--font-mono);width:100%;box-sizing:border-box;transition:border-color .2s ease}.field-select[data-astro-cid-mqw3mjwu]:focus,.field-input[data-astro-cid-mqw3mjwu]:focus{outline:none;border-color:#d946ef66}.field-select[data-astro-cid-mqw3mjwu] option[data-astro-cid-mqw3mjwu]{background:#0d0710}.qs-row[data-astro-cid-mqw3mjwu]{display:flex;gap:.4rem}.qs-row[data-astro-cid-mqw3mjwu] .field-input[data-astro-cid-mqw3mjwu]{flex:1}.qs-btn[data-astro-cid-mqw3mjwu]{padding:.5rem .65rem;border-radius:.5rem;background:#d946ef1f;border:1px solid rgba(217,70,239,.2);color:#d946ef;cursor:pointer;transition:all .2s ease;flex-shrink:0}.qs-btn[data-astro-cid-mqw3mjwu]:hover{background:#d946ef38}.qs-result[data-astro-cid-mqw3mjwu]{font-size:.72rem;font-family:var(--font-mono);padding:.5rem .65rem;border-radius:.5rem;background:#d946ef12;border:1px solid rgba(217,70,239,.12);color:var(--color-text-secondary);line-height:1.5}.action-btn[data-astro-cid-mqw3mjwu]{display:flex;align-items:center;gap:.45rem;padding:.65rem .875rem;border-radius:.625rem;font-size:.82rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#d946ef,#e879f9);border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:var(--font-body);box-shadow:0 4px 18px #d946ef4d}.action-btn[data-astro-cid-mqw3mjwu]:hover{transform:translateY(-1px);box-shadow:0 6px 28px #d946ef73}.delete-btn[data-astro-cid-mqw3mjwu]{display:flex;align-items:center;gap:.45rem;padding:.6rem .875rem;border-radius:.625rem;font-size:.82rem;font-weight:600;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.2);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.delete-btn[data-astro-cid-mqw3mjwu]:hover{background:#f871712e;border-color:#f8717159}.explain-box[data-astro-cid-mqw3mjwu]{padding:1rem;border-radius:.875rem;flex:1}.explain-title[data-astro-cid-mqw3mjwu]{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d946ef;margin-bottom:.5rem}.explain-text[data-astro-cid-mqw3mjwu]{font-size:.78rem;color:var(--color-text-muted);line-height:1.65;margin:0}.tool-main[data-astro-cid-mqw3mjwu]{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 80px)}.split-area[data-astro-cid-mqw3mjwu]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1}.panel[data-astro-cid-mqw3mjwu]{border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-astro-cid-mqw3mjwu]{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid rgba(217,70,239,.08);flex-shrink:0}.panel-title[data-astro-cid-mqw3mjwu]{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.panel-sub[data-astro-cid-mqw3mjwu]{font-size:.7rem;color:var(--color-text-muted);opacity:.6}.reset-btn[data-astro-cid-mqw3mjwu],.copy-btn[data-astro-cid-mqw3mjwu]{font-size:.7rem;font-weight:600;padding:.25rem .6rem;border-radius:.35rem;background:#d946ef14;border:1px solid rgba(217,70,239,.15);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;font-family:var(--font-body);display:flex;align-items:center;gap:.3rem}.reset-btn[data-astro-cid-mqw3mjwu]:hover,.copy-btn[data-astro-cid-mqw3mjwu]:hover{background:#d946ef26;color:var(--color-text)}.dom-tree[data-astro-cid-mqw3mjwu]{padding:1rem;overflow-y:auto;flex:1;font-family:var(--font-mono);font-size:.78rem}.preview-frame[data-astro-cid-mqw3mjwu]{flex:1;border:none;background:#fff;min-height:280px}.html-panel[data-astro-cid-mqw3mjwu]{max-height:180px}.html-output[data-astro-cid-mqw3mjwu]{padding:1rem 1.25rem;font-size:.72rem;font-family:var(--font-mono);color:var(--color-text-secondary);margin:0;overflow-y:auto;line-height:1.6;white-space:pre;flex:1}@media(max-width:900px){.tool-layout[data-astro-cid-mqw3mjwu]{grid-template-columns:1fr}.tool-sidebar[data-astro-cid-mqw3mjwu]{position:static;height:auto}.split-area[data-astro-cid-mqw3mjwu]{grid-template-columns:1fr}}.tree-node{padding:.2rem 0;user-select:none}.tree-node-inner{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .45rem;border-radius:.35rem;cursor:pointer;transition:background .15s ease;max-width:100%}.tree-node-inner:hover{background:#d946ef1a}.tree-node-inner.selected{background:#d946ef2e;border:1px solid rgba(217,70,239,.3)}.tree-node-inner.qs-match{background:#e879f926;outline:1px dashed rgba(232,121,249,.5)}.tree-toggle{color:var(--color-text-muted);font-size:.65rem}.tree-tag{color:#d946ef;font-weight:600}.tree-id{color:#60a5fa}.tree-class{color:#4ade80}.tree-text{color:var(--color-text-muted);font-style:italic}.tree-children{padding-left:1.25rem;border-left:1px solid rgba(217,70,239,.12);margin-left:.5rem}