/* Pannello fotografico locale: non modifica i layout ordinari dei configuratori. */
#coverPhotoEditor{position:fixed;inset:80px auto auto 20px;margin:0;width:min(460px,42vw);max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;padding:18px;background:#0b151d;color:#f7f5ef;border:1px solid #ad8a43;border-radius:12px;font:14px/1.45 Arial,sans-serif;box-shadow:0 15px 55px #0008}
#coverPhotoEditor::backdrop{background:#0002}
#coverPhotoEditor header,#coverPhotoEditor footer,.coverEditorActions,.coverZoom{display:flex;align-items:center;gap:10px;justify-content:space-between}
#coverPhotoEditor h2{font-size:18px;margin:0}
#coverPhotoEditor p{margin:10px 0}
#coverPhotoEditor button{min-height:44px;padding:8px 12px;border:1px solid #ad8a43;border-radius:6px;background:#121e27;color:#f7f5ef;cursor:pointer;font:inherit}
#coverPhotoEditor button:focus-visible,#coverEditorCanvas:focus-visible{outline:2px solid #f1ce7c;outline-offset:3px}
#coverPhotoEditor button:disabled{opacity:.5;cursor:wait}
#coverEditorCanvas{display:block;width:100%;height:auto;max-height:34vh;object-fit:contain;touch-action:none;border-radius:6px}
#coverEditorZoom{min-width:0;flex:1;accent-color:#e3bd62}
.coverZoom{margin:10px 0}.coverZoom output{min-width:40px;text-align:right}
#coverPhotoEditor .coverQuality{font-size:12px;color:#b9c3c9}
#coverEditorStatus{min-height:40px;color:#e3bd62}
#coverPhotoEditor #coverEditorApply{background:#e3bd62;color:#101820;font-weight:700;flex:1}
#coverPhotoEditor footer{position:sticky;bottom:0;padding-top:8px;background:#0b151d;box-shadow:0 18px 0 #0b151d}
.coverEditorOpen .individualizeRail,.coverEditorOpen .panel{visibility:hidden}
.swatch.editablePhoto{height:140px;object-fit:contain;cursor:pointer;background:#0b151d}
@media(min-width:761px) and (max-width:1100px){#coverPhotoEditor{width:44vw;left:12px}.coverEditorOpen #mv,.coverEditorOpen .glowModel{left:48vw;width:52vw}}
@media(max-width:760px){#coverPhotoEditor{inset:auto 8px 8px;width:calc(100% - 16px);max-height:66dvh;padding:12px}#coverEditorCanvas{max-height:24dvh}#coverPhotoEditor p{margin:6px 0}#coverEditorStatus{min-height:0}.coverEditorOpen #mv,.coverEditorOpen .glowModel{height:34dvh;top:0}.coverEditorOpen .individualizeRail{visibility:hidden}}

@media(max-width:760px) and (orientation:landscape){#coverPhotoEditor{inset:8px auto 8px 8px;width:58vw;max-height:calc(100dvh - 16px)}#coverEditorCanvas{max-height:32dvh}.coverEditorOpen #mv,.coverEditorOpen .glowModel{left:58vw;width:42vw;height:100dvh}}