/* v54-app-previews. Keep the v53 fixed frame, add a second middle-column panel. */
#extended-settings.settings-shell-v53 .settings-basic-grid{grid-template-rows:auto minmax(158px,1fr) auto}
#extended-settings.settings-shell-v53 .settings-description{grid-column:1;grid-row:2}
#extended-settings.settings-shell-v53 .settings-previews{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:9px;min-height:0;overflow:hidden}
#extended-settings.settings-shell-v53 .settings-previews .preview-heading{display:flex;align-items:center;gap:8px;flex:none;min-width:0;font-size:14px}
#extended-settings.settings-shell-v53 .preview-heading strong{margin-right:auto;white-space:nowrap}
#extended-settings.settings-shell-v53 .preview-spec-button{background:none;border:0;padding:2px;color:#008c69;font-size:12px;cursor:pointer;white-space:nowrap}
.preview-file-input{position:absolute;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip-path:inset(50%)}
#extended-settings.settings-shell-v53 .preview-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1;min-height:55px}
#extended-settings.settings-shell-v53 .preview-editor-tile{position:relative;min-width:0;min-height:0;margin:0;border:1px solid #d9e7e1;border-radius:8px;background:#f5faf8;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:5px 5px 25px;box-sizing:border-box}
#extended-settings.settings-shell-v53 .preview-editor-tile img{width:100%;height:100%;object-fit:contain;min-height:0}
#extended-settings.settings-shell-v53 .preview-editor-tile>button{position:absolute;right:4px;top:4px;border:1px solid #edccc8;background:#fff6f4;box-shadow:0 1px 4px #2a342711;border-radius:6px;width:26px;height:26px;padding:4px;color:#b13e36;cursor:pointer;display:grid;place-items:center}
#extended-settings.settings-shell-v53 .preview-editor-tile>button .ui-icon{width:15px;height:15px}
#extended-settings.settings-shell-v53 .preview-editor-tile figcaption{position:absolute;bottom:0;left:0;right:0;font-size:10px;padding:3px 2px;color:#566e63;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-weight:400}
#extended-settings.settings-shell-v53 .preview-add-tile{border:1px dashed #bad7c9;border-radius:8px;background:#f6fbf9;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:#537e69;cursor:pointer;min-width:0;min-height:0;font-size:12px;padding:6px}
#extended-settings.settings-shell-v53 .preview-add-tile:hover{background:#eaf7f1;border-color:#029b75;color:#008666}
#extended-settings.settings-shell-v53 .preview-add-tile .ui-icon{width:24px;height:24px}
#extended-settings.settings-shell-v53 .preview-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;min-height:18px}
#extended-settings.settings-shell-v53 .preview-editor-foot button{font-size:11px;border:0;background:none;color:#008d68;cursor:pointer;padding:0 2px}
#extended-settings.settings-shell-v53 .preview-editor-foot button[hidden]{display:none}
#extended-settings.settings-shell-v53 .preview-error{font-size:11px;color:#b63630;line-height:1.4;overflow:auto;max-height:34px;flex:none;font-weight:400}
#extended-settings.settings-shell-v53 .preview-error:empty{display:none}
#extended-settings.settings-shell-v53 .settings-language-option span:before{display:none}
#extended-settings.settings-shell-v53 .settings-language-option span{gap:8px}
#extended-settings.settings-shell-v53 .language-symbol{width:28px;height:24px;flex:none;overflow:visible}
#extended-settings.settings-shell-v53 .settings-language-option input:checked+span:after{content:'✓';font-size:13px;margin-left:5px;font-weight:700}
.preview-help-dialog{border:1px solid #d6e7df;border-radius:14px;padding:26px;max-width:540px;width:calc(100vw - 40px);box-sizing:border-box;color:#18392e}
.preview-help-dialog::backdrop,.preview-lightbox::backdrop{background:#0c251ccd;backdrop-filter:blur(3px)}
.preview-help-dialog p{font-size:14px;line-height:1.8;margin:12px 0}
.preview-help-dialog .btn{margin-top:6px}
.download-previews{min-width:0;overflow:hidden}
.download-preview-strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 12px;margin-top:16px;scrollbar-width:thin}
.download-preview-shot{border:1px solid #d9e7e2;border-radius:12px;padding:0;background:#eef5f1;overflow:hidden;flex:0 0 auto;height:290px;max-width:100%;cursor:zoom-in;scroll-snap-align:start;transition:box-shadow .15s}
.download-preview-shot:hover{box-shadow:0 4px 14px #244f3a22}
.download-preview-shot img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}
.download-theme-game .download-preview-shot{background:#22293b;border-color:#47516a}
.preview-lightbox{width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:1100px;max-height:950px;border:0;border-radius:14px;padding:14px;background:#11221cf5;overflow:hidden;color:#fff;box-sizing:border-box}
.preview-lightbox[open]{display:flex;flex-direction:column;gap:12px}
.preview-lightbox-toolbar{display:flex;align-items:center;gap:14px;justify-content:center;flex:none;height:38px}
.preview-lightbox-toolbar button{border:1px solid #61766b;background:transparent;color:#fff;border-radius:6px;padding:7px 12px;cursor:pointer;display:flex;align-items:center;gap:5px}
.preview-lightbox-toolbar button:disabled{opacity:.35;cursor:default}
.preview-lightbox-toolbar [data-gallery-prev] .ui-icon{transform:rotate(180deg)}
.preview-lightbox-toolbar [data-gallery-close]{margin-left:auto;font-size:22px;height:38px}
.preview-lightbox-image{display:block;width:100%;flex:1;height:0;min-height:0;object-fit:contain}
@media(min-width:1100px) and (max-height:730px){
 #extended-settings.settings-shell-v53 .settings-previews{gap:6px}
 #extended-settings.settings-shell-v53 .preview-add-tile .ui-icon{width:20px;height:20px}
 #extended-settings.settings-shell-v53 .preview-editor-foot .small{font-size:10px}
}
@media(max-width:1099px),(max-height:639px){
 #extended-settings.settings-shell-v53 .settings-basic-grid{grid-template-rows:auto 215px auto;height:auto}
}
@media(max-width:650px){
 #extended-settings.settings-shell-v53 .settings-basic-grid{grid-template-columns:1fr;grid-template-rows:auto auto 125px 205px auto}
 #extended-settings.settings-shell-v53 .settings-description{grid-column:1;grid-row:3}
 #extended-settings.settings-shell-v53 .settings-previews{grid-column:1;grid-row:4}
 #extended-settings.settings-shell-v53 .settings-language-option span{font-size:11px;gap:2px;flex-direction:column;padding:5px 0;position:relative}
 #extended-settings.settings-shell-v53 .settings-language-option input:checked+span:after{position:absolute;right:3px;top:1px;font-size:10px;margin:0}
 #extended-settings.settings-shell-v53 .language-symbol{width:24px;height:20px}
 .download-preview-shot{height:250px;border-radius:9px}
 .download-preview-strip{gap:10px}
 .preview-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 20px);padding:10px}
 .preview-lightbox-toolbar{gap:8px}.preview-lightbox-toolbar button{padding:5px 7px;font-size:12px}
}
