.DevGridOverlay-module-scss-module__BJVPtG__overlay{z-index:99999;pointer-events:none;position:fixed;inset:0}.DevGridOverlay-module-scss-module__BJVPtG__boundary{max-width:calc(var(--gridMaxWidth) + var(--pageMargin)*2);height:100%;padding:0 var(--pageMargin);margin:0 auto}.DevGridOverlay-module-scss-module__BJVPtG__grid{grid-template-columns:repeat(var(--gridColumnCount),1fr);grid-gap:var(--gridGap);height:100%;display:grid;position:relative}.DevGridOverlay-module-scss-module__BJVPtG__grid:before{content:"";pointer-events:none;border-left:1px dashed #ec4899;border-right:1px dashed #ec4899;position:absolute;inset:0}.DevGridOverlay-module-scss-module__BJVPtG__column{box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232ce7e7' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");border-left:1px solid #2ce7e733;border-right:1px solid #2ce7e733;align-items:flex-end;display:flex}.DevGridOverlay-module-scss-module__BJVPtG__column:nth-child(2n){background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f2c335' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");border-left-color:#f2c33533;border-right-color:#f2c33533}@media (max-width:511px){.DevGridOverlay-module-scss-module__BJVPtG__column:nth-child(n+5){display:none}}@media (max-width:919px){.DevGridOverlay-module-scss-module__BJVPtG__column:nth-child(n+9){display:none}}.DevGridOverlay-module-scss-module__BJVPtG__columnLabel{color:#fff;font-size:12px;font-weight:700;font-family:var(--fontMonospace);background-color:#4d3e78cc;padding:.3em .5em;display:block}.DevGridOverlay-module-scss-module__BJVPtG__sizeMarker{color:#fff;font-size:1rem;font-family:var(--fontMonospace);background-color:#ea580c;padding:.25em .5em;font-weight:700;position:absolute;top:0;right:0}.DevGridOverlay-module-scss-module__BJVPtG__scrollMarker{z-index:99999;color:#fff;font-size:1rem;font-family:var(--fontMonospace);pointer-events:none;background-color:#16a34a;padding:.25em .5em;font-weight:700;position:fixed;top:0;left:0}
.DevPanel-module-scss-module__9iOuaG__panel{z-index:99999;color:#fff;-webkit-user-select:none;user-select:none;background:#000;border-radius:6px;flex-direction:column;gap:6px;width:320px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.4;display:flex;position:fixed;bottom:12px;left:12px}.DevPanel-module-scss-module__9iOuaG__heading{opacity:.5}.DevPanel-module-scss-module__9iOuaG__tags{flex-wrap:wrap;gap:4px;display:flex}.DevPanel-module-scss-module__9iOuaG__sliderRow{align-items:center;gap:8px;display:flex}.DevPanel-module-scss-module__9iOuaG__slider{flex:1}.DevPanel-module-scss-module__9iOuaG__sliderValue{font-variant-numeric:tabular-nums;text-align:right;min-width:28px}.DevPanel-module-scss-module__9iOuaG__tag{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:4px;padding:2px 8px;transition:border-color .15s,background .15s}.DevPanel-module-scss-module__9iOuaG__tag:hover{background:#ffffff1a;border-color:#fff9}.DevPanel-module-scss-module__9iOuaG__tag[data-busy]{opacity:.4;pointer-events:none}.DevPanel-module-scss-module__9iOuaG__tag[data-done]{color:#4ade80;border-color:#4ade80}.DevPanel-module-scss-module__9iOuaG__tag[data-active]{color:#60a5fa;background:#60a5fa33;border-color:#60a5fa}
.PreviewModeDevTag-module-scss-module__CXzp8a__wrapper{z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0}.PreviewModeDevTag-module-scss-module__CXzp8a__tag{background-color:var(--green400);color:var(--green900);font-family:var(--fontMonospace);white-space:nowrap;border-bottom-right-radius:3px;align-items:center;gap:5px;padding:0 6px 0 0;font-size:1.1rem;font-weight:600;display:flex}.PreviewModeDevTag-module-scss-module__CXzp8a__hatch{flex-shrink:0}.PreviewModeDevTag-module-scss-module__CXzp8a__separator{color:var(--green600)}.PreviewModeDevTag-module-scss-module__CXzp8a__times{color:var(--green600);margin:0 2px;font-style:normal}