/* FolmioX V4.4.4 — Cover Studio layout hotfix */
.living-cover-dialog[open]{
  border:0;background:transparent;padding:16px;box-sizing:border-box;
  width:100vw;max-width:none!important;height:100dvh;max-height:none;
  overflow:hidden;display:grid;place-items:center;margin:0
}
.living-cover-dialog .living-cover-studio{
  width:min(1120px,calc(100vw - 32px));max-width:100%;box-sizing:border-box;
  max-height:calc(100dvh - 32px);overflow:auto;overflow-x:hidden;padding:0!important;
  border-radius:26px
}
.living-cover-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 12px}
.living-cover-studio-head h2{margin:3px 0 5px;font-size:25px}.living-cover-studio-head p{margin:0;color:#8ea1bd;font-size:12px}
.living-cover-studio-body{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:22px;padding:8px 22px 20px;min-width:0;align-items:start}.living-cover-studio-body>*{min-width:0}
.living-cover-preview-shell{position:sticky;top:8px;align-self:start;min-width:0}
.living-cover-preview{
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  aspect-ratio:.80;min-height:380px;border:2px solid rgba(221,237,255,.34);border-left:15px solid #040b21;border-radius:9px 24px 24px 9px;
  padding:30px;color:#fff;box-shadow:14px 20px 60px #0009,inset 8px 0 18px #0006;background-position:center;background-size:cover;background-repeat:no-repeat
}
.living-cover-preview:before{content:'';position:absolute;inset:14px;border:1px solid #ffffff4a;border-radius:7px 16px 16px 7px;pointer-events:none}
.living-cover-preview.theme-nebula{background:linear-gradient(128deg,#091533b8,#5a2ba288),url('/assets/fx-nebula-gemini.jpg') center/cover}
.living-cover-preview.theme-prism{background:linear-gradient(128deg,#05182d9c,#671b69a8),url('/assets/fx-prism-gemini.jpg') center/cover}
.living-cover-preview.theme-aurora{background:linear-gradient(128deg,#042c328e,#2b225ea8),url('/assets/fx-aurora-gemini.jpg') center/cover}
.living-cover-preview.theme-midnight{background:radial-gradient(circle at 70% 24%,#284875,#060e23 65%)}
.living-cover-preview.has-photo,.living-cover.has-photo{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.living-cover-preview-brand{font-size:11px;letter-spacing:.18em;font-weight:900;opacity:.84}
.living-cover-preview-title{font-size:clamp(28px,4vw,44px);font-weight:950;line-height:1.04;letter-spacing:-.035em;text-shadow:0 6px 22px #000b;overflow-wrap:anywhere}
.living-cover-preview-bottom{font-size:10px;letter-spacing:.12em;font-weight:850;text-transform:uppercase;opacity:.84}
.living-cover-editor{display:grid;gap:15px}
.living-cover-editor label.cover-title-label{display:grid;gap:7px;color:#dbe9fb;font-size:12px;font-weight:800}
.living-cover-editor input[type=text]{min-height:45px;border:1px solid rgba(150,183,233,.22);border-radius:13px;background:#081426;color:#eff8ff;padding:0 13px;font:inherit}
.living-cover-editor h3{margin:0 0 8px;font-size:13px;color:#dcecff}
.living-cover-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.living-cover-theme-card{appearance:none;position:relative;overflow:hidden;min-height:90px;border:1px solid rgba(150,183,233,.15);border-radius:15px;padding:10px;text-align:left;color:#fff;cursor:pointer;background:#0b1424;transition:.16s transform,.16s border-color,.16s box-shadow}
.living-cover-theme-card:hover{transform:translateY(-1px);border-color:rgba(93,218,255,.32)}
.living-cover-theme-card.selected{border-color:rgba(71,220,255,.72);box-shadow:0 0 0 2px rgba(67,190,255,.10),0 12px 30px rgba(0,0,0,.25)}
.living-cover-theme-card i{display:block;height:49px;margin-bottom:7px;border-radius:9px;background-size:cover;background-position:center}
.living-cover-theme-card[data-theme="nebula"] i{background-image:linear-gradient(128deg,#09153355,#5a2ba244),url('/assets/fx-nebula-gemini.jpg')}
.living-cover-theme-card[data-theme="prism"] i{background-image:linear-gradient(128deg,#05182d44,#671b6955),url('/assets/fx-prism-gemini.jpg')}
.living-cover-theme-card[data-theme="aurora"] i{background-image:linear-gradient(128deg,#042c3244,#2b225e55),url('/assets/fx-aurora-gemini.jpg')}
.living-cover-theme-card[data-theme="midnight"] i{background:radial-gradient(circle at 70% 24%,#284875,#060e23 65%)}
.living-cover-theme-card b{font-size:11px}.living-cover-theme-card small{display:block;margin-top:2px;color:#8799b4;font-size:9px}
.living-cover-photo-box{display:grid;gap:10px;padding:13px;border:1px dashed rgba(82,213,255,.28);border-radius:15px;background:rgba(30,145,193,.04)}
.living-cover-photo-box strong{font-size:12px}.living-cover-photo-box small{color:#8297b4;font-size:10px;line-height:1.45}
.living-cover-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.living-cover-photo-actions .btn{flex:1;min-width:130px}
.living-cover-photo-status{min-height:18px;color:#79dfbf;font-size:10px;font-weight:800}
.living-cover-studio-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px 22px;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:1100px){
  .living-cover-dialog[open]{padding:12px}
  .living-cover-dialog .living-cover-studio{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
  .living-cover-studio-body{grid-template-columns:1fr}
  .living-cover-preview-shell{position:relative;top:0}
}
@media(max-width:760px){
  .living-cover-dialog[open]{padding:0;place-items:stretch}
  .living-cover-dialog .living-cover-studio{width:100vw;max-width:none!important;height:100dvh;max-height:none;border-radius:0}
  .living-cover-studio-head{padding:18px 16px 10px}
  .living-cover-studio-body{grid-template-columns:1fr;padding:8px 16px 18px}
  .living-cover-preview{min-height:300px;max-height:48dvh}
  .living-cover-theme-grid{grid-template-columns:1fr 1fr}
  .living-cover-studio-actions{position:sticky;bottom:0;z-index:4;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,#07101f 78%,rgba(7,16,31,.92),transparent)}
}

/* V4.4.6: real image layer, avoids theme/background cascade hiding custom photo */
.living-cover-photo-layer,
.living-cover-preview-photo-layer{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;display:block;z-index:0!important;
  pointer-events:none;user-select:none
}
.living-cover.has-photo:after,
.living-cover-preview.has-photo:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,8,18,.07),rgba(4,8,18,.26))
}
.living-cover.has-photo:before,.living-cover-preview.has-photo:before{z-index:3}
.living-cover.has-photo>.living-cover-brand,
.living-cover.has-photo>.living-cover-title,
.living-cover.has-photo>.living-cover-subtitle,
.living-cover.has-photo>.living-cover-bottom,
.living-cover-preview.has-photo>.living-cover-preview-brand,
.living-cover-preview.has-photo>.living-cover-preview-title,
.living-cover-preview.has-photo>.living-cover-preview-bottom{
  position:relative;z-index:2
}
