.demo-workspace{background:var(--bg0);color:var(--t1);padding:16px 24px 64px;max-width:1600px;margin:auto}.demo-guide,.demo-intro{padding:16px 24px;border-bottom:1px solid var(--bdr);background:var(--bg1);color:var(--t1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.demo-guide p,.demo-intro p{max-width:78ch;font-size:14px;line-height:1.55;margin:6px 0}.demo-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.demo-guide button,.demo-intro a,.demo-intro button,.demo-workspace button{min-height:44px;font:inherit}.demo-panel{padding:16px;border:1px solid var(--bdr);border-radius:10px;background:var(--bg1);margin-bottom:12px;overflow-wrap:anywhere}.demo-panel h2{font-size:17px;margin:0 0 12px}.demo-panel h3{font-size:15px;margin:0 0 6px}.demo-panel p{font-size:14px;line-height:1.6;color:var(--t2)}.demo-explanation button,.demo-guide button,.demo-intro a,.demo-intro button,.demo-panel button,.demo-tool{padding:9px 12px;background:var(--bg2);border:1px solid var(--bdr);border-radius:7px;color:var(--t1);cursor:pointer}.demo-intro button:disabled,.demo-panel button:disabled{opacity:.55;cursor:default}.demo-panel button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.demo-intro a{display:inline-flex;align-items:center;text-decoration:none;box-sizing:border-box}.demo-panel label{display:block;font-size:14px}.demo-panel input,.demo-panel textarea{box-sizing:border-box;max-width:100%;width:100%;padding:10px;background:var(--bg0);color:var(--t1);border:1px solid var(--bdr);border-radius:6px;font:inherit;margin:6px 0;min-height:44px}.demo-panel form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.demo-panel form label{flex:1 1;min-width:130px}.demo-row{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:14px 0;border-bottom:1px solid var(--bdr)}.demo-row:last-child{border-bottom:0}.demo-row p{margin:0;max-width:54ch}.demo-abilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.demo-abilities button{display:grid;text-align:center;grid-gap:4px;gap:4px}.demo-abilities strong{font-size:20px}.demo-check{width:100%;justify-content:space-between;margin:4px 0;gap:8px;text-align:left}.demo-check,.demo-explanation{display:flex;align-items:center}.demo-explanation{padding:12px;border:1px solid var(--gold);border-radius:8px;margin:12px 0;gap:12px;flex-wrap:wrap}.demo-guide :focus-visible,.demo-intro :focus-visible,.demo-workspace :focus-visible{outline:3px solid var(--gold);outline-offset:3px}.demo-workspace .cx-edition{display:inline-flex;align-items:center}.demo-workspace .cx-portrait{display:grid;place-items:center}.demo-workspace .cx-context{flex-wrap:wrap}@media(max-width:800px){.demo-workspace{padding:12px 12px 80px}.demo-guide,.demo-intro{padding:12px}.demo-workspace .cx-checks,.demo-workspace .cx-session{overscroll-behavior:contain}.demo-workspace .cx-save{font-size:11px}}.demo-abilities button{padding:8px 2px;min-width:0;font-size:12px}.demo-abilities span{white-space:nowrap}@media(max-width:800px){.demo-attack>.demo-chips{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:12px}}