.relay-create-studio { margin-top:54px;background:#f5f5f7;scroll-margin-top:74px; }
.relay-laptop { width:min(1440px,100%);background:#f5f5f7; }
.relay-demo-form { grid-template-columns:minmax(175px,1.2fr) repeat(2,minmax(150px,1fr)) minmax(130px,.85fr);padding:22px 20px; }
.relay-demo-list { margin-top:22px; }
.relay-demo-table th,.relay-demo-table td { padding:13px 15px; }
.relay-demo-table th:first-child,.relay-demo-table td:first-child { width:auto;color:#293a47; }
.relay-demo-table td:first-child { font-weight:500; }
.relay-demo-announcement { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.relay-demo-graph-scroll { background:#f8fafb; }
.relay-demo-scene { position:relative;width:100%;height:100%;min-height:560px;overflow:hidden;background:#f8fafb; }
.relay-demo-scene>canvas,.relay-demo-labels { position:absolute;inset:0;width:100%;height:100%; }
.relay-demo-labels { pointer-events:none;z-index:2; }
.relay-demo-node,.relay-demo-link { position:absolute;font-family:inherit;text-align:center;color:#263946; }
.relay-demo-node { border:0;background:transparent;padding:0;min-width:110px;cursor:default; }
.relay-demo-node strong { display:block;font-size:13px;line-height:1.4;font-weight:600; }
.relay-demo-node small { display:block;font-size:11px;line-height:1.4;margin-top:3px;color:#778793; }
.relay-demo-link { min-width:150px;max-width:205px;border-radius:12px;border:1px solid #dce5e9;background:#ffffffeb;box-shadow:0 4px 18px #143e5209;padding:12px 15px; }
.relay-demo-link strong { display:block;font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap; }
.relay-demo-link small { display:block;font-size:10px;line-height:1.4;margin-top:5px;color:#82919b;white-space:nowrap; }
.relay-demo-node:focus-visible { outline:2px solid #23775f;outline-offset:5px;border-radius:8px; }
.relay-demo-app[data-demo-view=graph] .routing-demo-content { padding:0;overflow:hidden; }
.relay-demo-app[data-demo-view=edit] .relay-demo-graph-scroll { display:none; }
@media(max-width:700px) {
  .relay-create-studio { margin-top:38px; }
  .relay-demo-form { grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px 14px; }
  .relay-demo-name { grid-column:1/-1; }
  .relay-demo-table tr { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px; }
  .relay-demo-table td { padding:0; }
  .relay-demo-table td:first-child { grid-column:1/3;grid-row:1;width:auto; }
  .relay-demo-table td:nth-child(2) { grid-column:1;grid-row:2;font-size:11px;font-weight:400;color:#6c7f8c; }
  .relay-demo-table td:nth-child(3) { grid-column:2;grid-row:2; }
  .relay-demo-table td:nth-child(4) { grid-column:3;grid-row:1/3; }
  .relay-demo-table td[colspan] { grid-column:1/-1;font-weight:400; }
  .relay-demo-scene { width:900px;min-height:0;height:100%; }
  .relay-demo-graph-scroll { overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y; }
  .relay-demo-node strong { font-size:13px; }
  .relay-demo-link { min-width:145px; }
}