.swap-layout,.swap-mode-tabs{width:100%;max-width:540px;margin-inline:auto;min-width:0}.swap-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-section);gap:var(--space-section);align-items:start}.swap-layout .panel{padding:var(--space-section)}.swap-layout .panel-heading{padding:0 0 var(--space-row);margin-bottom:var(--space-panel)}.swap-form-panel{max-width:540px;width:100%;min-width:0}.swap-compact .swap-form-panel{max-width:none}.swap-box{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:var(--space-panel)}.swap-box+.swap-box{margin-top:var(--space-grid)}.swap-box-head{justify-content:space-between;margin-bottom:calc(8px * var(--density, 1));color:var(--muted);font:var(--type-label)}.swap-box-head,.swap-coin-btn,.swap-coin-row{display:flex;align-items:center;gap:calc(8px * var(--density, 1))}.swap-coin-btn{min-height:calc(44px * var(--density, 1));padding:calc(7px * var(--density, 1)) calc(12px * var(--density, 1));border:1px solid var(--control);border-radius:6px;background:var(--canvas);color:var(--text);font:var(--type-button);cursor:pointer;flex-shrink:0;max-width:55%}.swap-coin-btn span{overflow:hidden;text-overflow:ellipsis}.swap-coin-btn:hover{border-color:var(--muted)}.swap-coin-icon{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;color:var(--muted)}.swap-coin-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.swap-coin-net{color:var(--faint);font:var(--type-caption)}.swap-form-panel .swap-amount{flex:1 1;min-width:0;text-align:right;border:0;background:transparent;font:var(--type-number-hero);padding:calc(7px * var(--density, 1)) 0}.swap-amount:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.swap-switch{display:grid;place-items:center;margin:var(--space-row) auto;position:relative;z-index:1;width:44px;height:44px;border:1px solid var(--control);border-radius:6px;background:var(--panel);color:var(--muted);cursor:pointer}.swap-switch:hover{color:var(--text);border-color:var(--muted)}.swap-review dl{margin:0;display:flex;flex-direction:column;gap:calc(8px * var(--density, 1))}.swap-review dl>div{display:flex;justify-content:space-between;gap:calc(12px * var(--density, 1));align-items:baseline}.swap-review dt{color:var(--muted);font:var(--type-label);flex-shrink:0;max-width:45%}.swap-review dd{margin:0;text-align:right;font:var(--type-number);overflow-wrap:anywhere;min-width:0}.swap-review dd small{display:block;color:var(--faint);font:var(--type-caption)}.swap-review dd.swap-address{font:var(--type-address)}.swap-status-line{display:flex;align-items:center;gap:calc(8px * var(--density, 1));color:var(--muted);font:var(--type-body)}.swap-qr{display:grid;place-items:center;padding:var(--space-panel);background:var(--canvas);border:1px solid var(--line);border-radius:8px}.swap-qr img{border-radius:4px}.swap-recent{display:flex;flex-direction:column;gap:var(--space-row)}.swap-recent-row{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--density, 1));padding:var(--space-row) 0;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:var(--text);cursor:pointer;width:100%}.swap-recent-row:last-child{border-bottom:0}.swap-recent-row small{display:block;color:var(--faint);font:var(--type-caption)}.swap-picker-list{display:flex;flex-direction:column;gap:calc(4px * var(--density, 1));max-height:50dvh;overflow:auto;margin-top:var(--space-row)}.swap-picker-item{display:flex;align-items:center;gap:calc(8px * var(--density, 1));padding:var(--space-row);border-radius:8px;background:none;border:0;color:var(--text);cursor:pointer;text-align:left;width:100%;min-height:calc(64px * var(--density, 1))}.swap-picker-item:hover{background:var(--raised)}.swap-picker-item small{display:block;color:var(--faint);font:var(--type-caption)}.swap-picker-item .swap-coin-net{margin-left:auto}.swap-picker-item>span{min-width:0;overflow-wrap:anywhere}.swap-side{display:flex;flex-direction:column;gap:var(--space-section);min-width:0}.swap-fee-note{color:var(--faint);font:var(--type-caption);margin-top:var(--space-row);display:flex;align-items:center;gap:calc(6px * var(--density, 1))}.swap-spin{animation:swap-rotate 1s linear infinite}@keyframes swap-rotate{to{transform:rotate(1turn)}}.swap-how{margin:0;padding-left:var(--space-section);display:flex;flex-direction:column;gap:calc(8px * var(--density, 1));color:var(--muted);font:var(--type-body)}.swap-how li::marker{color:var(--faint);font:var(--type-number)}.swap-mode-tabs{justify-content:center;margin-bottom:var(--space-section)}.swap-history,.swap-wallet-panel{min-width:0}.swap-history .panel-heading,.swap-wallet-panel .panel-heading{margin-bottom:var(--space-row)}.swap-chain-tabs{display:flex;margin-bottom:var(--space-panel)}.swap-chain-tabs button{flex:1 1;min-height:calc(44px * var(--density, 1))}.swap-balance{margin:var(--space-row) 0 0;flex-wrap:wrap}.swap-help{color:var(--muted);font:var(--type-caption);overflow-wrap:anywhere}.swap-settings{padding:var(--space-panel);border:1px solid var(--control);border-radius:8px;margin-bottom:var(--space-panel)}.swap-settings h3{font:var(--type-card-title);margin:0 0 var(--space-row)}.swap-presets,.swap-recents{display:flex;gap:calc(8px * var(--density, 1));flex-wrap:wrap;margin:var(--space-panel) 0}.swap-presets button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.swap-quote-details{padding:var(--space-panel) 0}.swap-risk{display:flex;align-items:flex-start;gap:calc(8px * var(--density, 1));border:1px solid var(--control);padding:var(--space-panel);border-radius:8px;color:var(--text);font:var(--type-label);margin:var(--space-section) 0}.swap-risk input{width:18px;height:18px;min-width:18px;margin:0;accent-color:var(--accent)}.swap-progress{display:flex;list-style:none;padding:0;margin:var(--space-section) 0 var(--space-panel);gap:calc(4px * var(--density, 1))}.swap-progress li{flex:1 1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--density, 1));color:var(--muted);font:var(--type-caption)}.swap-progress li[aria-current=step],.swap-progress li[data-done=true]{color:var(--text)}.swap-progress-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--control);border-radius:8px;font:var(--type-number)}.swap-progress li[aria-current=step] .swap-progress-mark{border-color:var(--text)}.swap-progress li[data-done=true] .swap-progress-mark{background:var(--accent);color:var(--on-accent)}.swap-confirm,.swap-token-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;box-sizing:border-box}.swap-confirm:not([open]),.swap-token-dialog:not([open]){display:none}.swap-token-dialog .field>span{display:flex;align-items:center;gap:calc(8px * var(--density, 1))}.swap-route .wallet-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-panel);padding:0;margin-bottom:var(--space-panel)}.swap-route .wallet-sheet-head h2{margin:0;min-width:0;font:var(--type-card-title)}.swap-route .wallet-sheet-head .icon-button{flex:none;min-width:44px;min-height:calc(44px * var(--density, 1));margin:calc(-8px * var(--density, 1)) calc(-8px * var(--density, 1)) calc(-8px * var(--density, 1)) 0;color:var(--muted)}.swap-token-balance{margin-left:auto;font:var(--type-caption);overflow-wrap:anywhere;max-width:35%}.swap-confirm .wallet-actions{display:flex;gap:calc(12px * var(--density, 1))}.swap-confirm .wallet-actions>*{flex:1 1;min-height:calc(44px * var(--density, 1))}.swap-form-panel .wallet-submit{width:100%;min-height:calc(44px * var(--density, 1));margin-top:var(--space-section)}.swap-history .panel-heading h2{display:flex;gap:calc(8px * var(--density, 1));align-items:center}.swap-wallet-panel button:disabled{cursor:not-allowed;opacity:.5}@media(prefers-reduced-motion:reduce){.swap-spin{animation:none}}@media(max-width:520px){.swap-route .main-content{display:flex;flex-direction:column;padding-top:calc(8px * var(--density, 1))}.swap-route .main-content>.announcement-stack{order:1;margin-top:var(--space-section)}.swap-route .page-heading.compact,.swap-route .swap-mode-tabs{margin-bottom:calc(8px * var(--density, 1))}.swap-form-panel .swap-amount{font:var(--type-input);font-family:var(--font-mono)}.swap-review dl>div{gap:calc(8px * var(--density, 1))}.swap-coin-btn{padding:calc(7px * var(--density, 1)) calc(8px * var(--density, 1));gap:calc(6px * var(--density, 1))}}