.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;cursor:pointer;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-widget__header-control:hover{background:#f0f0f0}.swap-widget__header-control:focus-visible{outline:2px solid #333;outline-offset:2px}.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 1 auto;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:.875rem;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__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}.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}.swap-widget__footer{text-align:center;min-width:0}.swap-widget__rate-hint{margin:0 0 4px;font-size:.7rem;color:#999;overflow-wrap:anywhere}.swap-widget__footer-text{margin:0;font-size:.75rem;color:#888;overflow-wrap:anywhere}.swap-widget__error-slot,.swap-widget__error{font-size:.875rem;color:#a00;min-height:1.25rem;overflow-wrap:anywhere}.swap-widget__error-slot[hidden]{display:none}.swap-widget__confirmation{font-size:.875rem;color:#246;background:#eef4ff;border:1px solid #bcd;border-radius:4px;padding:10px 12px;overflow-wrap:anywhere}@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{max-width:min(100%,9.5rem);padding:6px 8px}.swap-widget__token-select{font-size:.8125rem}.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}