/* Матрёшки v0.003; группы и пульт — общие компоненты проекта. */
:root{color-scheme:dark;--bg:#0d1119;--panel:#121a27;--fg:#e8edf5;--dim:#9baac3;--line:#2b3850;--mono:Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:13px 'Segoe UI',sans-serif;display:grid;grid-template-columns:252px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;overflow:hidden}
header{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}h1{margin:0;font-size:20px;font-weight:500}.ver,.hint{color:var(--dim)}a{color:#9fc5ed;text-decoration:none}header #help{margin-left:auto}
aside{padding:12px;overflow:auto;border-right:1px solid var(--line)}.hint{line-height:1.6;margin-top:18px}#activity{color:#ffd166;overflow-wrap:anywhere;line-height:1.5}
main{display:flex;flex-direction:column;min-width:0;min-height:0}#layers{display:flex;flex-wrap:wrap;gap:5px;padding:10px 12px;border-bottom:1px solid var(--line)}
.hex{background:#18243a;color:var(--fg);font:inherit;border:0;padding:6px 14px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);cursor:pointer;min-height:28px}.hex:hover{background:#2b3e5d}.hex[aria-pressed=true]{background:#35639a}.hex:focus-visible{outline:2px solid #8cc8ff;outline-offset:-3px}.hex:disabled{opacity:.4;cursor:default}
#view{flex:1;min-height:160px;position:relative;overflow:hidden;touch-action:none}#field{display:block;width:100%;height:100%;cursor:crosshair}#inspection{min-height:42px;border-top:1px solid var(--line);padding:8px 12px;color:var(--dim);line-height:1.5;overflow-wrap:anywhere}
footer{grid-column:1/-1;border-top:1px solid var(--line);padding:6px 14px 8px;background:var(--panel)}.timeline{display:flex;align-items:center;gap:10px}.timeline label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.timeline input{flex:1;min-width:30px}output{font-variant-numeric:tabular-nums}input[type=range]{accent-color:#80aee8}.transport{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.zz-pult{position:relative;width:min(420px,100%);flex-shrink:0}#summary{color:var(--dim);font:12px var(--mono);overflow-wrap:anywhere}#pult .zz-pult-back.on,#pult .zz-pult-fwd.on{color:#8cc8ff}
dialog{max-width:650px;width:calc(100% - 24px);max-height:90dvh;background:var(--panel);color:var(--fg);border:1px solid #52688c;line-height:1.7;padding:22px}dialog::backdrop{background:#0009}dialog form{float:right}dialog h2{font-size:19px}.gz-control input,.gz-control select{max-width:100%}
@media(max-width:700px){body{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}header{gap:8px;padding:8px}aside{padding:6px 10px;max-height:145px;border-right:0;border-bottom:1px solid var(--line)}aside .hint{display:none}.gz-rail{width:100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.gz-group{width:230px}#activity{margin:4px}.transport{gap:3px}footer{padding:5px 8px}#inspection{font-size:12px}#summary{font-size:11px}.timeline{gap:4px}.hex{padding:6px 10px}header h1{font-size:17px}}