/* Vidosono editor wrapper pages. The embedded upstream document keeps its own
   styles; everything here styles only the Vidosono shell around the frame. */
.editor-shell{position:relative;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 34px}
.editor-frame{display:block;width:100%;height:max(560px, calc(100vh - 240px));border:0;background:#262626}
.editor-note{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:48px 20px;color:var(--muted);font-size:15px;background:white}
.editor-note[hidden]{display:none!important}
.editor-note a{text-decoration:underline;font-weight:600}
.editor-note p{margin:0;max-width:60ch}
.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:#637e31;animation:editor-spin 1s linear infinite}
@keyframes editor-spin{to{transform:rotate(360deg)}}
.editor-mobile{display:none;padding:28px 24px;text-align:center}
.editor-mobile h2{margin:0 0 8px}
.editor-mobile p{color:var(--muted);margin:0 0 16px}
@media(max-width:820px){
  .editor-frame,.editor-note{display:none}
  .editor-mobile{display:block}
  body.editor-anyway .editor-frame{display:block}
  body.editor-anyway .editor-mobile{display:none}
  body.editor-anyway .editor-note{display:flex}
}