/* V7 — photo first, edit only when requested. */
.studio.editor-v6-active.editor-v7 .studio-top{height:56px!important;padding:7px 15px!important;z-index:28}
.studio.editor-v6-active.editor-v7 .studio-top .brand{font-size:19px;letter-spacing:-.7px}
.studio.editor-v6-active.editor-v7 .studio-top .quiet{font-size:12px;min-height:36px;border-radius:11px;padding:7px 12px}
.studio.editor-v6-active.editor-v7 .canvas-box,
.studio.editor-v6-active.editor-v7 .canvas-box.landscape{background:#08090d!important}
.studio.editor-v6-active.editor-v7 .canvas-ambient{filter:blur(34px) brightness(.55) saturate(1)!important;opacity:1}
.studio.editor-v6-active.editor-v7 #preview{
  width:min(calc(100vw - 8px),calc(var(--v6-safe-height,500px) * var(--v7-media-ratio,0.75)))!important;
  max-width:calc(100vw - 8px)!important;
  max-height:var(--v6-safe-height,calc(100dvh - 150px))!important;
  border-radius:0!important;
}
.studio.editor-v6-active.editor-v7:not(.editor-v7-editing) .stage-controls,
.studio.editor-v6-active.editor-v7:not(.editor-v7-editing) .toolstrip{
  visibility:hidden!important;opacity:0!important;pointer-events:none!important
}
.studio.editor-v6-active.editor-v7:not(.editor-v7-editing) .tools{display:none!important}
.studio.editor-v6-active.editor-v7 .editor-bottom{
 display:grid!important;grid-template-columns:0.75fr 0.9fr 1.5fr!important;
 background:linear-gradient(0deg,#07090ff5,#07090fdd 63%,#07090f00)!important;
 padding:10px 10px max(14px,env(safe-area-inset-bottom))!important;
 gap:8px!important;
}
.studio.editor-v6-active.editor-v7 .editor-bottom button{
  min-width:0;min-height:53px;padding:11px 7px!important;font-size:14px!important;
  border-radius:13px!important;white-space:nowrap
}
.studio.editor-v6-active.editor-v7 .editor-bottom #editorV7Edit{
  background:#232935!important;border:1px solid #ffffff35!important;color:white!important
}
.studio.editor-v6-active.editor-v7.editor-v7-editing .editor-bottom #editorV7Edit{
  background:#f6f4ef!important;color:#151d29!important
}
.studio.editor-v6-active.editor-v7 .editor-bottom #saveDraft{
  background:#26303a!important;border:1px solid #ffffff38!important
}
.studio.editor-v6-active.editor-v7 .editor-bottom #openShare{
  background:#fa6e5d!important;color:#fff!important
}
.studio.editor-v6-active.editor-v7 .editor-bottom #openShare span{margin-left:8px}
.studio.editor-v6-active.editor-v7.editor-v7-editing .toolstrip{
  bottom:78px!important;z-index:20!important;
  background:#121922ef!important;
  box-shadow:0 8px 30px #0008!important
}
.studio.editor-v6-active.editor-v7.editor-v7-editing .toolstrip button{
  min-height:45px!important;font-size:11px!important;padding:7px 2px!important
}
.studio.editor-v6-active.editor-v7.editor-v7-editing .tools{
 bottom:142px!important;max-height:min(44dvh,350px)!important;z-index:22!important
}
.studio.editor-v6-active.editor-v7 .stage-controls{
 top:64px!important;right:9px!important;left:9px!important
}
.studio.editor-v6-active.editor-v7 .stage-controls .mini-action{
  min-height:33px!important;font-size:11px!important;padding:6px 10px!important
}
.studio.editor-v6-active.editor-v7 .stage-controls #mediaType{
 font-size:10px!important;padding:6px 9px!important
}
@media(min-width:900px){.studio.editor-v6-active.editor-v7 #preview{max-width:90vw!important}}
@media(max-width:355px){
 .studio.editor-v6-active.editor-v7 .editor-bottom button{font-size:12px!important}
 .studio.editor-v6-active.editor-v7 .editor-bottom{gap:6px!important}
}