:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1c2522;--muted:#65736e;--line:#d6ddd8;--panel:#fbfcfa;--surface:#eef3ef;--paper:#fff;--green:#12785f;--green-soft:#dff2ea;--red:#a43b39;--red-soft:#f7e2dd;--blue:#315f8f;--blue-soft:#dde9f3;--amber:#9a6715;--amber-soft:#f4ead2;--shadow:0 18px 48px #202e281c;color:var(--ink);background:#e7ede8;font-family:Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, #1c25220a 1px, transparent 1px), linear-gradient(0deg, #1c25220a 1px, transparent 1px), var(--surface);background-size:28px 28px;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{background:var(--paper);min-height:40px;color:var(--ink);cursor:pointer;border:1px solid #b9c5bf;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}button:hover:not(:disabled){border-color:var(--green);transform:translateY(-1px)}button:disabled{color:#8d9994;cursor:not-allowed;background:#edf0ed}button.verifiedButton:disabled{background:var(--green-soft);color:var(--green);opacity:1;border-color:#12785f5c}input,select{background:var(--paper);width:100%;height:40px;color:var(--ink);border:1px solid #bbc8c1;border-radius:8px;outline:none;padding:0 10px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315f8f24}.appShell{width:min(1440px,100vw - 32px);margin:0 auto;padding:24px 0 36px}.topBar{border-bottom:1px solid #1c25222e;justify-content:space-between;align-items:center;gap:18px;min-height:88px;margin-bottom:14px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin:0 0 4px;font-size:12px}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(28px,4vw,44px);font-weight:750;line-height:1}h2{font-size:15px;font-weight:700;line-height:1.2}.statusStrip{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.statusPill{text-transform:uppercase;letter-spacing:0;white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.statusPill.ok{background:var(--green-soft);color:var(--green)}.statusPill.bad{background:var(--red-soft);color:var(--red)}.statusPill.neutral{background:var(--blue-soft);color:var(--blue)}.spinIcon{animation:.9s linear infinite spin}.messageBand{border-radius:8px;align-items:center;gap:10px;min-height:42px;margin-bottom:14px;padding:10px 12px;font-weight:620;display:flex}.activityBand{min-height:38px;color:var(--blue);background:#dde9f3bd;border:1px solid #315f8f2e;border-radius:8px;align-items:center;gap:9px;margin-bottom:14px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.errorBand{color:var(--red);background:var(--red-soft);border:1px solid #e7bbb4}.successBand{color:var(--green);background:var(--green-soft);border:1px solid #b6dfcf}.toast{z-index:30;border-radius:8px;align-items:center;gap:10px;width:min(420px,100vw - 36px);min-height:48px;padding:12px 14px;font-weight:700;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 18px 48px #1c25222e}.toast.error{color:var(--red);background:#fff8f6;border:1px solid #e5b8b1}.toast.success{color:var(--green);background:#f5fff9;border:1px solid #aedfc9}.toast span{overflow-wrap:anywhere;min-width:0}.modalBackdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#151f1b61;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.walletModal{background:var(--panel);border:1px solid #1c252233;border-radius:8px;width:min(480px,100%);max-height:min(680px,100vh - 36px);padding:14px;overflow:auto;box-shadow:0 24px 72px #14211c40}.settingsModal{background:var(--panel);border:1px solid #1c252233;border-radius:8px;width:min(520px,100%);max-height:min(680px,100vh - 36px);padding:14px;overflow:auto;box-shadow:0 24px 72px #14211c40}.settingsBody{gap:10px;padding-top:12px;display:grid}.settingsCurrent{background:#f5f7f5;border:1px solid #1c25221f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:10px;display:grid}.settingsCurrent span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:750}.settingsCurrent strong{overflow-wrap:anywhere;grid-column:1/-1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.settingsWarning{min-height:42px;color:var(--red);background:#fff8f6;border:1px solid #e2b4ad;border-radius:8px;align-items:center;gap:9px;padding:10px;font-size:12px;font-weight:700;display:flex}.settingsWarning span{overflow-wrap:anywhere;min-width:0}.settingsActions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.settingsActions .primaryButton{width:auto;min-height:40px}.modalHeader{border-bottom:1px solid #1c252224;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.modalActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.poolModal{background:var(--panel);border:1px solid #1c252233;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);width:min(900px,100%);max-height:min(760px,100vh - 36px);padding:14px;display:grid;overflow:hidden;box-shadow:0 24px 72px #14211c40}.drawerBackdrop{z-index:24;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#151f1b57;justify-content:flex-end;display:flex;position:fixed;inset:0}.tradeDrawer{background:linear-gradient(180deg, #f5faf7fa, #fbfcfafa), var(--panel);border-left:1px solid #1c252233;flex-direction:column;width:min(720px,100%);height:100vh;padding:16px;animation:.18s ease-out drawerIn;display:flex;box-shadow:-24px 0 70px #14211c47}.drawerHeader{border-bottom:1px solid #1c252224;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.drawerStepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0;display:grid}.tradeStepButton{min-width:0;min-height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:0;background:#f6f8f6;border-color:#1c252224;justify-content:flex-start;padding:8px 10px;font-size:12px;font-weight:850}.tradeStepButton:disabled{opacity:.72}.activeTradeStep{background:var(--blue-soft);color:var(--blue);border-color:#315f8f61}.doneTradeStep{background:var(--green-soft);color:var(--green);border-color:#12785f4d}.drawerActivity{min-height:34px;color:var(--blue);background:#dde9f39e;border:1px solid #315f8f29;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.drawerBody{flex:1;min-height:0;padding-right:2px;overflow:auto}.drawerSectionStack{gap:12px;padding-bottom:14px;display:grid}.flowPoolStrip{background:#f4faf7;border:1px solid #12785f33;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.flowPoolStrip span{gap:3px;min-width:0;display:grid}.flowPoolStrip small{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:10px;font-weight:850}.flowPoolStrip strong{overflow-wrap:anywhere;min-width:0;font-size:14px}.readinessGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.readinessTile{background:#f5f7f5;border:1px solid #1c252221;border-radius:8px;align-content:center;gap:5px;min-width:0;min-height:78px;padding:9px;display:grid}.readinessTile span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:10px;font-weight:850}.readinessTile strong{overflow-wrap:anywhere;min-width:0;font-size:13px}.readinessTile button{justify-self:start;min-height:30px;padding:0 9px;font-size:11px;font-weight:800}.readyTile{background:#eff8f3;border-color:#12785f38}.drawerPlanList{max-height:220px;padding-right:2px;overflow:auto}.drawerFooter{border-top:1px solid #1c252224;grid-template-columns:minmax(0,.8fr) minmax(160px,1.2fr);gap:8px;padding-top:12px;display:grid}.drawerFooter .primaryButton{width:auto;min-height:42px}.txProgressBackdrop{z-index:36;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111c186b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.txProgressModal{background:var(--panel);border:1px solid #1c252238;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(560px,100%);max-height:min(720px,100vh - 36px);padding:14px;display:grid;overflow:hidden;box-shadow:0 28px 78px #14211c57}.txProgressBody{align-content:start;gap:12px;min-height:0;padding-top:12px;display:grid;overflow:auto}.txProgressHero{min-height:92px;color:var(--blue);background:#f3f8fb;border:1px solid #315f8f33;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid}.txProgressHero span,.txProgressHero small{overflow-wrap:anywhere;min-width:0}.txProgressHero span{font-size:15px;font-weight:850}.txProgressHero small{color:var(--muted);text-transform:uppercase;letter-spacing:0;grid-column:2;font-size:12px;font-weight:800}.txProgressSuccess{color:var(--green);background:#eef8f2;border-color:#12785f42}.txProgressFailed{color:var(--red);background:#fff8f6;border-color:#e2b4ad}.txProgressTimeline{gap:8px;display:grid}.txProgressStep{min-height:58px;color:var(--muted);background:#f5f7f5;border:1px solid #1c25221f;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.txProgressStep span{gap:3px;min-width:0;display:grid}.txProgressStep strong,.txProgressStep small{overflow-wrap:anywhere;min-width:0}.txProgressStep strong{color:#17241f;font-size:13px}.txProgressStep small{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700}.activeTxProgressStep{background:var(--blue-soft);color:var(--blue);border-color:#315f8f47}.doneTxProgressStep{background:var(--green-soft);color:var(--green);border-color:#12785f47}.failedTxProgressStep,.txProgressError{color:var(--red);background:#fff8f6;border-color:#e2b4ad}.poolToolbar{border-bottom:1px solid #1c25221a;grid-template-columns:minmax(260px,1fr) minmax(150px,190px) 40px;gap:8px;padding:12px 0;display:grid}.searchField{background:var(--paper);min-width:0;height:40px;color:var(--muted);border:1px solid #bbc8c1;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.searchField input{background:0 0;border:0;border-radius:0;height:100%;padding:0}.searchField input:focus{box-shadow:none}.poolOptionList{align-content:start;gap:8px;min-height:0;padding-top:12px;padding-right:2px;display:grid;overflow:auto}.poolOption{text-align:left;background:#f9fbf9;grid-template-columns:minmax(170px,1.05fr) minmax(360px,2fr) 24px;place-items:center stretch;gap:12px;width:100%;min-height:76px;display:grid}.poolIdentity,.poolStats span{gap:3px;min-width:0;display:grid}.poolIdentity strong,.poolIdentity small,.poolStats strong,.poolStats small{overflow-wrap:anywhere;min-width:0}.poolIdentity strong{font-size:14px}.poolIdentity small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.poolStats{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;min-width:0;display:grid}.poolStats span{border-left:1px solid #1c25221c;padding-left:8px}.poolStats small{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:10px;font-weight:750}.poolStats strong{font-size:12px}.poolSelectIcon{color:var(--green);place-self:center end}.selectedPoolOption{border-color:var(--green);background:#eef8f2}.workspaceGrid{grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr) minmax(320px,.92fr);grid-template-areas:"walletAccount pool flow""snapshots snapshots flow";align-items:stretch;gap:14px;display:grid}.panel{box-shadow:var(--shadow);background:#fbfcfaf0;border:1px solid #1c252229;border-radius:8px;min-width:0;padding:14px}.walletAccountPanel,.poolPanel,.flowEntryPanel{align-content:start;gap:10px;display:grid}.walletAccountPanel{grid-area:walletAccount}.poolPanel{grid-area:pool}.flowEntryPanel{grid-area:flow}.snapshotsPanel{grid-area:snapshots;align-content:start;gap:12px;display:grid}.panelTitle{color:#23312c;align-items:center;gap:8px;min-height:26px;display:flex}.panelTitle h2{flex:1;min-width:0}.panelTitleAction{align-items:center;margin-left:auto;display:flex}.panelIconButton{background:#f7faf8;width:32px;min-width:32px;min-height:32px}.fieldLabel{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:700}.fieldHeader{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.quoteSwitch{background:#f0f4f1;border:1px solid #1c25221f;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;min-width:0;padding:3px;display:inline-grid}.quoteSwitch button{min-width:0;min-height:28px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:11px;font-weight:850}.quoteSwitch button:hover:not(:disabled){transform:none}.quoteSwitch .selectedQuoteSwitch{background:var(--paper);color:var(--green);box-shadow:0 1px 4px #1c252214}.inputRow,.buttonRow{gap:8px;display:flex}.inputRow>input,.inputRow>select{min-width:0}.iconButton{width:40px;min-width:40px;padding:0}.headerIconButton{background:0 0}.dangerButton{color:var(--red)}.walletAccountHero{background:linear-gradient(135deg,#f6fbff,#edf6f1);border:1px solid #315f8f47;border-radius:8px;grid-template-columns:minmax(0,1fr) 40px;align-items:stretch;gap:10px;min-height:64px;padding:10px;display:grid}.walletAccountOffline{background:#f8faf8;border-color:#1c252224}.walletAccountIdentity{align-content:center;gap:4px;min-width:0;display:grid}.walletAccountIdentity span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:750}.walletAccountIdentity strong{overflow-wrap:anywhere;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px}.walletAccountMetrics{grid-template-columns:1fr 1fr}.poolSelectButton{text-align:left;background:#f8fbf9;grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;gap:10px;width:100%;min-height:58px;padding:8px 10px;display:grid}.poolSelectCopy{align-content:center;gap:3px;min-width:0;display:grid}.poolSelectCopy strong,.poolSelectCopy small{overflow-wrap:anywhere;min-width:0}.poolSelectCopy strong{font-size:13px}.poolSelectCopy small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700}.poolSelectAction{color:var(--green);text-transform:uppercase;letter-spacing:0;white-space:nowrap;border-left:1px solid #1c25221f;justify-content:center;align-self:stretch;align-items:center;gap:7px;padding-left:10px;font-size:12px;font-weight:800;display:inline-flex}.emptyPoolSelect{background:#fbfcfa;border-style:dashed}.advancedPoolEntry{border:1px dashed #bcc7c0;border-radius:8px;padding:8px}.advancedPoolEntry summary{color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:750}.advancedPoolEntry .inputRow{margin-top:8px}.poolSummary{background:#f5faf7;border:1px solid #12785f33;border-radius:8px;gap:9px;padding:10px;display:grid}.poolSummaryHeader{gap:3px;min-width:0;display:grid}.poolSummaryHeader strong,.poolSummaryHeader span{overflow-wrap:anywhere;min-width:0}.poolSummaryHeader span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.poolSummary dl{grid-template-columns:1fr 1fr;gap:6px;margin:0;display:grid}.poolSummary dl div{background:#ffffffb8;border:1px solid #1c25221a;border-radius:8px;min-width:0;padding:7px}.poolSummary dt{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin-bottom:3px;font-size:10px;font-weight:700}.poolSummary dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px;font-weight:750}.flowEntryHero{background:linear-gradient(135deg,#12785f17,#315f8f14),#fbfdfb;border:1px solid #12785f38;border-radius:8px;align-content:center;gap:5px;min-height:96px;padding:14px;display:grid}.flowEntryHero span,.flowEntryHero small{min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;font-size:11px;font-weight:800}.flowEntryHero strong{color:#17241f;overflow-wrap:anywhere;min-width:0;font-size:22px;line-height:1.12}.flowMiniSteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.flowMiniStep{min-width:0;min-height:34px;color:var(--muted);text-transform:uppercase;letter-spacing:0;white-space:nowrap;background:#f5f7f5;border:1px solid #1c25221f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:850;display:inline-flex}.flowMiniDot,.tradeStepIndex{border:1px solid;border-radius:99px;width:8px;height:8px}.activeFlowMiniStep{background:var(--blue-soft);color:var(--blue);border-color:#315f8f5c}.doneFlowMiniStep{background:var(--green-soft);color:var(--green);border-color:#12785f47}.flowEntryMetrics dd{font-size:12px}.submissionRail{min-height:52px;color:var(--blue);background:#f3f8fb;border:1px solid #315f8f33;border-radius:8px;align-content:center;gap:4px;padding:10px 12px;display:grid}.submissionRail span{text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:850}.submissionRail strong{overflow-wrap:anywhere;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.liquidityHeader{background:#f4faf7;border:1px solid #12785f2e;border-radius:8px;align-content:center;gap:3px;min-height:48px;padding:9px 10px;display:grid}.liquidityHeader span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:750}.liquidityHeader strong{overflow-wrap:anywhere;min-width:0;font-size:14px}.tokenSelector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tokenChoice{text-align:left;background:#f9fbf9;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;min-height:70px;display:grid}.tokenChoice span{gap:3px;min-width:0;display:grid}.tokenChoice strong,.tokenChoice small,.tokenChoice b{overflow-wrap:anywhere;min-width:0}.tokenChoice small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.tokenChoice b{color:var(--green);font-size:13px}.selectedTokenChoice{border-color:var(--green);background:#eef8f2}.amountInputRow{grid-template-columns:minmax(0,1fr) 72px}.rangeChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rangeChoice{text-align:left;background:#f9fbf9;grid-template-columns:1fr;place-content:center stretch;align-items:stretch;gap:8px;min-height:74px;padding:10px;display:grid}.rangeChoice span{gap:3px;min-width:0;display:grid}.rangeChoice strong,.rangeChoice small,.rangeChoice b,.rangeChoice em{overflow-wrap:anywhere;min-width:0}.rangeChoiceTopline{grid-template-columns:minmax(0,1fr) auto;align-items:center}.rangeChoice .rangeYieldBadge{background:#12785f12;border:1px solid #12785f24;border-radius:8px;justify-items:end;gap:1px;min-width:64px;padding:4px 7px;display:inline-grid}.rangeChoice .rangeYieldBadge small{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:9px;font-weight:900;line-height:1}.rangeChoice .rangeYieldBadge b{color:var(--blue);font-size:13px;line-height:1.1}.rangeChoice small,.rangeUnit{color:var(--muted);font-size:11px;font-weight:700}.rangeChoice b{color:var(--blue);font-size:13px}.selectedRangeChoice{border-color:var(--green);background:#eef8f2}.selectedRangeChoice b,.selectedRangeChoice .rangeYieldBadge b{color:var(--green)}.selectedRangeChoice .rangeYieldBadge{background:#12785f1a;border-color:#12785f38}.rangeBounds{grid-template-columns:1fr 1fr;gap:8px}.rangeBounds span{gap:2px;min-width:0;display:grid}.rangeBounds small{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:10px;font-weight:850}.rangeBounds em{color:#17241f;font-size:14px;font-style:normal;font-weight:850}.rangeTrack{height:14px;display:block;position:relative}.rangeTrackFill{background:linear-gradient(90deg,#315f8f33,#12785f73,#315f8f33);border-radius:999px;height:2px;position:absolute;top:6px;left:0;right:0}.rangeCurrentMarker{border:2px solid var(--paper);background:var(--green);border-radius:999px;width:10px;height:10px;position:absolute;top:1px;transform:translate(-50%);box-shadow:0 0 0 1px #12785f73}.rangeMeta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rangeMeta small{min-height:22px;color:var(--muted);background:#ffffffb8;border:1px solid #1c25221a;border-radius:999px;align-items:center;padding:3px 7px;font-size:10px;font-weight:850;display:inline-flex}.rangeMeta .rangeStateIn{background:var(--green-soft);color:var(--green);border-color:#12785f2e}.rangeMeta .rangeStateOut{color:var(--amber);background:#fff9ec;border-color:#e4c6a0}.rangeUnit{display:block}.customRangeInputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customRangeInputs label{gap:5px;min-width:0;display:grid}.customRangeInputs span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:800}.customRangeInputs small{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-weight:700}.rangeReadout{min-height:30px;color:var(--blue);overflow-wrap:anywhere;background:#f3f8fb;border:1px solid #315f8f29;border-radius:8px;align-items:center;padding:6px 9px;font-size:12px;font-weight:800;display:flex}.rangeReadoutError{color:var(--red);background:#fff8f6;border-color:#e2b4ad}.slippageControl{gap:8px;display:grid}.slippageSegments{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.slippageSegment{background:#f9fbf9;min-width:0;min-height:38px;padding:8px 6px;font-size:12px}.selectedSlippageSegment{border-color:var(--green);color:var(--green);background:#eef8f2}.slippageInputRow{grid-template-columns:minmax(0,1fr) 42px}.slippageInputRow span{min-height:42px;color:var(--muted);background:#f5f7f5;border:1px solid #1c25222e;border-radius:8px;place-items:center;font-weight:800;display:grid}.slippageReadout{min-height:30px;color:var(--green);overflow-wrap:anywhere;background:#f4faf7;border:1px solid #12785f29;border-radius:8px;align-items:center;padding:6px 9px;font-size:12px;font-weight:800;display:flex}.slippageReadoutError{color:var(--red);background:#fff8f6;border-color:#e2b4ad}.liquidityMetrics dd{font-size:12px}.amountStack{gap:3px;display:grid}.amountStack span{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:800}.amountStack small{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.inlineWarning{min-height:36px;color:var(--amber);background:#fff9ec;border:1px solid #e4c6a0;border-radius:8px;align-items:center;padding:8px 10px;font-size:12px;font-weight:750;display:flex}.walletOptionList{gap:8px;padding-top:12px;display:grid}.walletOption{text-align:left;background:#f9fbf9;grid-template-columns:32px minmax(0,1fr) 24px;place-items:center start;width:100%;min-height:58px;display:grid}.walletOption img,.walletOption svg:first-child{border-radius:6px;width:24px;height:24px}.walletOption span{gap:3px;min-width:0;display:grid}.walletOption strong,.walletOption small{overflow-wrap:anywhere;min-width:0}.walletOption small{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700}.primaryButton{color:#fff;background:#173d32;border-color:#173d32;width:100%;min-height:48px;font-weight:750}.primaryButton:hover:not(:disabled){background:#0e5d49;border-color:#0e5d49}.metricList{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.metricList.threeUp{grid-template-columns:repeat(3,1fr)}.metricList div{background:#f5f7f5;border:1px solid #1c25221f;border-radius:8px;min-width:0;padding:9px}.metricList dt{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin-bottom:4px;font-size:11px;font-weight:700}.metricList dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px;font-weight:700}.tableFrame{border:1px solid #1c25221f;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;border-bottom:1px solid #1c25221a;padding:10px 12px;font-size:13px}th{color:var(--muted);text-transform:uppercase;letter-spacing:0;background:#f1f5f2;font-size:11px}tr:last-child td{border-bottom:0}.pnlRail{background:var(--amber-soft);min-height:42px;color:var(--amber);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;display:flex}.rangeGraphic{background:linear-gradient(90deg,#0000 0 12%,#12785f29 12% 88%,#0000 88%),repeating-linear-gradient(90deg,#1c25221f 0 1px,#0000 1px 12.5%);border:1px solid #12785f38;border-radius:8px;height:46px;position:relative}.tickMarker{background:var(--red);border-radius:99px;width:3px;position:absolute;top:6px;bottom:6px;transform:translate(-50%)}.planList{gap:8px;display:grid}.planRow{text-align:left;background:#f9fbf9;grid-template-columns:minmax(84px,.8fr) minmax(140px,1.15fr) minmax(96px,.85fr) auto;align-items:center;min-height:48px;display:grid}.planRow span,.planRow strong,.planRow small,.planRow b{overflow-wrap:anywhere}.planRow small,.planRow b{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-weight:700}.planRow b{justify-self:end;font-size:11px}.selectedPlan{border-color:var(--green);background:#eef8f2}.transactionSummary,.submitSummary{background:#f0f8f4;border:1px solid #12785f33;border-radius:8px;align-content:center;gap:4px;min-height:64px;padding:10px 12px;display:grid}.transactionSummary span,.submitSummary span,.transactionSummary small,.submitSummary small{min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;font-size:11px;font-weight:750}.transactionSummary strong,.submitSummary strong{color:#17241f;overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.2}.simulationEffects{background:#fbfdfb;border:1px solid #12785f33;border-radius:8px;gap:8px;padding:10px;display:grid}.simulationEffectsHeader{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.simulationEffectsHeader span{color:#25312d;text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:800}.simulationFlow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.simulationStep{background:#f5f7f5;border:1px solid #1c25221f;border-radius:8px;align-content:center;gap:4px;min-width:0;min-height:78px;padding:9px;display:grid}.simulationStep>span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:750}.simulationStep strong,.simulationStepPrimary,.simulationStep small{overflow-wrap:anywhere;min-width:0}.simulationStep strong,.simulationStepPrimary{color:#17241f;font-size:14px;line-height:1.2}.tokenAmountGroup{flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0;display:flex}.tokenAmountToken{align-items:center;gap:6px;min-width:0;display:inline-flex}.tokenAmountSeparator{color:#1c252257;font-weight:900}.tokenAmountChip{min-width:0;min-height:28px;color:var(--green);overflow-wrap:anywhere;background:#eef8f2;border:1px solid #12785f33;border-radius:7px;align-items:center;padding:5px 7px;display:inline-flex}.simulationStep small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.payloadDetails{gap:8px;display:grid}.payloadDetails summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:800}.jsonView{color:#d9efe5;white-space:pre-wrap;overflow-wrap:anywhere;background:#18231f;border:1px solid #1c252224;border-radius:8px;min-height:250px;max-height:430px;margin:0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.submitReadiness{min-height:34px}.emptyState{min-height:54px;color:var(--muted);border:1px dashed #bcc7c0;border-radius:8px;align-items:center;padding:12px;display:flex}.errorEmptyState{color:var(--red);background:#fff8f6;border-color:#e2b4ad}@media (width<=1180px){.workspaceGrid{grid-template-columns:1fr 1fr;grid-template-areas:"walletAccount pool""flow flow""snapshots snapshots"}}@media (width<=760px){.appShell{width:min(100vw - 20px,680px);padding-top:14px}.topBar{flex-direction:column;align-items:flex-start;min-height:auto;padding-bottom:14px}.statusStrip{justify-content:flex-start}.workspaceGrid{grid-template-columns:1fr;grid-template-areas:"walletAccount""pool""flow""snapshots"}.metricList,.metricList.threeUp{grid-template-columns:1fr}.fieldHeader{flex-direction:column;align-items:stretch}.quoteSwitch{width:100%}.buttonRow{flex-direction:column}.settingsActions,.drawerFooter,.readinessGrid,.simulationFlow{grid-template-columns:1fr}.tradeDrawer{width:100%;padding:12px}.drawerStepper,.flowMiniSteps,.flowPoolStrip{grid-template-columns:1fr}.tokenAmountGroup{align-items:stretch;display:grid}.tokenAmountToken{width:100%}.tokenAmountSeparator{display:none}.tokenAmountChip{width:100%}.poolSelectButton{grid-template-columns:1fr}.poolSelectAction{border-top:1px solid #1c25221f;border-left:0;min-height:32px;padding:8px 0 0}.tokenSelector,.rangeChoiceGrid,.customRangeInputs{grid-template-columns:1fr}.slippageSegments{grid-template-columns:1fr 1fr}.poolModal{max-height:calc(100vh - 20px);padding:12px}.poolToolbar{grid-template-columns:minmax(0,1fr) 40px}.searchField{grid-column:1/-1}.poolOption{grid-template-columns:minmax(0,1fr) 24px;gap:8px}.poolStats{grid-column:1/-1;grid-template-columns:1fr 1fr}.poolSelectIcon{grid-area:1/2}.planRow{grid-template-columns:1fr;gap:4px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawerIn{0%{opacity:.7;transform:translate(28px)}to{opacity:1;transform:translate(0)}}