.structureLayout{display:grid;grid-template-columns:270px minmax(430px,1fr) 245px;gap:12px}
.seriesCreate{display:grid;grid-template-columns:1fr 44px;gap:7px;margin:-3px 0 12px}
.seriesCreate input[type=text],.seriesCreate input:not([type]){border:1px solid #36505d;background:#061017;color:#fff;border-radius:3px;padding:10px;min-width:0}
.seriesCreate input[type=color]{width:44px;height:42px;padding:3px;border:1px solid #36505d;background:#061017;border-radius:3px}
.seriesCreate button{grid-column:1/-1;border:1px solid #3b5360;background:#102833;color:#bcecff;padding:9px;border-radius:3px;cursor:pointer}
.structureLegend{min-height:46px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 13px;border-top:1px solid var(--line);background:#071119}
.structureLegend button{border:0;background:none;color:#a8bec8;font-size:10px;cursor:pointer;padding:4px}
.structureLegend i{display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle}
.geometrySummary{display:grid;gap:6px;margin-bottom:14px}
.geometrySummary button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#08131a;border:1px solid #213743;color:#b8cbd4;padding:8px;font-size:10px;cursor:pointer}
.geometrySummary button.active{border-color:var(--blue);color:#fff}
.geometrySummary i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px}
#structureCanvas{cursor:crosshair}
@media(max-width:1050px){.structureLayout{grid-template-columns:240px 1fr}.structureLayout .dataPanel{grid-column:1/-1}}
@media(max-width:680px){.structureLayout{grid-template-columns:1fr}.structureLayout .canvasPanel{order:-1}.structureLayout .dataPanel{grid-column:auto}}