.panorama-move-hint { position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%); width:76px; height:76px; display:grid; place-items:center; border-radius:50%; color:#fff; background:rgba(0,0,0,.46); border:1px solid rgba(255,255,255,.6); pointer-events:none; opacity:0; transition:opacity .4s ease; }
.panorama-move-hint.is-visible { opacity:1; }
@media (prefers-reduced-motion:reduce) { .panorama-move-hint { transition:none; } }
.panorama-view-editor { box-sizing:border-box; width:min(720px,94vw); max-height:92dvh; overflow:auto; padding:20px; border:1px solid #465656; border-radius:16px; background:#152020; color:#f5f7f7; }
.panorama-view-editor::backdrop { background:rgba(0,0,0,.75); }
.panorama-view-editor h2 { font-size:1.2rem; margin:0 0 8px; }
.panorama-view-editor p { font-size:.9rem; margin:10px 0; }
.panorama-view-editor .panorama-editor-canvas { width:100%; height:clamp(220px,48dvh,440px); background:#000; border-radius:10px; overflow:hidden; }
.panorama-editor-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.panorama-editor-actions button, .media-panorama-view { padding:10px 12px; border:1px solid #687d7d; border-radius:8px; background:#243434; color:#fff; cursor:pointer; }
.panorama-editor-actions [data-action="save"] { background:#14766e; }
.panorama-editor-actions button:disabled { opacity:.45; cursor:default; }
.media-panorama-view { margin-top:6px; font-size:.75rem; }