.grid[data-v-2bc48736]{display:grid;aspect-ratio:1/1;height:90vh;border:4px solid purple;box-sizing:border-box;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);background-color:gray;gap:0}.segment[data-v-2bc48736]{overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}.seg-a[data-v-2bc48736]{grid-column:1/3;grid-row:1/3}.seg-b[data-v-2bc48736]{grid-column:3/6;grid-row:1/4}.seg-c[data-v-2bc48736]{grid-column:6/8;grid-row:1/4}.seg-d[data-v-2bc48736]{grid-column:1/3;grid-row:3/8}.seg-e[data-v-2bc48736]{grid-column:3/7;grid-row:4/6}.seg-f[data-v-2bc48736]{grid-column:7/8;grid-row:4/6}.seg-g[data-v-2bc48736]{grid-column:3/8;grid-row:6/8}.view[data-v-bb56f6c3]{display:flex;align-items:center;justify-content:center;min-height:100vh;min-width:100vw}.grid-wrapper[data-v-bb56f6c3]{display:flex;flex-direction:column;align-items:center}.controls[data-v-bb56f6c3]{display:flex;gap:1rem;padding:1rem}.buttonA[data-v-bb56f6c3]{background-color:#fcd618;color:#000;min-width:140px;min-height:50px;font-size:1.2rem}.buttonB[data-v-bb56f6c3]{background-color:#8c27f9d8;color:#000;min-width:140px;min-height:50px;font-size:1.2rem}img[data-v-bb56f6c3]{width:100%;height:100%;object-fit:cover}