/* Asset directory and interactive route canvas. */
.announcement,.announcement button{font-size:14px}
.brand{letter-spacing:-1.1px;font-size:29px}
.navigation .nav-social{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;margin-left:8px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}
.navigation .nav-social:hover{background:var(--soft);border-color:#c4c8b9}
.nav-social svg{flex-shrink:0}
.footer-social{white-space:nowrap}
.footer-token{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-width:0}
.footer-token strong{color:var(--ink);font-weight:600}
.token-contract{padding:4px 8px;border:1px solid var(--line);border-radius:4px;font:12px/1.5 var(--mono);color:var(--muted);transition:background .2s,color .2s}
.token-contract:hover{background:var(--soft);color:var(--ink)}
.token-contract[hidden]{display:none}
.navigation button,.text-button,.header-swap{font-size:15px}
.intro .eyebrow,.hero-tag{font-size:12px;letter-spacing:.2px}
h1{font-size:clamp(46px,4.8vw,72px);letter-spacing:-2.3px;line-height:1.08}
.intro-copy>p{font-size:20px;line-height:1.5}
.hero-search input,.hero-search button{font-size:16px}
main:before{opacity:.16}
.workspace{border-radius:14px;box-shadow:0 12px 45px #292d1507}
.workspace .workspace-top{padding:0 22px;gap:20px;background:#fcfcfa}
.tabs button{font-size:15px}.tabs button span{font-size:12px}
.network-select select{font-size:13px;max-width:160px}
.workspace .directory-layout{grid-template-columns:215px minmax(0,1fr) 362px;align-items:stretch;min-height:756px}
.workspace .asset-browser{background:#fff;min-height:0}
.workspace .search-row{padding:17px 16px;min-height:70px}
.workspace .search-box{gap:8px}.workspace .search-box input{font-size:14px}.workspace .search-box kbd{display:none}
.workspace .table-label{padding:10px 17px;font-size:12px;letter-spacing:.15px;background:#fff}
.workspace .asset-list{max-height:620px;overflow-y:auto}
.workspace .asset-row{padding:14px 16px;gap:11px;min-height:66px;transition:background .2s}
.workspace .asset-row.selected{background:#f3f5e9;box-shadow:inset 2px 0 #87982b}
.workspace .asset-icon{width:33px;height:33px;border:0;background:white;border-radius:50%;box-shadow:0 0 0 1px #2428190b;overflow:hidden}
.asset-icon img{display:block;width:100%;height:100%;object-fit:contain}
.workspace .asset-info strong{font-size:15px;font-weight:600}.workspace .asset-info>span{font-size:12px;max-width:115px;color:#62665d}
.workspace .route-count{margin-left:auto;font-size:12px;gap:9px}.workspace .route-count>span{font-size:16px}
.workspace .list-bottom{padding:14px 17px;font-size:12px}.workspace .list-bottom>span:last-child{display:none}
.workspace .empty{padding:50px 14px}.workspace .empty h2{font-size:17px}.workspace .empty p{font-size:14px}
.workspace .asset-detail{padding:0;border:0;background:#fbfcf8;position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.terminal-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:20px 24px;border-bottom:1px solid var(--line);background:white}
.terminal-panel-heading h2{font-size:15px;line-height:1.4;font-weight:600;margin:0;letter-spacing:0}
.terminal-panel-heading>span,.terminal-panel-heading .text-button{font-size:13px;color:var(--muted)}
.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:29px 26px 25px}
.flow-heading .eyebrow{font-size:13px;color:var(--muted);letter-spacing:.1px}
.flow-heading h3{margin:5px 0 0;font-size:27px;font-weight:400;letter-spacing:-.8px;line-height:1.2}
.path-count{font-size:12px;white-space:nowrap;color:#626959}
.graph-labels{position:relative;height:32px;margin:0 20px;color:#707765;font-size:12px}
.graph-labels span{position:absolute;transform:translateX(-50%)}.graph-labels span:nth-child(1){left:14%}.graph-labels span:nth-child(2){left:50%}.graph-labels span:nth-child(3){left:85%}
.issuer-graph{position:relative;height:var(--graph-height);margin:0 20px 15px;isolation:isolate}
.issuer-graph:before{content:"";position:absolute;inset:8% -10% 0 -14%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 27% 50%,#eaf0d65e 0%,#f1f4e844 32%,transparent 66%);border-radius:50%;transform:rotate(-18deg)}
.issuer-graph svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.flow-wire{fill:none;stroke:#dce2d0;stroke-width:1.3;vector-effect:non-scaling-stroke;transition:stroke .35s}
.flow-wire.selected{stroke:#b2c578;stroke-width:1.7}
.flow-pulse{fill:none;stroke:#798f30;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:22 978;vector-effect:non-scaling-stroke;animation:route-flow 6.5s linear infinite}
.flow-origin{position:absolute;left:14%;top:48%;transform:translate(-50%,-33px);display:flex;flex-direction:column;align-items:center;gap:0;width:27%;padding:0 3px;isolation:isolate}
.workspace .flow-origin .asset-icon{width:66px;height:66px;border-radius:50%;border:5px solid white;box-shadow:0 4px 18px #4a552c12,0 0 0 1px #dfe5d4}
.flow-origin strong{font-size:16px;line-height:1.4;font-weight:600;margin-top:13px;background:#f9fbf3}
.flow-origin>span:last-child{font-size:12px;text-align:center;line-height:1.35;color:#626959;max-width:100%;margin-top:1px;overflow-wrap:anywhere;background:#f9fbf3}
.origin-orbit{position:absolute;left:50%;top:33px;width:110px;height:110px;border:1px solid #dbe3c580;border-radius:50%;z-index:-1;transform:translate(-50%,-50%)}
.origin-orbit:after{content:"";position:absolute;inset:-22px;border:1px solid #e3e9d766;border-radius:50%}
.flow-node{position:absolute;top:var(--node-y);left:var(--node-x);transform:translate(-50%,-25px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:110px;padding:0;border:0;background:transparent;border-radius:18px;animation:node-arrive .55s var(--node-delay) var(--ease) both}
.flow-node>.provider-mark{position:relative;height:50px;width:50px;padding:12px;border:1px solid #e3e8da;background:#fff;border-radius:50%;box-shadow:0 3px 11px #39462708;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.provider-mark img{display:block;width:100%;height:100%;object-fit:contain}
.flow-node.selected>.provider-mark{border-color:#a1b665;box-shadow:0 0 0 5px #dfe9c43b,0 4px 14px #50632112}
.flow-node:hover>.provider-mark,.flow-node:focus-visible>.provider-mark{transform:translateY(-3px) scale(1.08);border-color:#96ac5b;box-shadow:0 8px 15px #4f633d14}
.node-label{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.25;padding:1px 5px;background:#fbfcf8;border-radius:5px}
.flow-node strong{font-size:14px;font-weight:600;white-space:nowrap}.flow-node small{font-size:12px;color:#636c57;line-height:1.4}
.node-check{position:absolute;right:-3px;bottom:-1px;font:600 10px/16px var(--sans);width:16px;height:16px;border-radius:50%;background:#e0edb8;color:#3e5420;border:1px solid #f9fcf2;display:none}.flow-node.selected .node-check{display:block}
.flow-network{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);background:#fbfcf8;border:1px solid transparent;border-radius:22px;padding:7px 9px;font-size:12px;line-height:1.3;max-width:28%;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .25s,box-shadow .25s;text-align:left;min-height:36px}
.flow-network{width:max-content}.flow-network img{width:20px;height:20px;border-radius:50%;flex-shrink:0}.flow-network span{white-space:nowrap}
.network-dot{height:6px;width:6px;border-radius:50%;background:#9ca985;flex-shrink:0}
.flow-network.selected{background:#f2f6e8;border-color:#dfe7cf}.flow-network:hover{background:#eaf0dc;box-shadow:0 2px 8px #5369330a}
.flow-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 26px 22px;padding:18px 0 0;border-top:1px solid #e2e7d8}
.selected-token{display:flex;align-items:center;gap:11px;min-width:0}.selected-token>img{border-radius:50%;flex-shrink:0;object-fit:contain;background:#fff;box-shadow:0 0 0 1px #2428190b}
.flow-selection .eyebrow{display:block;font-size:12px;letter-spacing:0;color:var(--muted);margin-bottom:1px}
.flow-selection strong{display:block;font-size:15px;font-weight:600;line-height:1.4}.flow-selection strong>span{font-weight:400;color:#626959;font-size:13px;margin-left:3px}
.flow-use{font-size:13px;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #dce3cd;border-radius:20px;background:white;white-space:nowrap;transition:background .2s,transform .2s}
.flow-use:hover{background:#e9f0d7;transform:translateX(2px)}
.execution-map{margin:0 26px 22px;padding:18px 0 0;border-top:1px solid #e2e7d8}
.execution-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.execution-heading h3{font-size:14px;font-weight:600;margin:0}.execution-heading>span{font-size:12px;color:#67705c}.execution-heading .has-quote{color:#536b23}
.execution-empty{display:flex;align-items:center;gap:8px;padding:3px 0 9px}.execution-wallet{height:30px;width:30px;display:grid;place-items:center;border:1px solid #dce3d0;border-radius:50%;background:#fff;font-size:17px;flex-shrink:0}.execution-dashes{flex:1;border-top:1px dashed #c6d1b4}.execution-pending{font-size:13px;color:#69755a;border:1px dashed #cdd8bc;border-radius:20px;padding:6px 15px;background:#fafcf5}.execution-empty>strong{font-size:13px;font-weight:600;padding:7px 0 7px 5px}
#execution-info{font-size:13px;line-height:1.5;color:#66705b;overflow-wrap:anywhere;margin-top:8px}
.execution-steps{list-style:none;padding:0 0 7px;margin:0;display:flex;align-items:stretch;gap:17px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cfd7c0 transparent}
.execution-steps>li{position:relative;flex:1;min-width:82px;display:flex;flex-direction:column;justify-content:center;gap:4px;max-width:190px}.execution-steps>li:not(:last-child):after{content:'→';position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:#839e49;font-size:13px}
.execution-endpoint strong{font-size:13px;font-weight:600;line-height:1.3}.execution-endpoint>span{font-size:12px;color:#657157}.execution-endpoint.received{color:#516b20}
.execution-steps button{padding:9px;border:1px solid #d6dfc6;border-radius:9px;background:#fff;display:flex;flex-direction:column;gap:4px;text-align:left;min-height:57px;width:100%}.execution-steps button span{font-size:12px;color:#61724a}.execution-steps button strong{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.execution-steps button:hover,.execution-steps button[aria-pressed=true]{background:#edf4df;border-color:#aabf80}
.flow-details{padding:17px 26px;border-top:1px solid var(--line);margin-top:auto;font-size:14px;background:#fff}.flow-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer}.flow-details summary::-webkit-details-marker{display:none}.flow-details summary span{font-size:19px;transition:transform .2s}.flow-details[open] summary span{transform:rotate(45deg)}.flow-details p{font-size:14px;line-height:1.6;color:var(--muted)}.flow-sources{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.flow-sources a{font-size:13px;text-decoration:underline;text-underline-offset:3px}.flow-details .network-tag{font-size:12px}
.terminal-swap{min-width:0;border-left:1px solid var(--line);background:#fff;scroll-margin-top:20px}.terminal-swap-context{margin:18px 20px 0;font-size:13px;color:var(--muted)}.terminal-swap #swap-widget{padding:0 4px;min-height:410px;width:100%;isolation:isolate}.terminal-swap .swap-note{margin:14px 22px 20px;font-size:13px;line-height:1.5;padding-top:15px}
.swap-unavailable{padding:45px 23px 24px}.empty-swap-symbol{display:inline-block;font-size:32px;color:#b7be9f;margin-bottom:20px}.swap-unavailable h3{font-size:22px;line-height:1.4;font-weight:400;letter-spacing:-.5px}.swap-unavailable p{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:24px}.swap-unavailable .issuer-link{margin-top:18px}
.terminal-bottom{display:flex;justify-content:space-between;gap:15px;padding:14px 20px;background:#fcfcfa;border-top:1px solid var(--line);font-size:12px;color:#626959}.terminal-bottom>span:last-child{display:flex;gap:12px;align-items:center}
#routes-fee{display:block;margin-bottom:7px;color:var(--ink);font-weight:600}
.directory-note p,.directory-note .text-button{font-size:14px}footer,footer>span:last-child{font-size:13px}
@keyframes route-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes node-arrive{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.workspace .directory-layout{grid-template-columns:236px minmax(0,1fr) 394px}}
@media(max-width:1280px) and (min-width:1081px){.page{padding-left:38px;padding-right:38px}.workspace .directory-layout{grid-template-columns:188px minmax(0,1fr) 338px}.workspace .asset-row{padding:14px 12px;gap:9px}.workspace .asset-info>span{max-width:89px}.workspace .route-count{gap:4px}.flow-heading,.terminal-panel-heading{padding-left:20px;padding-right:20px}.flow-heading h3{font-size:24px}.flow-heading>.path-count{display:none}.flow-selection,.execution-map{margin-left:20px;margin-right:20px}.flow-details{padding-left:20px;padding-right:20px}.flow-network{flex-direction:column;border:0;gap:3px;padding:5px;background:#fbfcf8!important;min-width:56px}.flow-network span{font-size:12px}.flow-network.selected img{box-shadow:0 0 0 4px #e1ecc5}.flow-node{width:96px}.issuer-graph{margin-left:12px;margin-right:12px}.flow-node strong{font-size:13px}.flow-origin>span:last-child{max-width:90px}}
@media(max-width:1080px) and (min-width:761px){.workspace .directory-layout{grid-template-columns:215px minmax(0,1fr);grid-template-rows:auto auto}.workspace .asset-browser{grid-row:1 / 3}.workspace .asset-list{max-height:none}.terminal-swap{grid-column:2;border-left:0;border-top:1px solid var(--line)}.terminal-swap #swap-widget{max-width:520px;margin:0 auto}.terminal-swap .swap-note,.terminal-swap-context{max-width:476px;margin-left:auto;margin-right:auto}.terminal-swap-context{padding:0 12px}.workspace .flow-details{margin-top:0}.flow-heading>.path-count{display:none}}
@media(max-width:760px){
  .header{height:auto;min-height:72px;flex-wrap:wrap;padding:16px 0;row-gap:10px}.header-actions{margin-left:auto}.navigation{order:1;width:100%;margin-left:0;justify-content:space-between}.navigation .nav-social{margin-left:0;font-size:13px}.footer-social{margin-left:0}
  .announcement,.announcement button{font-size:12px}.announcement>span{max-width:235px}.header{gap:12px}.brand{font-size:28px}.navigation #about-open,.header-swap{font-size:14px}.intro .eyebrow{font-size:11px}.intro-copy>p{font-size:18px}.hero-search input,.hero-search button{font-size:15px}.hero-search input{padding-left:11px}h1{font-size:clamp(43px,9vw,62px);letter-spacing:-1.5px}.hero-search button{padding-left:13px;padding-right:13px}
  .workspace .workspace-top{flex-wrap:wrap;padding:0 16px;gap:0;overflow:visible}.workspace .tabs{width:100%;gap:23px;overflow:auto;scrollbar-width:none}.tabs button{font-size:14px;padding:18px 0}.tabs button span{font-size:11px}.workspace .network-select{width:100%;padding:12px 0;border-top:1px solid var(--line)}.workspace .network-select select{width:100%;max-width:100%;font-size:14px;padding:9px 10px}
  .workspace .directory-layout{display:flex;flex-direction:column;min-height:0}.workspace .asset-browser{border-right:0}.workspace .search-row{min-height:60px;padding:13px 17px}.workspace .search-box input{font-size:15px}.workspace .asset-list{max-height:260px;display:grid;grid-template-columns:1fr 1fr}.workspace .asset-row{min-height:66px;border-right:1px solid #efefec;padding:12px;gap:9px}.workspace .asset-row:nth-child(even){border-right:0}.workspace .asset-info strong{font-size:14px}.workspace .asset-info>span{font-size:12px;max-width:97px}.workspace .route-count{display:none}.workspace .table-label{display:none}.workspace .list-bottom{padding:12px 17px}
  .workspace .asset-detail{border-top:1px solid var(--line)}.terminal-panel-heading{padding:18px 20px;min-height:61px}.flow-heading{padding:23px 20px}.flow-heading h3{font-size:26px}.flow-heading>.path-count{display:none}.graph-labels{margin:0 12px;font-size:12px}.issuer-graph{margin:0 12px 14px}
  .flow-node{width:91px}.flow-node>.provider-mark{height:50px;width:50px;padding:12px}.flow-node strong{font-size:13px}.flow-node small{font-size:12px}.flow-network{flex-direction:column;border:0;gap:4px;padding:5px;max-width:25%;min-width:54px;background:#fbfcf8!important}.flow-network span{font-size:12px}.flow-network.selected img{box-shadow:0 0 0 4px #e1ecc5}.flow-origin{transform:translate(-50%,-26px)}.workspace .flow-origin .asset-icon{width:52px;height:52px;border-width:4px}.flow-origin strong{font-size:14px;margin-top:13px}.flow-origin>span:last-child{font-size:12px}.origin-orbit{height:80px;width:80px;top:26px}.origin-orbit:after{inset:-13px}
  .flow-selection{margin:0 20px 20px}.flow-selection strong>span{font-size:12px;display:block;margin-left:0;margin-top:1px}.flow-selection strong{font-size:14px}.selected-token{gap:9px}.flow-use{font-size:13px;padding:8px 11px}.execution-map{margin:0 20px 21px;padding:17px 0 0}.execution-heading{gap:6px}.execution-heading h3{font-size:14px}.execution-heading>span{font-size:12px}.flow-details{padding:17px 20px;font-size:14px}
  .terminal-swap{border-left:0;border-top:1px solid var(--line)}.terminal-swap #swap-widget{max-width:490px;margin:auto;padding:0}.terminal-bottom{padding:12px 17px;font-size:12px}.terminal-bottom>span:last-child{display:none}.directory-note p,.directory-note .text-button{font-size:13px}footer>span:nth-child(2),footer>span:last-child{font-size:12px}
}
@media(max-width:360px){.announcement>span{max-width:173px}.announcement button{font-size:11px}.header{gap:9px}.brand{font-size:26px}.navigation #about-open{font-size:13px}.header-swap{font-size:13px;padding:9px}.workspace .asset-row{padding:12px 9px;gap:7px}.workspace .asset-icon{width:29px;height:29px}.workspace .asset-info>span{max-width:75px}.flow-node{width:88px}.flow-network span{font-size:11px}.flow-origin>span:last-child{display:none}.flow-heading h3{font-size:25px}.execution-map{margin-left:16px;margin-right:16px}.flow-selection{margin-left:16px;margin-right:16px}.selected-token{gap:7px}.selected-token>img{width:27px;height:27px}.flow-use{padding:8px 10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.flow-pulse{display:none}.flow-node{animation:none}.flow-wire,.flow-node,.flow-network,.flow-node>.provider-mark,.flow-use{transition:none}.flow-node:hover>.provider-mark,.flow-use:hover{transform:none}}