#pc-customizer{border:1px solid #ddd;padding:12px;margin:12px 0}
#pc-canvas-wrap{width:360px;height:360px;border:1px solid #ccc;overflow:hidden}
#pc-canvas{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}
.pc-overlay{position:absolute;left:10px;top:10px;padding:2px 6px;background:rgba(255,255,255,.7);cursor:move}
#pc-customizer{border:1px solid #ddd;padding:12px;margin:12px 0}
#pc-canvas-wrap{width:360px;height:360px;border:1px solid #ccc;overflow:hidden}
#pc-canvas{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}
.pc-overlay{position:absolute;left:10px;top:10px;padding:2px 6px;background:rgba(255,255,255,.7);cursor:move}
.pc-image-overlay{position:static;left:auto;top:auto;cursor:default;display:block;width:100%;height:auto}
.pc-main-overlay{position:absolute;pointer-events:auto;z-index:9999;left:0;top:0;width:100%;height:100%}
#pc-canvas-wrap{display:none}
.pc-main-overlay .pc-overlay,.pc-main-overlay .pc-image-overlay{cursor:move}
.pc-image-wrapper{position:absolute;overflow:visible;box-shadow:0 1px 4px rgba(0,0,0,0.12);border-radius:2px}
.pc-image-wrapper img{display:block;width:100%;height:auto}
.pc-resize-handle{width:14px;height:14px;background:#ffffff;border:2px solid rgba(0,0,0,0.6);border-radius:2px;position:absolute;right:-8px;bottom:-8px;cursor:se-resize;box-shadow:0 1px 2px rgba(0,0,0,0.25)}
.pc-dragging{opacity:.9}
.pc-remove-handle{position:absolute;right:-10px;top:-18px;background:#ff6b6b;color:#fff;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;cursor:pointer;font-weight:bold;box-shadow:0 1px 2px rgba(0,0,0,0.2)}
/* text wrapper specifics */
.pc-text-wrapper{position:absolute;display:inline-block}
.pc-text-wrapper .pc-overlay{position:static;left:auto;top:auto;padding:2px 6px;background:rgba(255,255,255,.85);cursor:move;display:inline-block}
#pc-controls{margin-top:8px}
#pc-controls label{display:block;margin-bottom:6px}
/* Modal styles for controls */
.pc-modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2147483000}
.pc-modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.pc-modal-panel{position:fixed;left:50%;top:96px;transform:translateX(-50%);max-width:520px;width:calc(100% - 40px);background:#fff;border-radius:6px;padding:14px;z-index:2147483001;box-shadow:0 6px 30px rgba(0,0,0,0.3)}
.pc-modal-close{position:absolute;right:10px;top:10px}
.pc-modal-panel label{display:block;margin-bottom:8px}
.pc-modal-panel.pc-modal-large{top:72px}