.panel-dialog:has(.background-studio){width:min(1180px,96vw)}
.bg-intro{font:700 clamp(1.7rem,4vw,2.5rem)/1.15 Georgia,serif;margin:0 0 8px}
.bg-subtitle{color:#655d55;line-height:1.5;margin:0 0 16px}
.bg-local{font-size:.82rem;background:#edf3eb;padding:10px 13px;border-radius:10px;color:#415039;line-height:1.5}
.bg-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.bg-controls section+section,.bg-finish{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.background-studio h3{font:700 1.3rem/1.3 Georgia,serif;margin:12px 0}
.bg-heading{display:flex;gap:10px;align-items:center;justify-content:space-between}
#bgCount{white-space:nowrap;font-size:.75rem;font-weight:750;background:#eee5d4;border-radius:18px;padding:6px 10px}
.bg-help{font-size:.84rem;line-height:1.6;color:#685f54}
.bg-input-row{display:flex;gap:8px}.bg-input-row input{min-width:0}
.bg-verses{list-style:none;margin:14px 0;padding:0;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.bg-verses li{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);align-items:flex-start}
.bg-verses li:last-child{border-bottom:0}.bg-verses li>div{flex:1;min-width:0}
.bg-verses strong{font-size:.85rem;color:#8b0f24}.bg-verses p{font:1rem/1.5 Georgia,serif;margin:5px 0;overflow-wrap:anywhere}
.panel-dialog .bg-verses button{padding:3px 10px;font-size:1.2rem}
.bg-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.bg-field-grid label{min-width:0;font-size:.87rem}.bg-field-grid select{min-width:0}
.background-studio input[type="color"]{height:46px;padding:5px}
.bg-photo-tools{padding:12px;border-radius:12px;background:var(--paper);margin-top:10px}
.bg-photo-tools label{font-size:.9rem}.bg-photo-tools input{font-size:.8rem}
.bg-preview{position:sticky;top:120px;text-align:center;min-width:0;background:#f2ede5;border-radius:16px;padding:16px}
#bgCanvas{display:block;width:100%;max-height:540px;object-fit:contain;height:auto;margin:auto;box-shadow:0 8px 24px #0002;border-radius:6px}
#bgCanvas[hidden],#bgEmptyPreview[hidden],#bgKeepVerses[hidden]{display:none}
.bg-empty-preview{display:grid;place-content:center;min-height:220px;padding:24px;border:2px dashed #c5b9a8;border-radius:12px;color:#685f54;line-height:1.6}
.bg-picker{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px}
.bg-picker summary{font-weight:700;cursor:pointer}
.bg-through-verse{display:flex!important;align-items:center;gap:12px;max-width:280px}
.bg-through-verse select{flex:1;min-width:0}
.bg-typed-passage{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.bg-range-picker .bg-picker{margin-top:0}
.background-studio .scripture-column-list{height:275px}
.bg-fit{font-size:.84rem;font-weight:650;color:#34532f;line-height:1.5}
.bg-waiting{color:#685f54}
#bgReference[aria-invalid="true"]{border-color:#992829}
.bg-message{font-size:.9rem;color:#34532f;line-height:1.5;margin:12px 0}.bg-message:empty{display:none}
.bg-error{color:#992829!important;background:#fff1ed;padding:10px;border-radius:8px}
.bg-actions{display:flex;gap:10px;flex-wrap:wrap}.bg-finish label{max-width:480px}
.bg-gallery{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
.bg-gallery summary{font-weight:750;cursor:pointer}
.bg-saved-item{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.bg-saved-item>div{flex:1;min-width:0;overflow-wrap:anywhere}.bg-saved-item small{display:block;color:#716b63;margin-top:5px}
.panel-dialog .bg-saved-item button{padding:8px 12px}
@media(max-width:760px){.bg-workspace{grid-template-columns:1fr}.bg-preview{position:static;grid-row:1}#bgCanvas{width:auto;max-width:100%;max-height:430px}.bg-field-grid{gap:0 8px}.bg-saved-item{flex-wrap:wrap}.bg-saved-item>div{flex-basis:100%}}