code { font: inherit; color: var(--paper); background: var(--line3); padding: 0 3px; }


.tool-grid { grid-template-columns: minmax(330px, 392px) minmax(0, 1fr); align-items: stretch; }
.cfg-col, .main-col { display: flex; flex-direction: column; min-width: 0; }
.cfg-col > .cell, .main-col > .cell { border-bottom: 1px solid var(--line); }

.grid > .cfg-col, .grid > .main-col { background: transparent; }
.cfg-col > *, .main-col > * { background: var(--ink); }
.main-col > :last-child { border-bottom: 1px solid var(--line); }
.nest { display: grid; border-bottom: 1px solid var(--line); }
.nest > * { border-right: 1px solid var(--line); min-width: 0; }
.nest > :last-child { border-right: 0; }
.chart-host { min-height: 200px; }



html[data-route="home"] #field { visibility: hidden; }
html[data-route="home"] body { background-image: none; }
html[data-route="home"] #cmdk { display: none; }


@media (max-width: 1180px) {
.tool-grid { grid-template-columns: minmax(300px, 340px) minmax(0, 1fr); }
}
@media (max-width: 760px) {
.tool-grid { grid-template-columns: minmax(0, 1fr); }

.tool-grid > .cfg-col { order: 2; border-top: 1px solid var(--line); }
.tool-grid > .main-col { order: 1; }
}