.simple-toolbar .canvas-preview-button{display:flex;align-items:center;gap:6px;white-space:nowrap;border-color:#e5c6ba;background:#fff8f4;color:#ac6b56;font-size:11px;padding:8px 11px}.canvas-preview-button svg{width:13px;height:13px}.simple-toolbar .preview-picker{margin-left:auto}.canvas.playing-preview #blocks{visibility:hidden}.canvas.playing-preview .live-drag-layer{display:none}#canvasPlayback{position:absolute;inset:0;z-index:10;background:#202329;display:flex;flex-direction:column;overflow:hidden}#canvasPlayback video{width:100%;height:100%;object-fit:contain;background:#202329;min-height:0}.canvas-playback-toolbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:7px;background:#22272cdd;color:#fff;font-size:9px}.canvas-playback-toolbar button{padding:5px 7px;border:1px solid #ffffff40;background:#ffffff17;color:#fff;font-size:9px}.canvas-playback-message{margin:auto;text-align:center;color:#fff;font-size:12px;padding:18px;line-height:1.8}.canvas-playback-message small{display:block;font-size:9px;color:#abb1b8;margin-top:9px}@media(max-width:850px){.simple-toolbar{height:auto;flex-wrap:wrap}.simple-toolbar .canvas-preview-button{margin-left:auto}.preview-picker .studio-picker{max-width:32vw}}@media(max-width:550px){.simple-toolbar .workspace-caption{flex:1}.simple-toolbar .preview-picker{order:3;width:100%;margin:0}.preview-picker .studio-picker{max-width:100%;width:100%}.simple-toolbar #undo{order:1}.simple-toolbar .canvas-preview-button{order:2;margin:0}}

#canvas>.canvas-preview-button{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:5;margin:0;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:8px 13px!important;background:#ffffffed;border:1px solid #e5ded9;border-radius:20px;box-shadow:0 2px 8px #00000012;color:#805b4f;font-size:11px}.canvas-preview-button svg{width:13px;height:13px}.playing-preview>.canvas-preview-button{display:none!important}

.canvas-player-controls{width:100%;display:flex;justify-content:center;margin:0;position:relative}.canvas-player-controls .canvas-preview-button{position:static;transform:none;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:8px 15px;border:1px solid #dedfe1;border-radius:8px;background:#fff;color:#805b4f;font-size:11px;box-shadow:none}.canvas-side{gap:10px}.canvas-player-controls+.status-button{margin-top:0}