body.debug-grid .container,body.debug-grid .grid{position:relative}body.debug-grid .grid:before{content:"";pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(90deg,#a855f740 0 60px,#0000 60px 80px);position:absolute;inset:0}@media (width>=660px){body.debug-grid .grid:before{background-image:repeating-linear-gradient(90deg,#a855f740 0 60px,#0000 60px 80px)}}@media (width>=1024px){body.debug-grid .grid:before{background-image:repeating-linear-gradient(90deg,#a855f740 0 60px,#0000 60px 80px)}}@media (width>=1200px){body.debug-grid .grid:before{background-image:repeating-linear-gradient(90deg,#a855f740 0 60px,#0000 60px 100px)}}body.debug-grid:after{content:"MOBILE • 4 cols • container 300px";color:#fff;z-index:99999;pointer-events:none;background:#a855f7e6;border-radius:4px;padding:6px 12px;font-family:ui-monospace,monospace;font-size:11px;font-weight:600;position:fixed;top:8px;right:8px}@media (width>=660px){body.debug-grid:after{content:"TABLET VERTICAL • 8 cols • container 620px"}}@media (width>=1024px){body.debug-grid:after{content:"TABLET HORIZONTAL • 12 cols • container 940px"}}@media (width>=1200px){body.debug-grid:after{content:"DESKTOP • 12 cols • container 1160px"}}