.tool-intro{max-width:1200px;margin:0 auto;padding:2rem}.tool-intro h1{margin-block:1rem}.phase2-workspace{border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.phase2-workspace input,.phase2-workspace select{box-sizing:border-box;color:#202b26;width:100%;max-width:100%;font:inherit;background:#fff;border:1px solid #879b94;border-radius:6px;min-height:44px;padding:.65rem}.phase2-workspace button:not(.primary){border:1px solid var(--border);color:#263c32;min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:.6rem .9rem}.phase2-workspace button:disabled{opacity:.55;cursor:default}.phase2-workspace [data-rule],.phase2-workspace [data-rules]{gap:.7rem;display:grid}.phase2-workspace .actions{flex-wrap:wrap;gap:.5rem;display:flex}.phase2-workspace form{gap:1rem;min-width:0;display:grid}.phase2-workspace label{gap:.4rem;display:grid}.phase2-workspace fieldset{gap:.7rem;min-width:0;padding:1rem;display:grid}.phase2-workspace textarea{box-sizing:border-box;max-width:100%}.phase2-workspace #results{flex-wrap:wrap;gap:1rem;margin-block:1rem;display:flex}.phase2-workspace #phase2-tree{overflow-wrap:anywhere;max-height:24rem;overflow:auto}.phase2-workspace #phase2-tree div div{padding-left:1rem}.phase2-workspace #phase2-source{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30rem;font-family:monospace;overflow:auto}.phase2-workspace #phase2-source ol{padding-left:3rem}.phase2-workspace #phase2-source .tag{color:#065f46}.phase2-workspace #phase2-preview{border:1px solid var(--border);overflow-wrap:anywhere;margin-block:1rem;padding:1rem}.phase2-workspace [data-rule]{border-bottom:1px solid var(--border);padding-block:.5rem}.phase2-workspace #phase2-note,.phase2-workspace #phase2-status{overflow-wrap:anywhere}@media (width<=768px){.tool-intro{padding:1.3rem}.phase2-workspace{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-inline:1rem;padding:1.3rem}}
