/* /launch: token launcher demo, on top of trade.css */
.lx-bar{max-width:1240px;margin:0 auto 6px;padding:0 24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lx-pick{display:flex;align-items:center;gap:8px;color:var(--sub);font-weight:600}
.lx-pick select{min-width:240px;max-width:60vw;padding:9px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--text);font:inherit}
.lx-id{color:var(--muted);font-size:13px;font-family:ui-monospace,monospace}
.lx-sp{flex:1}
.fee-row dt small{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;border:1px solid var(--line2);color:var(--warn);font-size:11px}
.fee-row dd{color:var(--warn)}
.lx-note{margin:0 0 12px;color:var(--sub);font-size:13px}
.lx-f{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;min-width:0}
.lx-f>span{color:var(--sub);font-size:13px;font-weight:600}
.lx-f em{font-style:normal;color:var(--muted);font-weight:500;margin-left:4px}
.lx-f input,.lx-mint input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);color:var(--text);font:inherit}
.lx-f input:focus,.lx-mint input:focus{outline:none;border-color:var(--cyan)}
.lx-f input.bad{border-color:var(--bad)}
.lx-grad{margin-top:14px;padding:14px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
.lx-grad.done{border-color:rgba(57,217,138,.5);background:linear-gradient(180deg,rgba(57,217,138,.08),transparent)}
.lx-grad h3{margin:0 0 4px;font-family:'Space Grotesk',sans-serif;font-size:16px}
.lx-grad p{margin:0 0 10px;color:var(--sub);font-size:13px}
.lx-seed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0}
.lx-seed>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:4px 0}
.lx-seed dt{color:var(--muted);font-size:13px}
.lx-seed dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.lx-pool{margin-top:10px!important;font-size:12px!important;font-family:ui-monospace,monospace;word-break:break-all}
.lx-cfg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:8px 0 0}
.lx-cfg>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line);min-width:0}
.lx-cfg dt{color:var(--muted);font-size:13px;white-space:nowrap}
.lx-cfg dd{margin:0;text-align:right;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lx-cfg code{font-size:12px}
.ok-b{display:inline-block;padding:1px 7px;border-radius:6px;background:rgba(57,217,138,.14);color:var(--ok);font-size:11px;font-weight:700;margin-left:6px}
.lx-how h2,.lx-prev h2{margin:0 0 8px;font-family:'Space Grotesk',sans-serif;font-size:18px}
.lx-how ol{margin:0;padding-left:20px;color:var(--sub)}
.lx-how li{margin:6px 0}
.lx-how li b{color:var(--text)}
.lx-prod{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,209,102,.07);border:1px solid rgba(255,209,102,.25);color:#e9d9a8;font-size:13px}
.trades td.k-buy{color:var(--ok)}
.trades td.k-transfer{color:var(--cyan)}
.trades td.k-graduate{color:var(--violet)}
.trades td.fee{color:var(--warn)}
/* create view */
.lx-create{max-width:1240px;margin:8px auto 40px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;align-items:start}
.lx-form fieldset{border:1px solid var(--line);border-radius:14px;padding:12px 14px 4px;margin:0 0 12px}
.lx-form legend{padding:0 6px;color:var(--text);font-weight:700;font-family:'Space Grotesk',sans-serif}
.lx-fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lx-fh h2{margin:0;font-family:'Space Grotesk',sans-serif}
.lx-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.lx-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.lx-hint{margin:0 0 10px;color:var(--muted);font-size:12.5px}
.lx-presets,.lx-seg{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.lx-presets button,.lx-seg button{border:1px solid var(--line2);background:var(--card2);color:var(--sub);padding:6px 12px;border-radius:10px;font-weight:600}
.lx-presets button:hover,.lx-seg button:hover{color:var(--text)}
.lx-seg button.on{background:rgba(171,196,255,.14);color:var(--text);border-color:var(--cyan)}
.lx-mint{display:flex;gap:8px}
.lx-mint input{flex:1;font-family:ui-monospace,monospace;font-size:13px}
.lx-jup{margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line);font-size:13px;display:flex;gap:10px;align-items:center;min-height:44px}
.lx-jup.ok{border-color:rgba(57,217,138,.45)}
.lx-jup.bad{border-color:rgba(255,107,139,.5);color:#ffc2cf}
.lx-jup img{width:28px;height:28px;border-radius:50%}
.lx-jup .muted{color:var(--muted)}
.lx-jup small{color:var(--muted)}
.linkb{border:0;background:none;color:var(--cyan);padding:0;font-size:inherit;text-decoration:underline}
.lx-prev{position:sticky;top:56px}
.lx-prev .lx-seed{grid-template-columns:1fr}
.lx-warn{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,209,102,.08);border:1px solid rgba(255,209,102,.35);color:var(--warn);font-size:13px}
.lx-prev #pv-note{margin-top:10px}
@media (max-width:1000px){.lx-create{grid-template-columns:1fr}.lx-prev{position:static}.lx-cfg,.lx-seed{grid-template-columns:1fr}}
@media (max-width:640px){.lx-bar{padding:0 12px}.lx-create{padding:0 12px}.lx-row3,.lx-row2{grid-template-columns:1fr}.lx-pick select{min-width:0;max-width:70vw}}
.lx-bar .ghost,.lx-fh .ghost{width:auto;flex:0 0 auto;padding:9px 14px}
.lx-bar .rx-connect{flex:0 0 auto}
/* creator quote-fee */
.cf-row dt small{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;border:1px solid rgba(57,217,138,.4);color:var(--ok);font-size:11px}
.cf-row dd{color:var(--ok)}
.cf-split{flex-wrap:wrap}
.cf-split dd{font-size:12.5px;color:var(--sub);text-align:right}
.cf-split dd b{color:var(--text);font-weight:600}
.cf-note{margin:6px 0 0;color:var(--muted);font-size:12px}
.cf-card .cf-lead{margin:4px 0 10px;color:var(--sub);font-size:13px}
.cf-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,rgba(57,217,138,.10),rgba(57,217,138,.02));border:1px solid rgba(57,217,138,.35)}
.cf-total span{color:var(--sub);font-size:13px}
.cf-total b{font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--ok);font-variant-numeric:tabular-nums}
.cf-total small{color:var(--muted);font-size:12px;flex-basis:100%}
.cf-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.cf-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px;min-width:0}
.cf-list li .who{display:flex;flex-direction:column;min-width:0}
.cf-list li .who b{font-weight:600}
.cf-list li .who code{font-size:11.5px;color:var(--muted)}
.cf-list li .amt{font-weight:700;color:var(--ok);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.cf-list li .amt small{display:block;color:var(--muted);font-weight:500;font-size:11.5px}
.cf-list li.plat .amt{color:var(--sub)}
.cf-list .you{margin-left:6px}
.trades td.cf{color:var(--ok)}
.lx-rcpts{display:grid;gap:6px;margin:2px 0 6px}
.lx-rcpt{display:grid;grid-template-columns:minmax(0,1fr) 92px 34px;gap:6px;align-items:center}
.lx-rcpt input{width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--line2);background:var(--card2);color:var(--text);font:inherit;font-size:13px}
.lx-rcpt input.addr{font-family:ui-monospace,monospace;font-size:12.5px}
.lx-rcpt input:disabled{opacity:.7}
.lx-rcpt input.bad{border-color:var(--bad)}
.lx-rcpt button{border:1px solid var(--line2);background:var(--card2);color:var(--sub);border-radius:10px;height:36px;padding:0}
.lx-rcpt button:disabled{opacity:.35}
#c-rcpt-sum.bad{color:var(--bad)}
@media (max-width:640px){.lx-rcpt{grid-template-columns:minmax(0,1fr) 74px 34px}}
/* creator fee presets */
.cf-presets{align-items:center}
.cf-presets button.on{background:rgba(57,217,138,.12);color:var(--text);border-color:rgba(57,217,138,.55)}
.cf-pnote{color:var(--muted);font-size:12.5px}
.cf-pnote.bump{color:var(--warn)}
