.demoTrading{min-width:0;color:var(--text);padding:20px 0;letter-spacing:0}.demoTitle{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.demoTitle h2{font-size:22px;margin:10px 0}.demoBadge{font-size:12px;font-weight:700;color:var(--amber)}.demoTrading button,.demoTrading input,.demoTrading select{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:10px 12px;min-height:42px}.demoTrading button{cursor:pointer}.demoTrading button:disabled{opacity:.5;cursor:not-allowed}.demoTrading input,.demoTrading select{width:100%;min-width:0}.demoBalances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:20px 0;border-block:1px solid var(--line)}.demoBalances span,.demoOrderList span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.demoBalances strong{font-size:20px;overflow-wrap:anywhere}.demoWorkspace{display:grid;grid-template-columns:minmax(260px,400px) minmax(220px,1fr);gap:36px;padding:24px 0}.demoTicket{display:flex;flex-direction:column;gap:16px}.demoTicket label{font-size:13px;display:grid;gap:7px}.demoSegments{display:flex;gap:8px}.demoSegments button{flex:1 1;display:flex;justify-content:center;align-items:center;gap:6px}.demoSegments button[aria-pressed=true]{background:var(--surface-3);border-color:var(--cyan);color:var(--cyan)}.demoPortions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.demoQuote,.demoTotals div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.demoTotals{display:grid;gap:10px}.demoTrading .demoSubmit{background:#08765b;color:white;font-weight:700;border:0}.demoTrading .demoSell{background:#b63348}.demoPositive{color:var(--green)}.demoError,.demoNegative{color:var(--red)}.demoNotice{color:var(--green)}.demoError,.demoNotice{padding:12px 0;overflow-wrap:anywhere}.demoBook{max-width:560px;width:100%;min-width:0}.demoBook h3{font-size:17px;margin-bottom:10px}.demoBook p{font-size:12px;margin-bottom:12px}.demoBook table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demoBook td,.demoBook th{text-align:right;padding:5px 8px;font-size:13px}.demoBook td:first-child,.demoBook th:first-child{text-align:left}.demoSpread{padding:12px 8px;font-size:12px;border-block:1px solid var(--line);margin:6px 0}.demoTabs{justify-content:flex-start;border-top:1px solid var(--line);padding-top:20px}.demoTabs button{flex:0 1 auto}.demoOrderList{margin-top:16px}.demoOrderList article{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:center}.demoOrderList strong{overflow-wrap:anywhere}.demoTrading .demoIcon{padding:10px;display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;flex-shrink:0}.demoFootnote,.demoRules{font-size:12px;color:var(--muted);line-height:1.7;margin-top:20px}.demoRules summary{cursor:pointer;color:var(--text)}.demoRules p{margin-top:10px;max-width:1000px}.demoStart{padding:24px 0;display:grid;gap:16px;max-width:600px}.demoStart button{justify-self:start}.demoTrading button:focus-visible,.demoTrading input:focus-visible,.demoTrading select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(max-width:1000px){.demoBalances,.demoOrderList article{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.demoWorkspace{grid-template-columns:1fr;gap:24px}.demoTitle h2{font-size:19px}.demoBalances strong{font-size:17px}.demoBook{max-width:none}.demoTrading{padding:12px 0}.demoTabs button{font-size:12px}}