.gfx{display:flex;flex-direction:column;height:100vh;overflow:hidden}.gfx__shell{flex:1 1 auto;display:grid;grid-template-columns:300px 1fr;min-height:0}.gfx__work{display:grid;grid-template-rows:1fr minmax(200px,38%);min-height:0}.gfx__viewport{position:relative;display:flex;flex-direction:column;min-height:0;background:#0b1219}.gfx__viewportHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-bottom:1px solid var(--line-soft)}.gfx__viewport .viewport{flex:1 1 auto;min-height:0}.gfx__off{position:absolute;inset:auto 0 0;margin:0;padding:12px;text-align:center;font-size:11px;color:var(--dim)}.gfx__off[hidden]{display:none}.check--tight{margin:0;font-size:11px}.gfx__stage{position:relative;overflow:hidden;border-top:1px solid var(--line-soft);background:linear-gradient(transparent 95%,#78a0be1a 95%) 0 0 / 100% 32px,linear-gradient(90deg,transparent 95%,rgba(120,160,190,.1) 95%) 0 0 / 32px 100%,#0a1116;touch-action:none}.gfx__preview,.gfx__handles{position:absolute;inset:0}.gfx__preview svg{overflow:visible}.gfx__preview [stroke="#000000"]{stroke:var(--friend)}.gfx__preview [fill="#000000"]{fill:var(--friend)}.gfx__handles{pointer-events:none}.handle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border:1px solid var(--friend);border-radius:50%;background:#0a141cd9;color:var(--friend);font:inherit;font-size:11px;line-height:1;cursor:grab;pointer-events:auto}.handle:active{cursor:grabbing;background:var(--friend);color:#06222d}.empty{padding:24px;color:var(--dim);font-size:12px}@media(max-width:860px){.gfx__shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}}