.swap-widget,.swap-widget *,.swap-widget *:before,.swap-widget *:after{box-sizing:border-box}.swap-widget{width:100%;max-width:420px;min-width:0;margin:0 auto;padding:16px;border:1px solid #ccc;font-family:system-ui,sans-serif;display:flex;flex-direction:column;gap:12px}.swap-widget__title{margin:0;padding-bottom:8px;border-bottom:1px solid #ddd;font-size:1rem;font-weight:600}.swap-widget__header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.swap-widget__header-control{min-height:44px;min-width:0;flex:1 1 auto;max-width:100%;padding:8px 12px;border:1px solid #ccc;background:#fafafa;color:inherit;cursor:pointer;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-widget__header-control:disabled{cursor:default;opacity:1;color:inherit}.swap-widget__header-control:not(:disabled):hover{background:#f0f0f0}.swap-widget__header-control:focus-visible{outline:2px solid #333;outline-offset:2px}.swap-widget__header-control:disabled{cursor:default;opacity:.6}.swap-widget__header-actions{display:flex;gap:6px;flex-shrink:0}.swap-widget__header-icon{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #ccc;background:#fafafa;cursor:pointer;font:inherit}.swap-widget__header-icon:hover{background:#f0f0f0}.swap-widget__header-icon:focus-visible{outline:2px solid #333;outline-offset:2px}.swap-widget__field{padding:12px;border:1px solid #ddd;border-radius:4px;min-width:0}.swap-widget__field-label{display:block;font-size:.75rem;color:#666;margin-bottom:8px}.swap-widget__field-row{display:flex;align-items:center;gap:8px;min-width:0}.swap-widget__field-amount{flex:1 1 0;min-width:0;max-width:100%;width:100%;border:none;font-size:1.25rem;background:transparent;padding:0}.swap-widget__field-amount:focus-visible{outline:2px solid #333;outline-offset:2px}.swap-widget__token-selector{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #ccc;background:#fafafa;cursor:pointer;min-width:0;max-width:100%}.swap-widget__token-selector--select{cursor:default;flex:0 0 11.5rem;width:11.5rem;min-width:0;max-width:min(100%,11.5rem);min-height:44px;overflow:hidden}.swap-widget__token-select{flex:1 1 0;min-width:0;max-width:100%;width:100%;padding:0;border:none;background:transparent;font:inherit;font-size:1rem;font-weight:600;color:inherit;cursor:pointer}.swap-widget__token-select:disabled{cursor:default;opacity:1;color:inherit}.swap-widget__token-select:focus-visible{outline:2px solid #333;outline-offset:2px}.swap-widget__token-selector:hover{background:#f0f0f0}.swap-widget__token-selector--select:has(.swap-widget__token-select:not(:disabled)):hover{background:#f0f0f0}.swap-widget__token-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#ddd;overflow:hidden;font-size:.4rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:#555}.swap-widget__token-icon:before{content:attr(data-icon);display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.swap-widget__direction-wrap{display:flex;justify-content:center;margin:-4px 0}.swap-widget__direction-btn{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #ccc;border-radius:50%;background:#fff;cursor:pointer;font:inherit}.swap-widget__direction-btn:hover{background:#f5f5f5}.swap-widget__direction-btn:focus-visible{outline:2px solid #333;outline-offset:2px}.swap-widget__direction-btn:disabled{opacity:.5;cursor:default}.swap-widget__direction-btn:disabled:hover{background:#fff}.swap-widget__direction-btn:active:not(:disabled){transform:scale(.92);background:#ebebeb}.swap-widget__direction-icon{display:inline-block}.swap-widget__action-btn{width:100%;max-width:100%;min-height:44px;padding:14px;border:1px solid #333;background:#eee;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.swap-widget[data-state=loading] .swap-widget__action-btn{animation:swap-widget-loading-pulse 1.2s ease-in-out .3s infinite}@keyframes swap-widget-loading-pulse{0%,to{opacity:.55}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.swap-widget__action-btn{transition:none}.swap-widget[data-state=loading] .swap-widget__action-btn{animation:none}}.swap-widget__action-btn:hover:not(:disabled){background:#e0e0e0}.swap-widget__action-btn:focus-visible{outline:2px solid #333;outline-offset:2px}.swap-widget__action-btn:disabled{opacity:.5;cursor:default}.swap-widget__footer{text-align:center;min-width:0}.swap-widget__footer-status{display:flex;align-items:center;justify-content:center;min-height:24px;margin:0;font-size:.75rem;color:#888}.swap-widget__stale-badge{font-size:.7rem;font-weight:600;color:#7a5a00}.swap-widget__stale-badge--shown{margin-right:6px;padding:2px 8px;border:1px solid #e0c060;border-radius:4px;background:#fff7e0}.swap-widget__footer-text{min-width:0;overflow-wrap:anywhere}.swap-widget__error-slot{font-size:.875rem;color:#a00;min-height:1.25rem;overflow-wrap:anywhere}.swap-widget__sr-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.swap-widget__confirmation{font-size:.875rem;color:#246;background:#eef4ff;border:1px solid #bcd;border-radius:4px;padding:10px 12px;overflow-wrap:anywhere}.swap-widget__extra-fields{display:flex;flex-direction:column;gap:6px;min-width:0}@media(max-width:480px){.swap-widget{padding:12px;gap:10px}.swap-widget__header{gap:4px}.swap-widget__header-control{padding:8px;font-size:.875rem}.swap-widget__header-actions{gap:4px}.swap-widget__field{padding:10px}.swap-widget__field-row{gap:6px}.swap-widget__field-amount{font-size:1.125rem}.swap-widget__token-selector--select{flex:0 0 9.5rem;width:9.5rem;max-width:min(100%,9.5rem);padding:6px 8px}.swap-widget__token-select{font-size:1rem}.widget-preview-host{padding:12px}body:has(>#root>main>.swap-widget)>#root>main{padding:12px}}.widget-preview-host{box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px;background:#f0f0f0}.widget-preview-host__title{width:100%;max-width:420px;text-align:center;font-family:system-ui,sans-serif;color:#666;margin:0 0 16px;overflow-wrap:anywhere}body:has(>#root>main>.swap-widget){margin:0;max-width:100%}body:has(>#root>main>.swap-widget)>#root>main{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:16px}