1/* The workbench's own surface, spelled entirely in the tokens above.23 The identity is the application's: neutral near-black chrome, linen text,4 cerulean for everything interactive and for the data readouts, the earth5 browns for warm detail. What differs is the shape of the work — this is a6 measurement instrument, so it is dense tables, a score that reads at arm's7 length, and one console pane that grows a row at a time. */89* { box-sizing: border-box; }1011body.workbench {12 margin: 0;13 background: var(--bg);14 color: var(--text);15 font: 14px/1.55 var(--font, inherit);16 font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;17}1819/* topbar --------------------------------------------------------------- */2021.topbar {22 display: flex;23 align-items: baseline;24 gap: 24px;25 padding: 14px 24px;26 background: var(--panel);27 border-bottom: 1px solid var(--line);28 position: sticky;29 top: 0;30 z-index: 2;31}3233.topbar .brand {34 font-weight: 600;35 letter-spacing: 0.14em;36 text-transform: uppercase;37 font-size: 12px;38 color: var(--text-strong);39 text-decoration: none;40}4142.topbar nav { display: flex; gap: 18px; }43.topbar nav a { color: var(--muted); text-decoration: none; font-size: 13px; }44.topbar nav a:hover { color: var(--accent); }4546main { padding: 24px; max-width: 1500px; }4748/* page furniture -------------------------------------------------------- */4950.page-head { margin-bottom: 20px; }51.page-head h1 { font-size: 22px; font-weight: 600; margin: 0 0 4px; color: var(--text-strong); }5253h2 { font-size: 15px; font-weight: 600; margin: 0 0 8px; color: var(--text-strong); }54h3 { font-size: 13px; font-weight: 600; margin: 18px 0 6px; color: var(--text-strong); }5556a { color: var(--accent); }5758.dim { color: var(--muted); font-weight: 400; }59.note { margin-top: -6px; }60.empty { color: var(--muted); padding: 32px 0; }6162.warn {63 color: var(--warm-strong);64 background: rgba(138, 106, 68, 0.12);65 border-left: 2px solid var(--warm);66 padding: 8px 12px;67 margin: 8px 0;68}6970.badge {71 display: inline-block;72 padding: 1px 7px;73 margin-right: 4px;74 border: 1px solid var(--line-strong);75 border-radius: 999px;76 font-size: 11px;77 color: var(--data);78}7980.tag {81 font-size: 10px;82 text-transform: uppercase;83 letter-spacing: 0.1em;84 color: var(--accent-ink);85 background: var(--accent);86 padding: 1px 6px;87 border-radius: 3px;88 vertical-align: middle;89}9091/* the headline: a score, and how it moved ------------------------------- */9293.headline {94 background: var(--panel);95 border: 1px solid var(--line);96 border-left: 3px solid var(--accent);97 padding: 16px 20px;98 margin-bottom: 20px;99}100101.score-big {102 margin: 0;103 font-size: 34px;104 font-weight: 600;105 line-height: 1.1;106 color: var(--data);107 font-variant-numeric: tabular-nums;108}109110.score-big .dim { font-size: 13px; font-weight: 400; }111.movement { margin: 6px 0 0; font-size: 13px; }112.score { font-size: 16px; font-weight: 600; color: var(--data); margin: 4px 0 12px; }113td.score { font-weight: 600; color: var(--data); }114115.delta-up { color: var(--accent); }116.delta-down { color: var(--warm-strong); }117.delta-flat { color: var(--muted); }118119/* tables ---------------------------------------------------------------- */120121table {122 border-collapse: collapse;123 width: 100%;124 margin: 8px 0 4px;125 font-variant-numeric: tabular-nums;126}127128th, td {129 text-align: left;130 padding: 5px 10px;131 border-bottom: 1px solid var(--line);132 vertical-align: top;133}134135th {136 font-size: 11px;137 text-transform: uppercase;138 letter-spacing: 0.08em;139 color: var(--muted);140 font-weight: 500;141 white-space: nowrap;142}143144td.num, th.num { text-align: right; white-space: nowrap; }145tbody tr:hover { background: var(--accent-wash); }146147/* builds, cards, accounts ------------------------------------------------ */148149.build, .card {150 background: var(--panel);151 border: 1px solid var(--line);152 padding: 16px 20px;153 margin-bottom: 16px;154}155156.build.serving { border-left: 3px solid var(--accent); }157158.columns {159 display: grid;160 grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));161 gap: 16px;162 align-items: start;163}164165.axes { margin: 4px 0 12px; }166.axes div { display: flex; gap: 12px; padding: 3px 0; border-bottom: 1px solid var(--line); }167.axes dt {168 width: 110px;169 flex: none;170 color: var(--muted);171 font-size: 11px;172 text-transform: uppercase;173 letter-spacing: 0.08em;174 padding-top: 2px;175}176.axes dd { margin: 0; }177.axes-head { color: var(--muted); }178179.terms div { padding: 6px 0; border-bottom: 1px solid var(--line); }180.terms dt {181 color: var(--muted);182 font-size: 11px;183 text-transform: uppercase;184 letter-spacing: 0.08em;185}186.terms dd { margin: 2px 0 0; }187188details.account { margin: 6px 0; }189details.account summary { cursor: pointer; color: var(--muted); padding: 4px 0; }190details.account summary:hover { color: var(--accent); }191192/* forms ------------------------------------------------------------------ */193194form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0; }195form.compare { margin-bottom: 18px; }196197label { color: var(--muted); font-size: 12px; }198199input, select, button {200 font: inherit;201 color: var(--text);202 background: var(--panel-raised);203 border: 1px solid var(--line-strong);204 border-radius: 3px;205 padding: 5px 9px;206}207208input { min-width: 240px; }209input::placeholder { color: var(--muted); }210211button {212 color: var(--accent-ink);213 background: var(--accent);214 border-color: transparent;215 cursor: pointer;216 font-weight: 500;217}218219button:hover { filter: brightness(1.1); }220input:focus-visible, select:focus-visible, button:focus-visible {221 outline: 2px solid var(--accent);222 outline-offset: 1px;223}224225textarea {226 width: 100%;227 min-height: 32rem;228 resize: vertical;229 font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;230 color: var(--text);231 background: var(--bg);232 border: 1px solid var(--line-strong);233 padding: 14px;234}235236.manifest-editor form { display: block; }237.manifest-editor button { margin-top: 10px; }238.eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: .12em; font-size: 11px; margin: 0 0 3px; }239.notice { color: var(--accent); border-left: 2px solid var(--accent); padding: 8px 12px; }240.project-columns { grid-template-columns: minmax(360px, 1fr) minmax(420px, 1.2fr); }241.build-control form label { display: flex; gap: 5px; align-items: center; }242.build-control input[type="checkbox"] { min-width: 0; }243.run-state { border-left: 2px solid var(--accent); padding-left: 8px; }244.run-state.failed { border-color: #d98a72; color: #d98a72; }245.artifact-handoff { margin-top: 14px; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px dashed var(--accent); background: var(--accent-wash); cursor: grab; }246.artifact-handoff:active { cursor: grabbing; }247.artifact-handoff form { margin: 0; }248.file-icon { display: inline-grid; place-items: center; width: 30px; height: 36px; margin-right: 10px; color: var(--accent-ink); background: var(--accent); font-weight: 700; float: left; }249250/* spatial authoring ----------------------------------------------------- */251252.area-authoring { padding: 0; overflow: hidden; border-left: 3px solid var(--accent); }253.authoring-head {254 display: flex;255 align-items: end;256 justify-content: space-between;257 gap: 24px;258 padding: 16px 20px;259 border-bottom: 1px solid var(--line);260}261.authoring-head p { margin-bottom: 0; }262.authoring-flow { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; counter-reset: flow; }263.authoring-flow li { display: flex; align-items: center; color: var(--muted); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }264.authoring-flow li::before { counter-increment: flow; content: counter(flow); display: grid; place-items: center; width: 20px; height: 20px; margin-right: 5px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--muted); }265.authoring-flow li::after { content: "→"; margin: 0 8px; color: var(--line-strong); font-size: 14px; }266.authoring-flow li:last-child::after { display: none; }267.authoring-flow li.active, .authoring-flow li.active::before { color: var(--data); border-color: var(--accent); }268.area-form { display: grid; grid-template-columns: minmax(360px, 1.15fr) minmax(330px, 1fr) minmax(180px, .45fr); align-items: stretch; gap: 12px; margin: 0; padding: 16px 20px; }269.area-form fieldset { min-width: 0; margin: 0; padding: 10px 12px 12px; border: 1px solid var(--line); }270.area-form legend { padding: 0 6px; color: var(--text-strong); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }271.area-bounds { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }272.area-bounds label { display: grid; gap: 3px; }273.area-bounds input { width: 100%; min-width: 0; font-variant-numeric: tabular-nums; }274.area-map-toolbar { grid-column: 1 / -1; display: flex; align-items: end; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 10px; }275.area-map-toolbar label { display: flex; align-items: center; gap: 6px; }276.area-map-toolbar select { min-width: 110px; padding: 3px 6px; font-size: 11px; }277.area-map { grid-column: 1 / -1; width: 100%; height: 150px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--map-surround); cursor: crosshair; touch-action: none; }278.area-map:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }279.detail-control { grid-column: 1 / -1; grid-template-columns: 1fr auto ; align-items: center; }280.detail-control input { grid-column: 1 / -1; padding: 4px 0; accent-color: var(--accent); }281.detail-control output { color: var(--data); font-size: 14px; font-weight: 600; }282.source-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }283.source-choice { display: flex; align-items: center; gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel-raised); cursor: pointer; }284.source-choice:has(input:checked) { border-color: var(--accent); background: var(--accent-wash); }285.source-choice input { width: auto; min-width: 0; margin: 0; accent-color: var(--accent); }286.source-choice span, .source-choice small { display: block; }287.source-choice b { color: var(--text-strong); font-size: 12px; }288.source-choice small { color: var(--muted); font-size: 10px; }289.budget-preview { display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 12px; border: 1px solid var(--line-strong); background: var(--bg); }290.budget-preview b { color: var(--data); font-size: 16px; }291.budget-preview span:not(.node-kind) { color: var(--muted); font-size: 11px; }292.budget-preview.over { border-color: #d98a72; }293.budget-preview.over b, .budget-preview.over [data-budget-state] { color: #d98a72; }294.presentation-editor { grid-column: 1 / -1; display: grid; gap: 6px; }295.presentation-head, .presentation-row { display: grid; grid-template-columns: minmax(160px, .8fr) minmax(180px, 1fr) minmax(110px, .5fr) 80px; align-items: center; gap: 8px; }296.presentation-head { padding: 0 8px; color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }297.presentation-row { padding: 7px 8px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel-raised); }298.presentation-row > span:first-child { display: flex; align-items: center; gap: 6px; color: var(--text); }299.presentation-row input { width: 100%; min-width: 0; }300.presentation-row input[type="checkbox"] { width: auto; }301.presentation-row input[type="color"] { width: 42px; height: 30px; padding: 2px; }302.color-pair { display: flex; gap: 4px; }303.generate-manifest { grid-column: 1 / -1; justify-self: end; padding: 8px 14px; }304.contract-preview { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, .8fr) 30px minmax(180px, .45fr); align-items: center; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--line); background: var(--bg); }305.contract-preview p { margin: 5px 0 0; }306.contract-pill { display: inline-block; margin: 0 4px 4px 0; padding: 2px 7px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--text); font-size: 10px; }307.contract-pill.path { border-color: var(--accent); }308.contract-pill.area { border-color: var(--warm); }309.style-stack { display: flex; align-items: center; gap: 5px; color: var(--text); font-size: 11px; }310.swatch { display: inline-block; width: 18px; height: 18px; margin-right: -9px; border: 2px solid var(--panel); border-radius: 50%; }311.swatch.county { background: #766b5b; }312.swatch.water { background: #4b8db8; }313.swatch.road { margin-right: 4px; background: #b45f3c; }314.truth-preview { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border: 1px solid var(--accent); background: var(--accent-wash); }315.truth-preview b { color: var(--data); }316317/* project contract graph ------------------------------------------------ */318319.contract-graph { padding: 0; overflow: hidden; }320.graph-head {321 display: flex;322 align-items: end;323 justify-content: space-between;324 gap: 24px;325 padding: 16px 20px;326 border-bottom: 1px solid var(--line);327}328.graph-head h2 { margin: 0; }329.graph-totals { margin: 0; color: var(--muted); font-size: 12px; text-align: right; }330.graph-totals b { color: var(--data); }331.contract-groups { padding: 4px 20px; }332.contract-group {333 display: grid;334 grid-template-columns: minmax(0, 1fr) 28px minmax(220px, 0.32fr);335 align-items: center;336 gap: 8px;337 padding: 14px 0;338 border-bottom: 1px solid var(--line);339}340.source-lanes { display: grid; gap: 8px; min-width: 0; }341.source-lane {342 display: grid;343 grid-template-columns: minmax(135px, 1fr) 20px minmax(120px, 0.72fr) 20px minmax(175px, 1.1fr);344 align-items: stretch;345 gap: 6px;346 min-width: 0;347}348.graph-node {349 position: relative;350 min-width: 0;351 padding: 10px 12px;352 border: 1px solid var(--line-strong);353 border-radius: 4px;354 background: var(--panel-raised);355}356.graph-node b, .graph-node .node-detail, .graph-node .node-counts { display: block; }357.graph-node b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }358.node-kind {359 display: block;360 margin-bottom: 3px;361 color: var(--muted);362 font-size: 10px;363 letter-spacing: 0.1em;364 text-transform: uppercase;365}366.node-detail, .node-counts {367 overflow: hidden;368 color: var(--muted);369 font-size: 11px;370 text-overflow: ellipsis;371 white-space: nowrap;372}373.node-counts { margin-top: 5px; color: var(--data); }374.source-node { border-left: 2px solid var(--warm); }375.mapping-node { border-left: 2px solid var(--data); }376.contract-node { border-color: var(--accent); background: var(--accent-wash); }377.contract-node h3 { margin: 0; font-size: 15px; }378.contract-node > code { color: var(--muted); font-size: 11px; }379.contract-node > p { margin: 8px 0; }380.graph-arrow {381 align-self: center;382 color: var(--muted);383 font-size: 18px;384 font-style: normal;385 text-align: center;386}387.merge-arrow { color: var(--accent); }388.status-chip {389 display: inline-block;390 width: max-content;391 margin: 6px 4px 0 0;392 padding: 1px 6px;393 border: 1px solid var(--line-strong);394 border-radius: 999px;395 color: var(--muted);396 font-size: 10px;397 font-style: normal;398 font-weight: 500;399 letter-spacing: 0.04em;400 line-height: 1.5;401 text-transform: uppercase;402}403.status-chip.ready, .status-chip.semantic { border-color: var(--accent); color: var(--data); }404.status-chip.fetch { border-color: var(--warm); color: var(--warm-strong); }405.status-chip.geometry { color: var(--text); }406.contract-detail { margin-top: 7px; border-top: 1px solid var(--line); }407.contract-detail summary, .plan-detail summary, .build-log summary, .manifest-editor > summary {408 padding: 7px 0;409 color: var(--muted);410 cursor: pointer;411 font-size: 12px;412}413.contract-detail summary:hover, .plan-detail summary:hover, .build-log summary:hover, .manifest-editor > summary:hover { color: var(--accent); }414.contract-list { margin: 0; }415.contract-list div { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; }416.contract-list dt, .contract-list dd { margin: 0; font-size: 11px; }417.artifact-flow {418 display: grid;419 grid-template-columns: minmax(0, 1fr) 28px minmax(190px, 0.22fr);420 align-items: center;421 gap: 8px;422 padding: 14px 20px;423 background: var(--bg);424}425.side-inputs { display: flex; flex-wrap: wrap; gap: 6px; }426.side-input { padding: 5px 8px; border: 1px solid var(--line); border-radius: 3px; color: var(--muted); font-size: 11px; }427.side-input .status-chip { margin: 0 0 0 4px; }428.artifact-node { border-color: var(--accent); }429.artifact-node > b { color: var(--data); font-size: 18px; }430.plan-detail { margin-top: 8px; border-top: 1px solid var(--line); }431.manifest-editor > summary { list-style-position: outside; padding: 0; }432.manifest-editor > summary b { margin-right: 8px; color: var(--text-strong); font-size: 15px; }433.stage-rail {434 display: grid;435 grid-template-columns: repeat(5, 1fr);436 gap: 0;437 margin: 14px 0 10px;438 padding: 0;439 list-style: none;440}441.stage-rail li { position: relative; padding-top: 14px; color: var(--muted); font-size: 10px; text-align: center; text-transform: uppercase; letter-spacing: .06em; }442.stage-rail li::before { content: ""; position: absolute; top: 4px; left: 0; right: 0; height: 2px; background: var(--line-strong); }443.stage-rail li:first-child::before { left: 50%; }444.stage-rail li:last-child::before { right: 50%; }445.stage-rail li > span { position: absolute; z-index: 1; top: 0; left: calc(50% - 5px); width: 10px; height: 10px; border: 2px solid var(--line-strong); border-radius: 50%; background: var(--panel); }446.stage-rail li.done { color: var(--data); }447.stage-rail li.done::before, .stage-rail li.done > span { border-color: var(--accent); background: var(--accent); }448.stage-rail li.active { color: var(--text-strong); }449.stage-rail li.active > span { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-wash-strong); }450.stage-rail li.failed { color: #d98a72; }451.stage-rail li.failed > span { border-color: #d98a72; background: #d98a72; }452.build-log { margin: 8px 0; }453.build-log .console { margin-top: 4px; }454455@media (max-width: 850px) {456 .project-columns { grid-template-columns: 1fr; }457 .authoring-head { align-items: start; flex-direction: column; }458 .authoring-flow { flex-wrap: wrap; }459 .area-form { grid-template-columns: 1fr; }460 .area-bounds { grid-template-columns: 1fr 1fr; }461 .presentation-head { display: none; }462 .presentation-row { grid-template-columns: 1fr 1fr; }463 .generate-manifest { grid-column: 1; }464 .contract-preview { grid-template-columns: 1fr; }465 .contract-preview > .graph-arrow { transform: rotate(90deg); }466 .graph-head { align-items: start; flex-direction: column; gap: 6px; }467 .graph-totals { text-align: left; }468 .contract-group { grid-template-columns: 1fr; }469 .source-lane { grid-template-columns: 1fr; }470 .source-lane .graph-arrow, .merge-arrow { transform: rotate(90deg); }471 .contract-group > .graph-arrow { justify-self: center; }472 .artifact-flow { grid-template-columns: 1fr; }473 .artifact-flow > .graph-arrow { transform: rotate(90deg); }474}475476/* the console: one row per line the operation said ----------------------- */477478.console {479 background: var(--bg);480 border: 1px solid var(--line);481 padding: 10px 12px;482 max-height: 60vh;483 overflow: auto;484 font-family: ui-monospace, SFMono-Regular, Menlo, monospace;485 font-size: 12px;486}487488.op-row { margin: 0; padding: 1px 0; display: flex; gap: 8px; flex-wrap: wrap; }489.op-row .seq { color: var(--muted); min-width: 2.5em; text-align: right; }490.op-row .level { color: var(--muted); min-width: 4em; }491.op-row .msg { color: var(--text); }492.op-row .attr { color: var(--data); }493.op-row .attr b { color: var(--muted); font-weight: 400; margin-right: 3px; }494495.op-row[data-kind="command"] { color: var(--accent); border-top: 1px solid var(--line); padding-top: 6px; }496.op-row[data-kind="command"] .msg { color: var(--accent); }497.op-row[data-kind="result"] .msg { font-weight: 600; }498.op-row[data-level="WARN"] .msg { color: var(--warm-strong); }499.op-row[data-failed] .msg { color: #d98a72; }500501/* compiled artifact inspector -------------------------------------------- */502503.inspector-head { max-width: 1180px; }504.artifact-facts {505 display: grid;506 grid-template-columns: repeat(5, minmax(110px, 1fr));507 gap: 8px;508 margin-top: 18px;509}510.artifact-facts span, .native-rail span {511 display: flex;512 flex-direction: column;513 gap: 2px;514 padding: 10px 12px;515 border: 1px solid var(--line);516 border-radius: 4px;517 background: var(--panel);518}519.artifact-facts b, .native-rail b { color: var(--text-strong); }520.artifact-facts small, .native-rail small { color: var(--muted); }521.native-rail {522 display: grid;523 grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;524 align-items: center;525 gap: 8px;526 max-width: 1180px;527 margin: 0 auto 18px;528 padding: 0 20px;529}530.native-rail i { color: var(--muted); font-style: normal; text-align: center; }531.inspected-world { max-width: 1180px; margin-inline: auto; }532.inspector-section-head {533 display: flex;534 justify-content: space-between;535 align-items: end;536 gap: 20px;537 border-bottom: 1px solid var(--line);538 padding-bottom: 14px;539}540.world-foundation, .raster-strip, .inspected-sets, .inspector-lower-grid {541 display: grid;542 grid-template-columns: repeat(2, minmax(0, 1fr));543 gap: 12px;544 margin-top: 14px;545}546.inspect-node {547 min-width: 0;548 padding: 14px;549 border: 1px solid var(--line-strong);550 border-radius: 5px;551 background: var(--bg);552}553.inspect-node header h3, .inspect-node header p { margin: 2px 0; }554.inspect-node code { overflow-wrap: anywhere; }555.node-kind {556 display: block;557 color: var(--muted);558 font-size: 10px;559 letter-spacing: .08em;560 text-transform: uppercase;561}562.mini-terms { margin: 10px 0 0; }563.mini-terms div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 8px; padding: 4px 0; }564.mini-terms dt, .mini-terms dd { margin: 0; }565.mini-terms dt { color: var(--muted); }566.raster-strip { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }567.inspected-sets { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }568.feature-summaries { display: grid; gap: 5px; margin: 8px 0; }569.feature-summaries a {570 display: flex;571 justify-content: space-between;572 gap: 12px;573 padding: 7px 9px;574 border: 1px solid var(--line);575 border-radius: 3px;576 text-decoration: none;577}578.feature-summaries a:hover { border-color: var(--accent); }579.feature-summaries small { color: var(--muted); }580.feature-pages { display: flex; justify-content: space-between; margin-top: 8px; }581.feature-facts {582 margin-top: 12px;583 padding: 12px;584 border: 1px solid var(--accent);585 border-radius: 4px;586 background: var(--accent-wash);587}588.geometry-fact { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 10px 0; }589.geometry-fact b { color: var(--data); }590.warn-inline { color: #d98a72; }591.inspector-lower-grid { max-width: 1180px; margin: 14px auto; padding: 0 20px; }592.schema-type { padding: 8px 0; border-bottom: 1px solid var(--line); }593594@media (max-width: 850px) {595 .artifact-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }596 .native-rail { grid-template-columns: 1fr; }597 .native-rail i { transform: rotate(90deg); }598 .inspector-section-head { align-items: start; flex-direction: column; }599 .world-foundation, .inspected-sets, .inspector-lower-grid { grid-template-columns: 1fr; }600}