/* neverlogoff/assets/scenes/scene-editor.css — /me/page › Scenes.
   Logical properties only (RTL-ready). Works from 360 px: every row wraps, the stage scales to its column.
   Touch targets ≥ 44 px (inherited from page-editor.css buttons/inputs). */
.se { margin-block: 1rem; padding-block-start: 0.5rem; border-block-start: 1px solid #e3e6eb; min-inline-size: 0; }
.se h3 { font-size: 1rem; margin-block: 0.75rem 0.25rem; }
.se-scenebar, .se-row { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; min-inline-size: 0; }
.se-scenebar select { max-inline-size: 100%; }
.se-row input[type="text"] { flex: 1 1 10rem; min-inline-size: 0; }
.se-more { flex: 1 1 100%; }
.se-more summary { min-block-size: 44px; display: flex; align-items: center; cursor: pointer; }
.se-canvases { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-block: 0.75rem 0.25rem; }
.se-canvases button { flex: 1 1 8rem; }
.se-canvases button[aria-pressed="true"] { background: #1d2433; color: #fff; border-color: #1d2433; }
.se-rule { font-size: 0.9rem; padding-block: 0.35rem; padding-inline: 0.6rem; border-radius: 8px; margin-block: 0.25rem 0.5rem; }
.se-rule.draft { background: #eef3fb; color: #1d2433; }
.se-rule.instant { background: #fff4d6; color: #5b3a00; }
.se-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; }
.se-item { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; background: #fff; border: 1px solid #e3e6eb; border-radius: 10px; padding: 0.25rem 0.4rem; min-inline-size: 0; }
.se-item.off { opacity: 0.6; border-style: dashed; }
.se-item.dragging { opacity: 0.4; }
.se-item.over { outline: 2px solid #3573b8; }
.se-item.sel { outline: 2px solid #3573b8; }
.se-name { flex: 1 1 8rem; min-inline-size: 0; overflow-wrap: anywhere; text-align: start; }
.se-sub { margin-block: 0.5rem 0.2rem; font-weight: 600; }
.se-stage { position: relative; inline-size: 100%; max-block-size: 70vh; background: repeating-conic-gradient(#e9ecf1 0 25%, #f6f7f9 0 50%) 0 0 / 24px 24px; border: 1px solid #cfd5de; border-radius: 8px; overflow: hidden; touch-action: none; margin-block: 0.5rem; }
.se-stage.se-stream_9x16 { inline-size: min(100%, 360px); margin-inline: auto; }
.se-layer { position: absolute; box-sizing: border-box; background: rgba(29, 36, 51, 0.82); color: #fff; border: 2px solid rgba(255, 255, 255, 0.7); border-radius: 6px; font-size: 0.75rem; line-height: 1.2; overflow: hidden; cursor: move; padding: 0.2rem 0.35rem; user-select: none; }
.se-layer.src { background: rgba(53, 115, 184, 0.35); border-style: dashed; color: #10233d; font-weight: 700; }
.se-layer.sel, .se-layer:focus-visible { outline: 3px solid #ffb703; outline-offset: 1px; z-index: 200 !important; }
.se-lname { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.se-handle { position: absolute; inset-inline-end: 0; inset-block-end: 0; inline-size: 18px; block-size: 18px; background: #ffb703; border-start-start-radius: 6px; cursor: nwse-resize; }
.se-nums { display: grid; grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr)); gap: 0.25rem 0.5rem; }
.se-obs, .se-mods { margin-block: 0.75rem; }
.se-obs summary, .se-mods summary { min-block-size: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 600; }
.se-obs a { display: inline-flex; align-items: center; min-block-size: 44px; color: #3573b8; }
.pe-phone.se-land .pe-scale { overflow: hidden; }
@media (max-width: 480px) { .se-canvases button { flex: 1 1 45%; } }