/* Scoped changes to scene selection; editor layout and theme are unchanged. */
#aiSceneCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible;padding:0;margin:10px 0 12px}
.scene-tile{position:relative;min-width:0}
#aiSceneCards .scene-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:0;gap:0;overflow:hidden;border-radius:10px}
#aiSceneCards .scene-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--surface-2)}
#aiSceneCards .scene-card strong{display:block;font-size:11px;line-height:1.35;padding:8px 25px 9px 8px;min-height:46px;overflow-wrap:normal}
#aiSceneCards .scene-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-line)}
#aiSceneCards .scene-selected{display:none;position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:13px;line-height:20px;text-align:center}
#aiSceneCards .active .scene-selected{display:block}
.scene-info{position:absolute;right:0;bottom:4px;display:grid;place-items:center;width:28px;min-height:34px;padding:0;border:0;background:transparent;color:var(--text-2);font-size:17px;border-radius:6px}
.scene-info:hover{color:var(--text);background:var(--surface-3)}
#aiSceneGroups button{padding:7px 9px;min-height:34px}
.scene-options{border-top:1px solid var(--line);padding:10px 0;margin:0}
.scene-options summary{cursor:pointer;color:var(--text-2);font-size:12px;font-weight:600;min-height:28px;line-height:28px}
.scene-options[open] summary{margin-bottom:9px;color:var(--text)}
#aiStepScene .ai-select-row{gap:8px}.scene-wishes{margin-top:12px}
.ai-sidebar-footer #aiQuotaLine{margin:8px 0 0;text-align:center;font-size:11px;line-height:1.4;color:var(--text-2)}
.ai-sidebar-footer #aiQuotaLine[data-tone=error]{color:var(--danger)}
.ai-sidebar-footer #aiGenerateButton{font-size:12px;padding-inline:8px}
.scene-info-dialog{width:min(430px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface-1);color:var(--text)}
.scene-info-dialog::backdrop{background:var(--scrim,rgba(0,0,0,.6))}
.scene-info-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.scene-info-dialog #aiSceneDetail{display:grid;gap:10px;font-size:13px;line-height:1.6}.scene-info-dialog #aiSceneDetail p{margin:0;color:var(--text-2)}.scene-info-dialog #aiSceneDetail small{color:var(--text-3)}
.scene-card:focus-visible,.scene-info:focus-visible,.scene-options summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(pointer:coarse){.scene-info{min-height:44px;width:32px}#aiSceneGroups button{min-height:44px}}

/* Restore the existing stacked layout below tablet width. */
@media(max-width:860px){#aiWorkspace{grid-template-columns:minmax(0,1fr)}#aiWorkspace>.ai-result-stage{grid-column:1}}