.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-bottom-actions{display:flex;gap:10px}.live-heading{padding:60px 6% 35px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.live-heading h1{font:700 clamp(52px,5.6vw,80px)/1.02 var(--display);margin:24px 0 0;letter-spacing:-1px}.live-heading h1 span{color:#c6a3ed}.live-heading>div>p{font-size:15px;color:#b5a3c5;line-height:1.8}.live-heading .text-button{display:inline-block;margin:20px 23px 0 0;color:#ddc3f3}.live-layout{max-width:1260px;margin:0 auto;padding:30px 6% 90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:start}.live-context{padding-top:22px}.live-beta{color:#c6a3ed;font:10px var(--mono);letter-spacing:1px}.live-context h2{font:700 47px/1.05 var(--display);margin:22px 0;color:#e3d2ef}.live-context>p{font-size:14px;line-height:1.9;color:#ad99bd}.live-context-item{display:flex;gap:17px;margin-top:27px}.live-context-item>span{font:12px var(--mono);color:#b795ce;padding-top:3px}.live-context-item strong{font-size:14px;color:#ddc7ed;font-weight:500}.live-context-item p{color:#9e87af;font-size:13px;line-height:1.7;margin-top:7px}.live-links{display:flex;flex-direction:column;gap:14px;margin-top:30px}.live-links a,.live-contract-link{font-size:12px;color:#cbb0e2;text-decoration:underline;text-underline-offset:4px}.live-context .live-risk{font-size:12px;margin-top:28px;color:#a18bac}.live-brand-shell{border:1px solid #72538a;border-radius:12px;padding:27px;background:var(--brand-bg,#100c18);box-shadow:0 12px 50px #0002;min-width:0}.live-tagline{color:#b8a0cc;font-size:13px;line-height:1.7;margin:15px 0 25px}.live-wallet-row{display:flex;gap:10px}.live-wallet-row>select{flex:1;min-width:0}.live-wallet-row>.button{padding:10px 13px;min-height:42px;font-size:12px}.live-wallet-row select,.live-field select{color:#dec7f3;background:var(--brand-panel,#21162e);border:1px solid #654678;border-radius:6px;padding:10px;font:12px var(--sans)}.live-wallet-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#b397c7;font:9px/1.6 var(--mono);padding:13px 0 20px}.live-form{padding:24px;border:1px solid #4e365d;background:var(--brand-panel,#171020);border-radius:var(--brand-radius,10px)}.live-form-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:23px}.live-form-title h2{font:600 25px var(--sans)}.live-form-title>span{font:10px/1.5 var(--sans);color:#bea2d3}.live-field{background:var(--brand-bg,#0e0a15);border:1px solid #4a335c;padding:15px;border-radius:var(--brand-radius,10px)}.live-field>label,.live-field>small{display:block;color:#ac8fbe;font-size:11px}.live-field>div{display:flex;align-items:center;gap:14px;margin:13px 0}.live-field input,.live-field output{min-width:0;width:100%;border:0;padding:0;background:none;font:500 27px var(--sans);color:#eddef8;outline-offset:5px;overflow-wrap:anywhere}.live-field strong{font-size:14px;color:#dbc1ed}.live-field select{flex-shrink:0}.live-reverse{text-align:center;height:25px;position:relative}.live-reverse button{position:relative;top:-2px;padding:5px 10px;font-size:10px;background:var(--brand-panel);border:1px solid #5c3f6d;border-radius:4px;color:#c9a7df}.live-slippage{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;font-size:12px;color:#bda0cf}.live-slippage>div{display:flex;gap:5px}.live-slippage button{padding:7px;border:1px solid #533867;border-radius:4px;font-size:11px;color:#bda2cf}.live-slippage button.active{background:#392445;color:#e3c9f6;border-color:#9b76b6}.live-quote-details{margin:19px 0}.live-quote-details>div{display:flex;justify-content:space-between;gap:17px;font-size:11px;line-height:1.7;margin:10px 0}.live-quote-details dt{color:#a58bb7}.live-quote-details dd{margin:0;color:#ddc6ee;text-align:right;overflow-wrap:anywhere}.live-form .primary{background:var(--accent,#bb94f2);border-color:var(--accent,#bb94f2);color:var(--brand-button-text,#1c112b);min-height:46px}.live-refresh-row{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.live-refresh-row button{font-size:11px;color:#c8a9dc;padding:6px 0}.live-status{font-size:11px;color:#b39ac4;line-height:1.7;margin-top:13px}.live-status:empty{display:none}.live-error,.live-notice{color:#ecc2e2;background:#352039;border:1px solid #68406e;border-radius:6px;padding:12px;font-size:12px;line-height:1.75;margin:10px 0 17px}.live-transaction{display:block;margin-top:14px;font-size:12px;color:#d7b6ef;text-decoration:underline}.live-contract-link{display:block;line-height:1.7;margin:22px 0}.wallet-choice{margin-top:14px}#live-switch{margin:0 0 18px}.live-layout button:disabled{opacity:.5;cursor:not-allowed;transform:none}.live-brand-shell .brand-powered{margin-top:23px}.live-form :focus-visible{outline:2px solid #ddbcf8;outline-offset:4px}
@media(max-width:850px){.live-layout{gap:5%;padding-inline:4%;grid-template-columns:.75fr 1.25fr}.live-brand-shell{padding:20px}.live-context h2{font-size:40px}.live-heading h1{font-size:57px}.live-heading>div>p{font-size:13px}.live-form{padding:18px}}
@media(max-width:650px){.live-heading{padding:35px 6% 10px;display:block}.live-heading h1{font-size:53px}.live-heading>div>p{margin-top:22px}.live-heading .text-button{margin-top:15px}.live-layout{padding:23px 6% 55px;display:flex;flex-direction:column;gap:30px}.live-brand-shell{width:100%;padding:18px;order:-1}.live-context{padding-top:0}.live-context h2 br{display:none}.live-context h2{font-size:38px}.live-context-item{margin-top:20px}.live-form{padding:15px}.live-form-title>span{font-size:10px}.live-wallet-row{gap:7px}.live-wallet-row select{padding:9px 6px;font-size:11px}.live-wallet-row>.button{font-size:11px;padding:9px}.live-field input,.live-field output{font-size:25px}.live-quote-details>div{font-size:11px}.main-nav{gap:12px}.preview-bottom-actions{width:100%;flex-wrap:wrap}.preview-bottom-actions .button{flex:1}}
.live-field .token-picker{flex:0 0 auto;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;border:1px solid #795a91;background:#21172c;border-radius:7px;color:#ead6fa;font:500 13px var(--sans);cursor:pointer}.live-field .token-picker:hover{border-color:#c6a3ed;background:#31203f}.live-contract-summary{font:10px/1.7 var(--mono);overflow-wrap:anywhere;color:#b5a0c6;margin:15px 0 4px}.live-quote-details>div{font-size:12px}.live-status{font-size:12px}.live-quote-details .high-impact{color:#f0bedc;font-weight:700}.token-choices{display:grid;gap:8px;margin:20px 0}.token-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #624673;background:#1b1326;border-radius:8px;padding:14px;color:#d9bfef;text-align:left}.token-choice>span:first-child{display:grid;gap:5px}.token-choice small{font-size:12px;color:#aa94bd}.token-choice>span:last-child{font:11px var(--mono)}.contract-label{display:block;font-size:13px;color:#d0b4e7;margin:22px 0 10px}.contract-search{display:flex;gap:10px}.contract-search input{min-width:0;flex:1;background:#100c18;border:1px solid #7e5c95;padding:12px;border-radius:6px;color:#e9d4fa;font:12px var(--mono)}.contract-search button{font-size:12px;padding:10px}.token-found{border:1px solid #6c4d81;padding:18px;border-radius:8px;margin-top:18px}.token-found strong{display:block;color:#ead6fa}.token-found strong span{font-size:12px;margin-left:8px;color:#b899cf}.token-found a{display:block;overflow-wrap:anywhere;font:11px/1.7 var(--mono);margin:14px 0;color:#c8a5e5}#token-result{margin-top:15px;font-size:13px;line-height:1.7;color:#d7b6e9}.share-fields label{display:block;font-size:12px;color:#c4a6d9;margin:20px 0 8px}.share-fields textarea{width:100%;resize:vertical;background:#100c18;border:1px solid #735288;border-radius:6px;color:#dcc7ef;padding:13px;font:11px/1.6 var(--mono)}.share-actions{display:flex;gap:8px;margin:12px 0}.share-actions .button{flex:1;font-size:12px}.share-hint{font-size:12px!important;color:#bda3cf!important}.embed-open{display:block;font-size:11px;color:#c9a4e7;text-align:right;margin-bottom:15px;text-decoration:underline}.embed-mode .topbar,.embed-mode .footer,.embed-mode .live-heading,.embed-mode .live-context,.embed-mode .skip-link{display:none}.embed-mode .live-layout{display:block;margin:0 auto;max-width:550px;padding:16px}.embed-mode .live-brand-shell{width:100%;padding:20px}.embed-mode .live-brand-shell .brand-nav{padding:0 4px}.embed-mode .modal-shell{max-width:min(510px,calc(100vw - 28px))}.embed-mode body{min-width:300px;background:#09080e}.embed-mode .live-form{padding:18px}.embed-mode .live-field .token-picker{max-width:130px}@media(max-width:650px){.live-field .token-picker{max-width:112px;padding:10px 8px;font-size:12px}.contract-search{flex-wrap:wrap}.contract-search input{min-width:100%}.contract-search button{width:100%}.share-actions{flex-wrap:wrap}.preview-bottom-actions{flex-direction:column}.live-contract-summary{font-size:10px}.live-field input,.live-field output{font-size:23px}}@media(max-width:360px){.live-brand-shell{padding:12px}.live-form{padding:12px}.live-field{padding:12px}.live-field .token-picker{max-width:102px;font-size:11px}}
/* Amounts stay readable when a custom token has a long symbol. */
.live-field output{white-space:nowrap;overflow-wrap:normal}.live-quote-details dd{min-width:0;max-width:65%}.review-details+p{overflow-wrap:anywhere}
@media(max-width:650px){.live-field>div{flex-wrap:wrap;gap:12px}.live-field input,.live-field output{flex:1 0 100%;font-size:27px}.live-field .token-picker{max-width:100%;margin-left:auto}.live-quote-details dd{max-width:62%}}