:root{--bg:#f6f4ed;--card:#ffffff;--ink:#202227;--muted:#5f6672;--line:#d8d4c8;--brand:#14532d;--accent:#0f766e;--error:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,#d9f99d 0,#f6f4ed 35%,#f3f0e4 100%)}.page{max-width:1000px;margin:0 auto;display:grid;grid-gap:16px;gap:16px}.hero,.page{padding:24px}.hero{background:linear-gradient(130deg,#14532d,#0f766e);color:#fff;border-radius:16px}.hero-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}.panda-avatar{position:relative;width:72px;height:72px;flex-shrink:0}.panda-avatar .ear{position:absolute;width:24px;height:24px;border-radius:999px;background:#0f172a;top:0}.panda-avatar .ear.left{left:8px}.panda-avatar .ear.right{right:8px}.panda-avatar .face{position:absolute;inset:12px 4px 0 4px;border-radius:999px;background:#f8fafc;border:2px solid #dbe3ea}.panda-avatar .eye{position:absolute;width:14px;height:18px;border-radius:999px;background:#0f172a;top:22px}.panda-avatar .eye.left{left:16px;transform:rotate(15deg)}.panda-avatar .eye.right{right:16px;transform:rotate(-15deg)}.panda-avatar .nose{position:absolute;width:10px;height:8px;background:#0f172a;left:calc(50% - 5px);top:38px;border-radius:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.grid,label{display:grid}label{grid-gap:6px;gap:6px;font-size:14px}input,select{padding:10px;font-size:14px}button,input,select{border:1px solid var(--line);border-radius:8px}button{padding:10px 12px;cursor:pointer}button.primary{background:var(--brand);color:#fff;border-color:var(--brand);margin-top:12px}button.secondary{background:transparent;color:var(--ink)}.paths{display:grid;grid-gap:10px;gap:10px}.path{text-align:left;display:grid;grid-gap:4px;gap:4px;background:#f6fdf8}.path.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}pre{white-space:pre-wrap;background:#121827;color:#eff6ff;padding:12px;border-radius:10px;overflow:auto}.error{color:var(--error)}.muted{color:var(--muted)}.action-buttons{margin-top:12px;display:flex;gap:8px}.action-buttons button{flex:1 1;min-height:46px;margin-top:0}@media (max-width:800px){.grid,.lists{grid-template-columns:1fr}}