html.editing .tile { opacity:1; transform:none; transition:outline-color 140ms,filter 140ms; transition-delay:0s; touch-action:none; }
html.editing .tile.is-visible { will-change:auto; }
html.editing .tile,html.editing .tile:hover,html.editing .tile.is-selected { outline:none; filter:none; }
input.tile-check { position:absolute; bottom:0; right:0; z-index:5; }
input.tile-check[hidden] { display:none; }
@media(forced-colors:none) {
  input.tile-check { --lg-selection-accent:#fff; color:#000; }
  input.tile-check:not(:checked)::before { background:#000; border-color:#ffffff52; }
}
html[data-motion="reduced"] input.tile-check::before,html[data-motion="reduced"] input.tile-check::after { transition:none; }
@media(prefers-reduced-motion:reduce) { input.tile-check::before,input.tile-check::after { transition:none; } }
.is-arranged { display:grid; align-items:start; }
.is-arranged>.tile { grid-column:auto!important; width:100%; max-width:100%; aspect-ratio:var(--media-ratio); }
.is-arranged>.tile:only-child,.layout-feature-stack.is-arranged>.tile { width:min(100%,var(--native-width),calc(76vh * var(--media-ratio))); justify-self:center; }
html.drag-sorting, html.drag-sorting * { cursor:grabbing!important; user-select:none!important; -webkit-user-select:none!important; }
html.drag-sorting, html.drag-sorting body, html.drag-sorting #gallery { overflow-anchor:none; scroll-behavior:auto; }
html.editing #gallery-glass { visibility:hidden; }
html.editing .tile.drag-placeholder { opacity:1; background:color-mix(in srgb,var(--text) 6%,var(--bg)); outline:none; box-shadow:none; clip-path:none; }
.editor-drag-ghost { position:fixed; top:0; left:0; z-index:1000; pointer-events:none; border-radius:18px; background:#24252a; box-shadow:0 22px 55px #0007,0 0 0 1px #ffffff70; will-change:transform; }
.editor-drag-ghost canvas { display:block; width:100%; height:100%; border-radius:inherit; }
.editor-drag-ghost.is-stack::before,.editor-drag-ghost.is-stack::after { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:#373940; border:1px solid #ffffff40; transform:translate(6px,-6px) rotate(3deg); }
.editor-drag-ghost.is-stack::before { transform:translate(12px,-12px) rotate(6deg); background:#24262d; z-index:-2; }
.editor-drag-ghost.is-outside { opacity:.5; }
.drag-count { position:absolute; right:-8px; top:-8px; min-width:25px; height:25px; padding:0 7px; display:grid; place-items:center; background:#f3f3f6; color:#202126; border-radius:999px; box-shadow:0 3px 12px #0005; font:600 12px/1 -apple-system,sans-serif; }
.is-row-placeholder>.bento,.is-row-placeholder>.bento-row { opacity:.18; }
.is-row-placeholder::after { content:''; position:absolute; inset:0 var(--pad); border:2px solid #ffffff80; border-radius:var(--radius); pointer-events:none; }
.row-tools .row-handle { touch-action:none; }
.row-tools button:disabled { opacity:.25; cursor:default; background:transparent; }
.row-tools svg { width:16px; height:16px; }
.row-tools { left:calc(var(--pad) + 12px); right:auto; }
html.editing .row-tools {
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity 140ms ease,transform 180ms cubic-bezier(.22,1,.36,1);
}
html.editing .screen:hover>.row-tools,
html.editing .screen:has(:focus-visible)>.row-tools {
  opacity:1;
  pointer-events:auto;
  transform:none;
}
html.editing.drag-sorting .screen>.row-tools {
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
}
html[data-motion="reduced"] .row-tools { transition:none; }
@media(prefers-reduced-motion:reduce) { .editor-drag-ghost { will-change:auto; } .row-tools { transition:none; } }