.grid-overlay[data-v-23307baa]{z-index:var(--z-toast);pointer-events:none;overflow-anchor:none;contain:layout style paint;position:fixed;inset:0;overflow:hidden}.grid-visual[data-v-23307baa]{--gap:var(--grid-gutter-mobile);height:100%;position:relative}@media (min-width:768px){.grid-visual[data-v-23307baa]{--gap:var(--grid-gutter-tablet)}}.grid-column[data-v-23307baa]{background-color:#ff00ff14;height:100%;position:relative;box-shadow:inset 1px 0 #f0f3,inset -1px 0 #f0f3}.column-label[data-v-23307baa]{color:#ff00ffb3;box-shadow:var(--shadow-100);background-color:#fffffff2;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:600;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (min-width:768px){.grid-column[data-v-23307baa]{background-color:#ff00ff0f}}.grid-container[data-v-23307baa]:before,.grid-container[data-v-23307baa]:after{content:"";pointer-events:none;background-color:#ffa50026;position:absolute;top:0;bottom:0}.grid-container[data-v-23307baa]:before{left:0}.grid-container[data-v-23307baa]:after{right:0}.grid-container[data-v-23307baa]:before,.grid-container[data-v-23307baa]:after{width:var(--grid-margin-mobile)}@media (min-width:768px){.grid-container[data-v-23307baa]:before,.grid-container[data-v-23307baa]:after{width:var(--grid-margin-tablet)}}@media (min-width:992px){.grid-container[data-v-23307baa]:before,.grid-container[data-v-23307baa]:after{width:var(--grid-margin-desktop)}}.grid-overlay[data-v-23307baa]:before{content:"";pointer-events:none;width:1px;height:100%;z-index:var(--z-content-1);background-color:#ff00004d;position:absolute;top:0;left:50%}.gutter-display[data-v-23307baa]{pointer-events:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.gutter-value[data-v-23307baa]{color:#0064ffe6;white-space:nowrap;box-shadow:var(--shadow-200);background-color:#fffffff2;border:1px solid #0064ff33;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:11px;font-weight:600}.margin-indicator[data-v-23307baa]{pointer-events:none;justify-content:center;align-items:center;height:60%;display:flex;position:absolute;top:20%}.margin-left[data-v-23307baa]{width:var(--grid-margin-mobile);left:0}.margin-right[data-v-23307baa]{width:var(--grid-margin-mobile);right:0}@media (min-width:768px){.margin-left[data-v-23307baa],.margin-right[data-v-23307baa]{width:var(--grid-margin-tablet)}}@media (min-width:992px){.margin-left[data-v-23307baa],.margin-right[data-v-23307baa]{width:var(--grid-margin-desktop)}}.margin-label[data-v-23307baa]{color:#ff8c00cc;white-space:nowrap;background-color:#fffffff2;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:10px;font-weight:600;transform:rotate(-90deg)}.gutter-indicator[data-v-23307baa]{pointer-events:none;background-color:#0096ff99;justify-content:center;align-items:center;height:2px;display:flex;position:absolute;top:60px}.gutter-indicator[data-v-23307baa]:before,.gutter-indicator[data-v-23307baa]:after{content:"";background-color:#0096ffcc;border-radius:50%;width:6px;height:6px;position:absolute}.gutter-indicator[data-v-23307baa]:before{left:-3px}.gutter-indicator[data-v-23307baa]:after{right:-3px}.gutter-line-label[data-v-23307baa]{color:#0064ffe6;white-space:nowrap;box-shadow:var(--shadow-100);background-color:#fffffff2;border-radius:3px;padding:2px 4px;font-family:monospace;font-size:9px;font-weight:600;position:absolute;top:-20px}.column-width-indicator[data-v-23307baa]{pointer-events:none;background-color:#ff000080;justify-content:center;align-items:center;height:2px;display:flex;position:absolute;top:100px}.column-width-indicator[data-v-23307baa]:before,.column-width-indicator[data-v-23307baa]:after{content:"";background-color:#ff0000b3;width:2px;height:10px;position:absolute}.column-width-indicator[data-v-23307baa]:before{top:-4px;left:0}.column-width-indicator[data-v-23307baa]:after{top:-4px;right:0}.column-width-label[data-v-23307baa]{color:#c80000e6;white-space:nowrap;box-shadow:var(--shadow-100);background-color:#fffffff2;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:600;position:absolute;top:-20px}.grid-info[data-v-23307baa]{color:#fff;box-shadow:var(--shadow-400);z-index:var(--z-toast);pointer-events:none;background-color:#000000d9;border-radius:6px;padding:8px 12px;font-family:monospace;font-size:12px;font-weight:600;line-height:1.4;position:fixed;bottom:20px;right:20px}