.portfolio-layer-hidden { visibility: hidden !important; }
.portfolio-added-layer { position: absolute; left: 0; top: 0; max-width: min(45vw, 640px); }
@media (max-width: 760px) { .portfolio-added-layer { position: static; display: block; max-width: 90vw; margin: 24px auto; } }
.portfolio-editor-mode .portfolio-selected { outline: 2px solid #3777e5 !important; outline-offset: 3px; cursor: move; }
.portfolio-preview-mode .portfolio-selected { outline: none !important; cursor: auto; }
.portfolio-selection-box{display:none;position:fixed;z-index:2147483000;border:2px solid #3777e5;pointer-events:none;box-sizing:border-box}.portfolio-preview-mode .portfolio-selection-box{display:none!important}.portfolio-scale-handle,.portfolio-rotate-handle{position:absolute;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#3777e5;pointer-events:auto}.portfolio-scale-handle{right:-9px;bottom:-9px;cursor:nwse-resize}.portfolio-rotate-handle{left:calc(50% - 7px);top:-26px;cursor:grab}
@media (min-width: 761px) {
  .portfolio-edit-layer {
    translate: var(--editor-x, 0px) var(--editor-y, 0px);
    scale: var(--editor-scale, 1);
    rotate: var(--editor-rotation, 0deg);
    position: relative;
  }
  .portfolio-added-layer { position: absolute; }
}