.swap-studio-shell{background:var(--background);min-height:100dvh;color:var(--foreground)}.swap-studio-main{width:min(100% - 2rem,82rem);margin-inline:auto}.swap-opening{gap:var(--space-xl);padding-block:clamp(var(--space-2xl), 7vw, var(--space-4xl));border-bottom:var(--rule-hair) solid var(--border);display:grid}.swap-opening>div{justify-items:start;gap:var(--space-md);display:grid}.swap-opening a{border-bottom:var(--rule-hair) solid var(--foreground);min-height:2.75rem;font-size:var(--text-sm);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.swap-opening h1{max-width:13ch;font-size:clamp(var(--text-2xl), 6vw, var(--text-display));letter-spacing:-.058em;margin:0;line-height:.98}.swap-opening>div p{max-width:60ch;color:var(--muted-foreground);font-size:var(--text-md);margin:0;line-height:1.55}.swap-opening aside{align-content:end;justify-items:start;gap:var(--space-sm);padding:var(--space-lg);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--plane-1);display:grid}.swap-opening aside svg{width:2rem;height:2rem;color:var(--primary)}.swap-opening aside strong{font-size:var(--text-md)}.swap-opening aside p{color:var(--muted-foreground);margin:0;line-height:1.55}.swap-boundaries{gap:var(--rule-hair);margin-block:var(--space-2xl);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--border);display:grid;overflow:hidden}.swap-boundaries article{min-width:0;padding:var(--space-lg);background:var(--card)}.swap-boundaries article>span{color:var(--primary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;font-weight:700}.swap-boundaries h2{margin:var(--space-xs) 0 var(--space-lg);font-size:var(--text-md)}.swap-boundaries ul{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.swap-boundaries li{align-items:start;gap:var(--space-sm);color:var(--muted-foreground);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);line-height:1.4;display:grid}.swap-boundaries li svg{width:1rem;height:1rem;color:var(--positive);margin-top:.15rem}.swap-fit{gap:var(--space-lg);margin-block:var(--space-2xl);padding:var(--space-lg);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-sheet);background:var(--card);box-shadow:var(--shadow-panel);display:grid}.swap-fit>header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.swap-fit>header>div{gap:var(--space-xs);display:grid}.swap-fit>header span{color:var(--primary);font-size:var(--text-sm);font-weight:700}.swap-fit h2{font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));letter-spacing:-.05em;margin:0}.swap-fit>header p,.swap-fit-boundary{max-width:64ch;color:var(--muted-foreground);margin:0;line-height:1.55}.swap-fit>header>strong{min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--border);background:var(--plane-1);font-size:var(--text-sm);border-radius:999px;flex:none;align-items:center;display:inline-flex}.swap-fit>header>strong[data-status="Ready to adopt"]{border-color:var(--positive);color:var(--positive)}.swap-fit>header>strong[data-status="Kit upgrade required"]{border-color:var(--destructive);color:var(--destructive)}.swap-fit-boundary{padding:var(--space-md);border-inline-start:3px solid var(--primary);background:var(--secondary);color:var(--secondary-foreground)}.swap-fit>form{gap:var(--space-xs);display:grid}.swap-fit>form label{font-size:var(--text-sm);font-weight:700}.swap-fit>form>div{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.swap-fit input{min-width:0;min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--input);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);font:inherit}.swap-fit>form button{align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);font:inherit;border:0;font-weight:700;display:inline-flex}.swap-fit>form button svg{width:1rem;height:1rem}.swap-fit>form button:disabled{opacity:.5}.swap-fit-list{gap:var(--space-md);display:grid}.swap-fit-list>article{gap:var(--space-md);padding:var(--space-md);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--plane-1);display:grid}.swap-fit-list>article>header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.swap-fit-list>article>header>button{border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--card);width:2.75rem;height:2.75rem;color:var(--foreground);flex:none;place-items:center;display:grid}.swap-fit-list>article>header svg{width:1rem;height:1rem}.swap-fit-list>article>div{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.swap-fit-list>article>div button{align-content:center;gap:var(--space-xs);min-height:5.5rem;padding:var(--space-sm);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--card);color:var(--foreground);font:inherit;text-align:start;display:grid}.swap-fit-list>article>div button[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--secondary);color:var(--secondary-foreground)}.swap-fit-list>article>div button span{color:var(--muted-foreground);font-size:var(--text-xs);line-height:1.4}.swap-fit-list>article>p{color:var(--muted-foreground);font-size:var(--text-sm);margin:0;line-height:1.5}.swap-fit-empty{gap:var(--space-xs);padding:var(--space-lg);border:var(--rule-hair) dashed var(--border);border-radius:var(--radius-card);text-align:center;display:grid}.swap-fit-empty p{color:var(--muted-foreground);margin:0}.swap-fit>footer{gap:var(--space-xs);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--border);flex-wrap:wrap;display:flex}.swap-fit>footer span{min-height:2.75rem;padding-inline:var(--space-sm);background:var(--secondary);color:var(--secondary-foreground);font-size:var(--text-sm);border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.swap-builder{gap:var(--space-xl);padding-block:var(--space-2xl);display:grid}.swap-builder>header span,.swap-plan>header span{color:var(--primary);font-size:var(--text-sm);font-weight:700}.swap-builder>header h2,.swap-plan>header h2{margin:var(--space-xs) 0 0;font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));letter-spacing:-.05em}.swap-builder>header p{max-width:62ch;margin:var(--space-sm) 0 0;color:var(--muted-foreground);line-height:1.55}.swap-builder-grid{gap:var(--space-xl);align-items:start;display:grid}.swap-builder form{gap:var(--space-lg);display:grid}.swap-builder form>label,.swap-builder fieldset{gap:var(--space-xs);font-size:var(--text-sm);border:0;margin:0;padding:0;font-weight:700;display:grid}.swap-builder input,.swap-builder textarea{width:100%;min-width:0;min-height:2.75rem;padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--input);border-radius:var(--radius-control);background:var(--card);color:var(--foreground);font:inherit}.swap-builder textarea{resize:vertical;min-height:8.5rem;line-height:1.55}.swap-builder fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-builder legend{margin-bottom:var(--space-xs);grid-column:1/-1}.swap-builder fieldset button{align-content:center;gap:var(--space-xs);min-width:0;min-height:6.25rem;padding:var(--space-md);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--card);color:var(--foreground);font:inherit;text-align:start;cursor:pointer;display:grid}.swap-builder fieldset button[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--secondary);color:var(--secondary-foreground)}.swap-builder fieldset button span{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:400;line-height:1.4}.swap-primary{border-radius:var(--radius-control);background:var(--primary);min-height:3rem;color:var(--primary-foreground);font:inherit;cursor:pointer;box-shadow:var(--shadow-control);border:0;font-weight:700}.swap-preview{border:var(--rule-hair) solid var(--border);border-radius:var(--radius-sheet);background:var(--card);box-shadow:var(--shadow-panel);overflow:hidden}.swap-preview>header{align-content:center;gap:var(--space-xs) var(--space-md);min-height:5rem;padding-inline:var(--space-lg);border-bottom:var(--rule-hair) solid var(--border);grid-template-columns:1fr auto;display:grid}.swap-preview>header span{color:var(--primary);font-size:var(--text-xs);font-weight:700}.swap-preview>header strong{font-size:var(--text-md);grid-column:1}.swap-preview>header small{color:var(--muted-foreground);grid-area:1/2/span 2;align-self:center}.swap-preview-screen{background:var(--plane-1);grid-template-columns:4.5rem minmax(0,1fr);min-height:25rem;display:grid}.swap-preview-screen>aside{align-content:start;justify-items:center;gap:var(--space-sm);padding-block:var(--space-md);border-inline-end:var(--rule-hair) solid var(--border);background:var(--sidebar);display:grid}.swap-preview-screen>aside i{border-radius:var(--radius-control);background:var(--plane-2);width:2.75rem;height:2.75rem}.swap-preview-screen>aside i:first-child{background:var(--primary)}.swap-preview-screen>main{grid-template-rows:auto 1fr;min-width:0;display:grid}.swap-preview-screen>main>header{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:4rem;padding-inline:var(--space-md);border-bottom:var(--rule-hair) solid var(--border);background:var(--card);font-size:var(--text-sm);font-weight:700;display:flex}.swap-preview-screen>main>header button{min-height:2.75rem;padding-inline:var(--space-md);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);font:inherit;font-size:var(--text-xs);border:0;font-weight:700}.swap-preview-screen section{align-content:center;justify-items:start;gap:var(--space-sm);min-width:0;padding:clamp(var(--space-lg), 6vw, var(--space-2xl));display:grid}.swap-preview-screen section small{color:var(--primary);font-weight:700}.swap-preview-screen section h3{max-width:13ch;font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));letter-spacing:-.045em;margin:0;line-height:1}.swap-preview-screen section p{max-width:48ch;color:var(--muted-foreground);margin:0;line-height:1.55}.swap-preview-screen section>div{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.swap-preview-screen section>div button{min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);font:inherit;font-weight:700}.swap-preview-screen section>div button:last-child{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.swap-preview dl{padding:var(--space-md) var(--space-lg);margin:0}.swap-preview dl>div{align-items:center;gap:var(--space-md);border-bottom:var(--rule-hair) solid var(--border);grid-template-columns:minmax(8rem,.55fr) minmax(0,1fr);min-height:3.5rem;display:grid}.swap-preview dl>div:last-child{border-bottom:0}.swap-preview dt{color:var(--muted-foreground);font-size:var(--text-sm)}.swap-preview dd{font-size:var(--text-sm);text-align:end;margin:0;font-weight:700}.swap-plan{gap:var(--space-xl);margin-block:var(--space-2xl) var(--space-4xl);padding:var(--space-lg);border:2px solid var(--primary);border-radius:var(--radius-sheet);background:var(--card);box-shadow:var(--shadow-panel);display:grid}.swap-plan>header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.swap-plan>header button{align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);font:inherit;cursor:pointer;border:0;font-weight:700;display:flex}.swap-plan>header button svg{width:1rem;height:1rem}.swap-plan ol{border-top:var(--rule-hair) solid var(--border);margin:0;padding:0;list-style:none}.swap-plan li{align-items:center;gap:var(--space-lg);min-height:6rem;padding-block:var(--space-md);border-bottom:var(--rule-hair) solid var(--border);grid-template-columns:auto minmax(0,1fr);display:grid}.swap-plan li>span{color:var(--primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.swap-plan li p{margin:var(--space-xs) 0 0;color:var(--muted-foreground);line-height:1.5}.swap-proof{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-control);background:var(--secondary);color:var(--secondary-foreground);grid-template-columns:auto minmax(0,1fr);display:grid}.swap-proof svg{width:1.25rem;height:1.25rem;color:var(--primary)}.swap-proof p{font-size:var(--text-sm);margin:0;line-height:1.5}@media (hover:hover) and (pointer:fine){.swap-builder fieldset button:hover{background:var(--plane-1)}.swap-primary:hover,.swap-plan>header button:hover{background:color-mix(in oklch, var(--primary), var(--foreground) 8%)}}@media (min-width:48rem){.swap-opening{grid-template-columns:minmax(0,1fr) minmax(22rem,.65fr);align-items:end}.swap-boundaries{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.swap-builder-grid{grid-template-columns:minmax(24rem,.75fr) minmax(0,1.25fr)}.swap-preview{top:var(--space-md);position:sticky}}@media (max-width:38rem){.swap-fit>header{flex-direction:column}.swap-fit>form>div,.swap-fit-list>article>div,.swap-builder fieldset{grid-template-columns:1fr}.swap-preview-screen{grid-template-columns:3.75rem minmax(0,1fr)}.swap-preview-screen>aside i{width:2.75rem}.swap-preview dl>div{gap:var(--space-xs);padding-block:var(--space-sm);grid-template-columns:1fr}.swap-preview dd{text-align:start}.swap-plan>header{flex-direction:column;align-items:stretch}.swap-plan>header button{justify-content:center}}