:root{--b1: #ffffff;--b1-10: rgba(255, 255, 255, .1);--b2: #171e1b;--b3: #252b28;--b5: #2e362d;--t1: #d9d9d9;--t2: #808080;--t3: #a3a3a3;--t5: #ffffff;--t6: #000000;--c1: #65ff84;--gradient-btn: linear-gradient(90deg, #b4ff71 .479%, #48ff8b 99.797%);--gradient-btn-hover: linear-gradient(90deg, #a4ff52 .479%, #00ea56 99.797%);--gradient-badge: linear-gradient(90deg, #ffa424 0%, #ffa600 100%);--shadow-card: 0 20px 60px rgba(0, 0, 0, .4);--shadow-btn: 0 8px 24px rgba(101, 255, 132, .25);--border-card: 1px solid var(--b5);--radius-xl: 20px;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--radius-pill: 30px;--radius-full: 9999px;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 32px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:linear-gradient(180deg,#0a0f0d,#121916,#0a0f0d);color:var(--t1);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}#root{width:100%;display:flex;justify-content:center}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:transparent}button{cursor:pointer}img{max-width:100%;height:auto}.app-container{width:100%;max-width:554px;display:flex;flex-direction:column;gap:16px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.logo{display:flex;align-items:center;gap:10px;font-size:var(--font-size-xl);font-weight:700;color:var(--t5)}.logo svg{flex-shrink:0}.header-actions{display:flex;align-items:center;gap:12px}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--b2);color:var(--t3);transition:all var(--transition-fast)}.btn-icon:hover{background:var(--b5);color:var(--t1)}.health-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--b2);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--t3)}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--t3);transition:background var(--transition-fast)}.health-indicator.healthy .health-dot{background:var(--c1);box-shadow:0 0 8px var(--c1)}.health-indicator.error .health-dot{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b}.swap-container{display:flex;flex-direction:column;gap:10px}.swap-card{position:relative;background:var(--b3);border:var(--border-card);border-radius:var(--radius-xl);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.token-section{background:var(--b2);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.from-section{margin-bottom:8px}.to-section{margin-top:8px}.token-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.token-label{font-size:var(--font-size-base);font-weight:700;color:var(--t1);min-width:38px}.to-section .token-label{color:var(--t3)}.chain-selector{display:flex;align-items:center;gap:4px;cursor:pointer;transition:opacity var(--transition-fast)}.chain-selector:hover{opacity:.8}.chain-icon{width:16px;height:16px;border-radius:50%;object-fit:cover}.chain-selector span{font-size:var(--font-size-xs);font-weight:500;color:var(--t2)}.token-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.token-selector{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--b1-10);border-radius:var(--radius-pill);transition:background var(--transition-fast)}.token-selector:hover{background:#ffffff26}.token-icon{width:28px;height:28px;border-radius:50%;object-fit:cover}.token-symbol{font-size:var(--font-size-lg);font-weight:700;color:var(--t1)}.dropdown-arrow{color:var(--t3);transition:transform var(--transition-fast)}.token-selector:hover .dropdown-arrow{transform:translateY(2px)}.amount-input-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:1;min-width:0}.amount-input{width:100%;font-size:var(--font-size-2xl);font-weight:700;color:var(--t1);text-align:right;background:transparent}.amount-input::placeholder{color:var(--t3)}.amount-output{font-size:var(--font-size-2xl);font-weight:700;color:var(--t1)}.amount-usd{font-size:var(--font-size-base);font-weight:500;color:var(--t2)}.swap-direction-btn{position:absolute;left:50%;top:calc(50% - 8px);transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--b3);border:3px solid var(--b2);border-radius:var(--radius-md);color:var(--t1);z-index:10;transition:all var(--transition-fast)}.swap-direction-btn:hover{background:var(--b5);transform:translate(-50%,-50%) rotate(180deg)}.details-card{display:flex;flex-direction:column;gap:12px}.address-section{background:var(--b2);border-radius:var(--radius-md);padding:11px 20px}.address-header{display:flex;justify-content:space-between;align-items:center}.address-label{font-size:var(--font-size-base);font-weight:500;color:var(--t5);text-transform:capitalize}.address-input{font-size:var(--font-size-xs);color:var(--t2);text-align:right;flex:1;max-width:320px}.address-input::placeholder{color:var(--t2)}.rate-bar{display:flex;justify-content:center;align-items:center;gap:40px;padding:12px 0;background:var(--b5);border-radius:var(--radius-sm)}.rate-info{display:flex;align-items:center;gap:7px}.rate-text{font-size:var(--font-size-base);font-weight:500;color:var(--t2);text-transform:capitalize}.btn-refresh{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--t3);transition:all var(--transition-fast)}.btn-refresh:hover{color:var(--c1);transform:rotate(180deg)}.rate-loading{display:flex;align-items:center;justify-content:center}.rate-loading .spinner{animation:spin 1s linear infinite;color:var(--t2)}.rate-loading.hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swap-settings{display:flex;flex-direction:column;gap:16px;padding:0 20px}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-label{font-size:var(--font-size-sm);font-weight:500;color:var(--t2)}.setting-value{display:flex;align-items:center;gap:8px}.slippage-badge{padding:2px 8px;background:var(--c1);border-radius:4px;font-size:var(--font-size-xs);font-weight:500;color:var(--t6)}.slippage-input{width:24px;font-size:var(--font-size-sm);font-weight:500;color:var(--t1);text-align:right}.slippage-value,.slippage-percent{font-size:var(--font-size-sm);font-weight:500;color:var(--t1)}.btn-slippage-settings{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--b5);border-radius:50%;color:var(--t3);transition:all var(--transition-fast)}.btn-slippage-settings:hover{background:var(--b3);color:var(--t1)}.setting-value-text{font-size:var(--font-size-sm);font-weight:500;color:var(--t1)}.quote-selector{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;background:var(--b2);border-radius:var(--radius-md)}.quote-left{display:flex;align-items:center;gap:4px}.quote-badge{padding:4px 8px;background:var(--gradient-badge);border-radius:4px;font-size:var(--font-size-xs);font-weight:500;color:var(--b2);text-transform:capitalize}.quote-label{font-size:var(--font-size-lg);font-weight:500;color:var(--t3);text-transform:capitalize}.quote-provider{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.quote-provider:hover{background:var(--b1-10)}.provider-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.provider-name{font-size:var(--font-size-xs);font-weight:500;color:var(--t3);text-transform:capitalize}.btn-confirm{position:relative;width:100%;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-btn);border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:700;color:var(--t6);text-transform:capitalize;transition:all var(--transition-fast);box-shadow:var(--shadow-btn)}.btn-confirm:hover:not(:disabled){background:var(--gradient-btn-hover);transform:translateY(-2px);box-shadow:0 12px 32px #65ff8459}.btn-confirm:active:not(:disabled){transform:translateY(0)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-confirm.loading .btn-text{opacity:0}.btn-confirm.loading:after{content:"";position:absolute;width:24px;height:24px;border:3px solid rgba(0,0,0,.2);border-top-color:var(--t6);border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{width:90%;max-width:420px;max-height:85vh;background:var(--b3);border:var(--border-card);border-radius:var(--radius-xl);overflow:hidden;transform:scale(.95) translateY(20px);transition:transform var(--transition-normal)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--b5)}.modal-header h3{font-size:var(--font-size-lg);font-weight:700;color:var(--t1)}.btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--t3);transition:all var(--transition-fast)}.btn-close:hover{background:var(--b5);color:var(--t1)}.modal-body{padding:20px;overflow-y:auto;max-height:calc(85vh - 72px)}.setting-group{margin-bottom:24px}.setting-group:last-child{margin-bottom:0}.setting-group-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.input-group{margin-bottom:12px}.input-group:last-child{margin-bottom:0}.input-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--t2);margin-bottom:6px}.input-group input{width:100%;padding:12px 14px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--t1);transition:border-color var(--transition-fast)}.input-group input:focus{border-color:var(--c1)}.input-group input::placeholder{color:var(--t3)}.base-url-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.btn-local-dev{padding:8px 12px;border:1px solid var(--b5);background:var(--b2);color:var(--t2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-local-dev:hover{border-color:var(--t3);color:var(--t1)}.btn-local-dev.active{background:var(--c1);border-color:var(--c1);color:var(--t6);box-shadow:0 0 0 1px var(--c1)}.input-group .input-hint{display:block;margin-top:6px;font-size:var(--font-size-xs);color:var(--t3);line-height:1.5}.slippage-presets{display:flex;gap:8px;margin-bottom:12px}.preset-btn{flex:1;padding:10px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--t2);transition:all var(--transition-fast)}.preset-btn:hover{border-color:var(--t3);color:var(--t1)}.preset-btn.active{background:var(--c1);border-color:var(--c1);color:var(--t6)}.input-group .api-version-switch{display:flex!important;gap:8px;margin-bottom:0}.input-group .api-version-switch .version-btn{flex:1;min-width:0;padding:10px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--t2);transition:all var(--transition-fast);cursor:pointer;font-family:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;box-sizing:border-box}.input-group .api-version-switch .version-btn:hover{border-color:var(--t3);color:var(--t1)}.input-group .api-version-switch .version-btn.active{background:var(--c1);border-color:var(--c1);color:var(--t6)}.token-modal-dual{max-width:600px;width:95%}.token-modal-dual .modal-body{padding:0}.data-source-toggle{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--b5)}.toggle-btn{flex:1;padding:8px 12px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--t3);transition:all var(--transition-fast)}.toggle-btn:hover{border-color:var(--t3);color:var(--t1)}.toggle-btn.active{background:var(--c1);border-color:var(--c1);color:var(--t6)}.modal-body-dual{display:flex;gap:8px;padding:12px;max-height:calc(85vh - 120px)}.network-panel{width:230px;flex-shrink:0;background:var(--b5);border:1px solid var(--b2);border-radius:var(--radius-xl);padding:20px 12px;display:flex;flex-direction:column;gap:16px}.token-panel{flex:1;min-width:0;background:var(--b5);border:1px solid var(--b2);border-radius:var(--radius-xl);padding:20px 12px;display:flex;flex-direction:column;gap:16px}.panel-search{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--b2);border-radius:var(--radius-md)}.panel-search svg{flex-shrink:0;color:var(--t3)}.panel-search input{flex:1;min-width:0;font-size:var(--font-size-base);color:var(--t1);background:transparent;border:none;outline:none}.panel-search input::placeholder{color:var(--t3)}.network-list{display:flex;flex-direction:column;overflow-y:auto;max-height:420px;scrollbar-width:thin;scrollbar-color:var(--b2) transparent}.network-list::-webkit-scrollbar{width:6px}.network-list::-webkit-scrollbar-track{background:transparent;border-radius:24px}.network-list::-webkit-scrollbar-thumb{background:var(--b2);border-radius:24px}.network-list::-webkit-scrollbar-thumb:hover{background:var(--b5)}.network-item{display:flex;align-items:center;gap:4px;padding:12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.network-item:hover{background:#ffffff0d}.network-item.active{background:var(--b2)}.network-item-icon{width:18px;height:18px;border-radius:50%;object-fit:cover}.network-item-name{font-size:var(--font-size-base);font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-item.active .network-item-name{color:var(--t1)}.network-item-icon.all-chains{display:flex;align-items:center;justify-content:center;background:transparent}.network-item-icon.all-chains svg{width:16px;height:16px;color:var(--t1)}.token-section-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.section-title{font-size:var(--font-size-base);font-weight:700;color:var(--t1)}.token-count{font-size:var(--font-size-xs);color:var(--t3)}.token-list{display:flex;flex-direction:column;overflow-y:auto;max-height:380px;scrollbar-width:thin;scrollbar-color:var(--b2) transparent}.token-list::-webkit-scrollbar{width:6px}.token-list::-webkit-scrollbar-track{background:transparent;border-radius:24px}.token-list::-webkit-scrollbar-thumb{background:var(--b2);border-radius:24px}.token-list::-webkit-scrollbar-thumb:hover{background:var(--b5)}.token-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.token-item:hover{background:#ffffff0d}.token-item-left{display:flex;align-items:center;gap:12px}.token-icon-wrapper{position:relative;width:34px;height:34px}.token-item-icon{width:34px;height:34px;border-radius:50%;object-fit:cover}.token-chain-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;object-fit:cover;border:2px solid var(--b5)}.token-item-info{display:flex;flex-direction:column;gap:4px}.token-item-symbol{font-size:var(--font-size-base);font-weight:700;color:var(--t1)}.token-item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--t2)}.token-item-right{display:flex;align-items:center;gap:8px}.token-item-address{font-size:var(--font-size-sm);font-weight:500;color:var(--t1);text-decoration:underline}.btn-copy{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--t1);opacity:.7;transition:opacity var(--transition-fast)}.btn-copy:hover{opacity:1}.btn-copy svg{width:100%;height:100%}.provider-list{display:flex;flex-direction:column;gap:8px}.provider-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.provider-item:hover{border-color:var(--t3)}.provider-item.active{border-color:var(--c1);background:#65ff840d}.provider-item-icon{width:32px;height:32px;border-radius:50%;object-fit:cover}.provider-item-info{flex:1;min-width:0}.provider-item-name{font-size:var(--font-size-base);font-weight:600;color:var(--t1)}.provider-item-rate{font-size:var(--font-size-xs);color:var(--t3)}.provider-item-output{text-align:right}.provider-item-amount{font-size:var(--font-size-base);font-weight:700;color:var(--c1)}.provider-item-best{display:inline-block;padding:2px 6px;background:var(--gradient-badge);border-radius:4px;font-size:10px;font-weight:600;color:var(--b2);margin-left:8px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.drawer-overlay.active{opacity:1;visibility:visible}.drawer-content{position:absolute;bottom:0;left:0;right:0;max-height:70vh;background:var(--b3);border-top:var(--border-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%);transition:transform var(--transition-normal)}.drawer-overlay.active .drawer-content{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--b5)}.drawer-header h3{font-size:var(--font-size-lg);font-weight:700;color:var(--t1)}.drawer-body{padding:20px;overflow-y:auto;max-height:calc(70vh - 72px)}.quotes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.quotes-summary{padding:16px;background:var(--b2);border-radius:var(--radius-md)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-row:not(:last-child){border-bottom:1px solid var(--b5)}.summary-row span:first-child{font-size:var(--font-size-sm);color:var(--t3)}.summary-row span:last-child{font-size:var(--font-size-sm);font-weight:600;color:var(--t1)}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:200;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--b3);border:var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);pointer-events:auto;animation:slideIn .3s ease;transition:opacity .3s ease,transform .3s ease}.toast.success{border-color:var(--c1)}.toast.error{border-color:#ff6b6b}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast.success .toast-icon{color:var(--c1)}.toast.error .toast-icon{color:#ff6b6b}.toast-message{font-size:var(--font-size-sm);color:var(--t1)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.skeleton{background:linear-gradient(90deg,var(--b5) 25%,var(--b3) 50%,var(--b5) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:600px){body{padding:12px}.swap-card,.token-section{padding:16px}.amount-input,.amount-output{font-size:24px}.btn-confirm{height:52px;font-size:var(--font-size-lg)}.modal-content{width:95%;max-height:90vh}.drawer-content{max-height:80vh}.token-modal-dual{max-width:100%;height:90vh;max-height:90vh}.modal-body-dual{flex-direction:column;gap:12px;padding:12px;height:calc(90vh - 72px);overflow-y:auto}.network-panel{width:100%;max-height:200px;flex-shrink:0}.network-list{flex-direction:row;flex-wrap:wrap;gap:8px;max-height:120px}.network-item{padding:8px 12px;flex-shrink:0}.token-panel{flex:1;min-height:300px}.token-list{max-height:none;flex:1}}.hidden{display:none!important}.invisible{visibility:hidden;opacity:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devtools-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.devtools-panel{width:100%;max-width:800px;max-height:90vh;background:var(--b2);border:var(--border-card);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.devtools-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--b5);background:var(--b3)}.devtools-header h3{font-size:var(--font-size-lg);font-weight:700;color:var(--t1);margin:0}.devtools-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--b5);overflow-x:auto;scrollbar-width:none}.devtools-tabs::-webkit-scrollbar{display:none}.devtools-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--t3);white-space:nowrap;transition:all var(--transition-fast)}.devtools-tab:hover{border-color:var(--t3);color:var(--t1)}.devtools-tab.active{background:var(--c1);border-color:var(--c1);color:var(--t6)}.method-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.method-badge.get{background:#4ade80;color:#000}.method-badge.post{background:#60a5fa;color:#000}.devtools-content{flex:1;overflow-y:auto;padding:20px}.test-section{display:flex;flex-direction:column;gap:20px}.test-group{padding:16px;background:var(--b3);border:1px solid var(--b5);border-radius:var(--radius-md)}.endpoint-info{margin-bottom:12px}.endpoint-info code{display:inline-block;padding:4px 8px;background:var(--b5);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm);color:var(--c1);margin-bottom:8px}.endpoint-info p{font-size:var(--font-size-sm);color:var(--t3);margin:0}.btn-test{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gradient-btn);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--t6);transition:all var(--transition-fast)}.btn-test:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #65ff844d}.btn-test:disabled{opacity:.5;cursor:not-allowed}.btn-test svg{width:14px;height:14px}.input-row{display:flex;gap:8px;align-items:center}.input-row input,.input-row select{flex:1;padding:10px 12px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--t1)}.input-row input:focus,.input-row select:focus{border-color:var(--c1);outline:none}.input-row select{min-width:150px}.input-group-vertical{display:flex;flex-direction:column;gap:8px}.input-group-vertical input{padding:10px 12px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--t1)}.input-group-vertical input:focus{border-color:var(--c1);outline:none}.params-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.params-preview span{padding:4px 8px;background:var(--b5);border-radius:4px;font-size:var(--font-size-xs);color:var(--t2)}.test-result-mini{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding:8px 12px;background:var(--b2);border-radius:var(--radius-sm)}.test-result-mini span{font-size:var(--font-size-xs);color:var(--t1)}.token-tests{display:flex;flex-direction:column;gap:16px}.error-box{margin-top:16px;padding:12px 16px;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:#ff6b6b}.result-box{margin-top:16px;background:var(--b3);border:1px solid var(--b5);border-radius:var(--radius-md);overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--b5);border-bottom:1px solid var(--b2)}.result-header strong{font-size:var(--font-size-sm);color:var(--t1)}.btn-copy-result{padding:4px 8px;background:var(--b2);border-radius:4px;font-size:var(--font-size-xs);color:var(--t3);transition:all var(--transition-fast)}.btn-copy-result:hover{background:var(--c1);color:var(--t6)}.result-box pre{padding:12px;margin:0;max-height:300px;overflow:auto;font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--t1);line-height:1.5;white-space:pre-wrap;word-break:break-all}.devtools-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#171e1be6;font-size:var(--font-size-sm);color:var(--t1)}.devtools-loading .spinner{width:32px;height:32px;border:3px solid var(--b5);border-top-color:var(--c1);border-radius:50%;animation:spin 1s linear infinite}.btn-devtools{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--b5);border:1px solid var(--c1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--c1);transition:all var(--transition-fast)}.btn-devtools:hover{background:var(--c1);color:var(--t6)}@media(max-width:600px){.devtools-panel{max-height:95vh}.devtools-tabs{padding:8px 12px}.devtools-tab{padding:6px 10px;font-size:var(--font-size-xs)}.devtools-content{padding:12px}.input-row{flex-direction:column}.input-row select{min-width:100%}}.api-test-section{background:var(--b3);border:var(--border-card);border-radius:var(--radius-xl);padding:20px;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.section-header h2{font-size:var(--font-size-lg);font-weight:700;color:var(--t1);margin:0}.api-badge{padding:4px 10px;background:var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:Monaco,Menlo,monospace;color:var(--c1)}.provider-selector{display:flex;flex-direction:column;gap:12px}.provider-selector-label{font-size:var(--font-size-sm);font-weight:500;color:var(--t2)}.provider-selector-empty{padding:20px;text-align:center;color:var(--t3);font-size:var(--font-size-sm)}.provider-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.provider-selector-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.provider-selector-item:hover:not(:disabled){border-color:var(--t3)}.provider-selector-item.active{border-color:var(--c1);background:#65ff841a}.provider-selector-item:disabled{opacity:.5;cursor:not-allowed}.provider-selector-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.provider-selector-name{flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-selector-check{color:var(--c1);font-weight:700}.provider-info-display{margin-top:16px;padding:16px;background:var(--b2);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:16px;align-items:center}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:var(--font-size-xs);color:var(--t3)}.info-value{font-size:var(--font-size-base);font-weight:600;color:var(--t1)}.btn-configure{margin-left:auto;padding:10px 16px;background:var(--gradient-btn);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--t6);transition:all var(--transition-fast)}.btn-configure:hover{transform:translateY(-1px);box-shadow:var(--shadow-btn)}.info-hint{margin-left:auto;font-size:var(--font-size-xs);color:var(--c1);font-style:italic}.provider-config-modal .modal-content{max-width:500px}.provider-config-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--b5);border-radius:var(--radius-md);margin-bottom:16px}.provider-config-icon{width:40px;height:40px;border-radius:50%;object-fit:cover}.provider-config-info{flex:1}.provider-config-name{font-size:var(--font-size-lg);font-weight:700;color:var(--t1)}.provider-config-step{font-size:var(--font-size-sm);color:var(--c1)}.provider-config-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.progress-step{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--b5);border-radius:50%;font-size:var(--font-size-sm);font-weight:600;color:var(--t3)}.progress-step.active{background:var(--c1);color:var(--t6)}.progress-step.done{background:#65ff844d;color:var(--c1)}.progress-line{width:24px;height:2px;background:var(--b5)}.provider-config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--t2)}.loading-spinner{width:24px;height:24px;border:2px solid var(--b5);border-top-color:var(--c1);border-radius:50%;animation:spin 1s linear infinite}.provider-chain-list,.provider-token-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.provider-chain-item,.provider-token-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.provider-chain-item:hover,.provider-token-item:hover{border-color:var(--t3)}.provider-chain-item.active{border-color:var(--c1);background:#65ff840d}.provider-chain-icon,.provider-token-icon{width:28px;height:28px;border-radius:50%;object-fit:cover}.provider-chain-info,.provider-token-info{flex:1;min-width:0}.provider-chain-name,.provider-token-symbol{font-size:var(--font-size-base);font-weight:600;color:var(--t1)}.provider-chain-id,.provider-token-name{font-size:var(--font-size-xs);color:var(--t3)}.provider-token-address{font-size:var(--font-size-xs);color:var(--t2);font-family:monospace}.provider-check{color:var(--c1);font-weight:700}.provider-empty{padding:24px;text-align:center;color:var(--t3);font-size:var(--font-size-sm)}.provider-config-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--b5);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.provider-selection-summary{display:flex;gap:24px}.summary-item{display:flex;gap:8px;font-size:var(--font-size-sm)}.summary-label{color:var(--t3)}.summary-value{font-weight:600;color:var(--t1)}.btn-reset{padding:8px 12px;background:var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--t2);transition:all var(--transition-fast)}.btn-reset:hover{background:var(--b2);color:var(--t1)}.single-provider-quote{margin:16px 0;padding:16px;background:var(--b2);border-radius:var(--radius-md)}.btn-single-quote{width:100%;padding:12px;background:var(--b5);border:1px solid var(--c1);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--c1);transition:all var(--transition-fast)}.btn-single-quote:hover:not(:disabled){background:var(--c1);color:var(--t6)}.btn-single-quote:disabled{opacity:.5;cursor:not-allowed}.btn-single-quote.loading{opacity:.7;cursor:wait}.single-quote-result{margin-top:12px;padding:12px;background:var(--b5);border-radius:var(--radius-sm)}.quote-row{display:flex;justify-content:space-between;padding:6px 0;font-size:var(--font-size-sm)}.quote-row span:first-child{color:var(--t3)}.quote-row span:last-child{color:var(--t1);font-weight:500}.provider-item-main{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.btn-execute-swap{padding:8px 12px;background:var(--gradient-btn);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--t6);transition:all var(--transition-fast);flex-shrink:0}.btn-execute-swap:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #65ff844d}.btn-execute-swap:disabled{opacity:.5;cursor:not-allowed}.btn-execute-swap.loading{opacity:.7}.swap-result{margin-top:16px;padding:16px;border-radius:var(--radius-md)}.swap-result.success{background:#65ff841a;border:1px solid var(--c1)}.swap-result.error{background:#ff6b6b1a;border:1px solid #ff6b6b}.swap-result-header{font-size:var(--font-size-base);font-weight:700;margin-bottom:12px}.swap-result.success .swap-result-header{color:var(--c1)}.swap-result.error .swap-result-header{color:#ff6b6b}.swap-result-details{display:flex;flex-direction:column;gap:8px}.swap-result-row{display:flex;gap:8px;font-size:var(--font-size-sm);align-items:flex-start}.swap-result-row span{color:var(--t3);flex-shrink:0;min-width:70px}.swap-result-row code{flex:1;color:var(--t1);font-family:monospace;font-size:var(--font-size-xs);word-break:break-all}.swap-result-row code.data-field{color:var(--t2)}.swap-result-error{color:#ff6b6b;font-size:var(--font-size-sm)}.swap-tx-display{margin-top:16px;padding:12px;background:var(--b2);border-radius:var(--radius-md)}.swap-tx-header{font-size:var(--font-size-sm);font-weight:600;color:var(--t2);margin-bottom:8px}.swap-tx-json{font-family:monospace;font-size:var(--font-size-xs);color:var(--t1);max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.tx-status-section{display:flex;flex-direction:column;gap:16px}.tx-status-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.tx-status-header h3{font-size:var(--font-size-lg);font-weight:700;color:var(--t1);margin:0}.tx-status-api{font-size:var(--font-size-xs);font-family:monospace;color:var(--c1);padding:4px 8px;background:var(--b5);border-radius:var(--radius-sm)}.tx-status-form{display:flex;flex-direction:column;gap:12px}.tx-status-form .input-group{margin-bottom:0}.tx-status-form .input-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--t2);margin-bottom:6px}.tx-status-form .input-field{width:100%;padding:12px 14px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--t1)}.tx-status-form .input-field:focus{border-color:var(--c1)}.tx-status-form .input-row{display:grid;grid-template-columns:1fr 2fr;gap:12px}@media(max-width:500px){.tx-status-form .input-row{grid-template-columns:1fr}}.btn-check-status{padding:12px 20px;background:var(--gradient-btn);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;color:var(--t6);transition:all var(--transition-fast)}.btn-check-status:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-btn)}.btn-check-status:disabled{opacity:.5;cursor:not-allowed}.btn-check-status.loading{opacity:.7}.tx-status-error{padding:12px;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:var(--radius-md);color:#ff6b6b;font-size:var(--font-size-sm)}.tx-status-result{padding:16px;background:var(--b2);border-radius:var(--radius-md)}.tx-status-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:var(--font-size-base);font-weight:600;color:var(--t1)}.tx-status-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.tx-status-badge.status-success{background:#65ff8433;color:var(--c1)}.tx-status-badge.status-pending{background:#ffc10733;color:#ffc107}.tx-status-badge.status-failed{background:#ff6b6b33;color:#ff6b6b}.tx-status-badge.status-unknown{background:var(--b5);color:var(--t3)}.tx-status-details{display:flex;flex-direction:column;gap:8px}.tx-status-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--b5)}.tx-status-row:last-child{border-bottom:none}.tx-status-row.error{color:#ff6b6b}.tx-status-label{font-size:var(--font-size-sm);color:var(--t3);flex-shrink:0}.tx-status-value{font-size:var(--font-size-sm);color:var(--t1);font-weight:500;text-align:right;word-break:break-all}.tx-status-value code{font-family:monospace;font-size:var(--font-size-xs)}.tx-status-help{padding:12px;background:var(--b5);border-radius:var(--radius-sm)}.tx-status-help p{margin:0;font-size:var(--font-size-xs);color:var(--t3);line-height:1.5}.tx-status-help p+p{margin-top:4px}.tx-status-debug-presets{display:flex;flex-direction:column;gap:6px;margin-top:4px}.tx-status-debug-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-debug-preset{padding:6px 10px;border-radius:var(--radius-pill);background:var(--b2);border:1px solid var(--b5);font-size:var(--font-size-xs);font-weight:500;color:var(--t3);transition:all var(--transition-fast)}.btn-debug-preset:hover{border-color:var(--c1);color:var(--t6);background:#65ff8426}.approve-tx-section{display:flex;flex-direction:column;gap:16px}.approve-tx-form{display:flex;flex-direction:column;gap:12px}.approve-tx-form .input-group{margin-bottom:0}.approve-tx-form .input-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--t2);margin-bottom:6px;display:block}.approve-tx-form .input-field{width:100%;padding:12px 14px;background:var(--b2);border:1px solid var(--b5);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--t1)}.approve-tx-form .input-field:focus{border-color:var(--c1);outline:none}.approve-tx-form .input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.approve-tx-form .input-row{grid-template-columns:1fr}}.approve-tx-form .input-hint{display:block;margin-top:4px;font-size:var(--font-size-xs);color:var(--t3);line-height:1.4}.input-with-button{display:flex;gap:8px}.input-with-button .input-field{flex:1}.btn-max-approve{padding:12px 16px;background:var(--b5);border:1px solid var(--b5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--t2);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-max-approve:hover{background:var(--b4);border-color:var(--c1);color:var(--t1)}.btn-get-approve{padding:12px 20px;background:var(--gradient-btn);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;color:var(--t6);transition:all var(--transition-fast);border:none;cursor:pointer}.btn-get-approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-btn)}.btn-get-approve:disabled{opacity:.5;cursor:not-allowed}.btn-get-approve.loading{opacity:.7}.approve-tx-debug-presets{display:flex;flex-direction:column;gap:6px;margin-top:4px}.approve-tx-label{font-size:var(--font-size-xs);color:var(--t3);font-weight:500}.approve-tx-debug-buttons{display:flex;flex-wrap:wrap;gap:8px}.approve-tx-error{padding:12px;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:var(--radius-md);color:#ff6b6b;font-size:var(--font-size-sm)}.approve-tx-result{padding:16px;background:var(--b2);border-radius:var(--radius-md)}.approve-tx-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:var(--font-size-base);font-weight:600;color:var(--t1)}.approve-tx-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.approve-tx-badge.success{background:#65ff8433;color:var(--c1)}.approve-tx-details{display:flex;flex-direction:column;gap:8px}.approve-tx-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--b5)}.approve-tx-row:last-child{border-bottom:none}.approve-tx-value-group{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.approve-tx-value{font-size:var(--font-size-sm);color:var(--t1);font-weight:500;text-align:right;word-break:break-all;font-family:monospace}.approve-tx-data{font-size:var(--font-size-xs);max-width:400px;overflow:hidden;text-overflow:ellipsis}.btn-copy{padding:4px 8px;background:var(--b5);border:1px solid var(--b5);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-copy:hover{background:var(--b4);border-color:var(--c1)}.approve-tx-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--b5)}.btn-copy-all{padding:8px 16px;background:var(--b5);border:1px solid var(--b5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--t2);cursor:pointer;transition:all var(--transition-fast)}.btn-copy-all:hover{background:var(--b4);border-color:var(--c1);color:var(--t1)}.approve-tx-help{padding:12px;background:var(--b5);border-radius:var(--radius-sm)}.approve-tx-help p{margin:0 0 8px;font-size:var(--font-size-xs);color:var(--t3);line-height:1.5;font-weight:600}.approve-tx-help ul{margin:0;padding-left:20px;font-size:var(--font-size-xs);color:var(--t3);line-height:1.6}.approve-tx-help ul li{margin-bottom:4px}