.folio-frame{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.folio-frame .folio-frame-image{display:block;width:100%;height:100%;max-width:none;-o-object-fit:var(--frame-fit,cover);object-fit:var(--frame-fit,cover);-o-object-position:var(--frame-x,50%) var(--frame-y,50%);object-position:var(--frame-x,50%) var(--frame-y,50%);transform:scale(var(--frame-zoom,1));transform-origin:var(--frame-x,50%) var(--frame-y,50%)}.folio-frame-placeholder{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;position:absolute;inset:0;color:#64748b;background:#e8edf5;font:14px/1.4 Arial,sans-serif}.folio-template-frame{position:relative}.folio-template-frame>.folio-frame{position:absolute;inset:0}.folio-template-frame.is-editable{overflow:visible}.folio-frame-select{position:absolute;inset:0;width:100%;height:100%;padding:0;border:1px solid transparent;cursor:pointer;background:transparent;z-index:2}.folio-frame-select:focus-visible,.folio-frame-select:hover,.is-frame-selected>.folio-frame-select{border-color:#db2777;outline:2px solid #db2777;outline-offset:2px}.is-frame-drop-target{outline:3px solid #ec4899;outline-offset:4px}.folio-frame-actions{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:4px;opacity:0;z-index:3;pointer-events:none}.folio-template-frame.is-frame-selected>.folio-frame-actions,.folio-template-frame:focus-within>.folio-frame-actions,.folio-template-frame:hover>.folio-frame-actions{opacity:1;pointer-events:auto}.folio-frame-actions button{border:1px solid #e2e8f0;border-radius:5px;padding:7px 9px;color:#111827;background:white;font:12px/1.2 Arial,sans-serif;box-shadow:0 2px 8px #0002;cursor:pointer}.folio-frame-actions button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.folio-frame-actions button:disabled{opacity:.55;cursor:default}.portfolio-document .folio-canvas-element.canvas-frame{aspect-ratio:var(--canvas-frame-ratio)}.portfolio-document .folio-canvas-element.canvas-frame>.canvas-element-hit>.folio-frame,.portfolio-document .folio-canvas-element.canvas-frame>.folio-frame{position:absolute;inset:0}@container (max-width: 750px){.portfolio-document .folio-canvas-element.canvas-frame{min-height:0;aspect-ratio:var(--canvas-frame-ratio)}.folio-frame-actions{opacity:1;pointer-events:auto}}.template-frame-handle{position:absolute;z-index:4;width:13px;height:13px;border:2px solid #2563eb;border-radius:50%;background:#fff;padding:0;touch-action:none}.template-frame-handle:focus-visible{outline:3px solid #ec4899;outline-offset:3px}.template-frame-handle.handle-nw{top:-7px;left:-7px;cursor:nwse-resize}.template-frame-handle.handle-n{top:-7px;left:calc(50% - 7px);cursor:ns-resize}.template-frame-handle.handle-ne{top:-7px;right:-7px;cursor:nesw-resize}.template-frame-handle.handle-e{top:calc(50% - 7px);right:-7px;cursor:ew-resize}.template-frame-handle.handle-se{bottom:-7px;right:-7px;cursor:nwse-resize}.template-frame-handle.handle-s{bottom:-7px;left:calc(50% - 7px);cursor:ns-resize}.template-frame-handle.handle-sw{bottom:-7px;left:-7px;cursor:nesw-resize}.template-frame-handle.handle-w{top:calc(50% - 7px);left:-7px;cursor:ew-resize}.is-frame-selected>.folio-frame-select{cursor:move;touch-action:none}.template-frame-guides{position:fixed;inset:0;z-index:90;pointer-events:none}.template-frame-guide{position:absolute;display:block;color:#db2777}.template-frame-guide.guide-x{width:1px;border-left:1px solid #ec4899}.template-frame-guide.guide-y{height:1px;border-top:1px solid #ec4899}.template-frame-guide.is-gap:after,.template-frame-guide.is-gap:before{content:"";position:absolute;background:#ec4899}.template-frame-guide.guide-y.is-gap:after,.template-frame-guide.guide-y.is-gap:before{top:-4px;width:1px;height:8px}.template-frame-guide.guide-y.is-gap:before{left:0}.template-frame-guide.guide-y.is-gap:after{right:0}.template-frame-guide.guide-x.is-gap:after,.template-frame-guide.guide-x.is-gap:before{left:-4px;width:8px;height:1px}.template-frame-guide.guide-x.is-gap:before{top:0}.template-frame-guide.guide-x.is-gap:after{bottom:0}.template-frame-guide.is-gap>span{position:absolute;padding:2px 4px;border-radius:3px;background:#fff;color:#be185d;font:11px/1.2 Arial,sans-serif}.template-frame-guide.guide-y.is-gap>span{top:-9px;left:50%;transform:translateX(-50%)}.template-frame-guide.guide-x.is-gap>span{left:4px;top:50%;transform:translateY(-50%)}.folio-template-frame[data-locked=true]>.folio-frame-select{cursor:default}.trial-watermark{position:absolute;inset:0;z-index:999;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px;align-items:center;justify-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trial-watermark span{transform:rotate(-20deg);font:500 12px/1.5 system-ui,sans-serif;letter-spacing:0;color:var(--folio-fg,#202329);opacity:.28;padding:6px;text-align:center;overflow-wrap:anywhere}.trial-print-notice{display:none}@media print{body:has([data-unpaid-preview=true]){height:auto!important;overflow:visible!important}body:has([data-unpaid-preview=true]) *{visibility:hidden!important}body:has([data-unpaid-preview=true]) .trial-print-notice,body:has([data-unpaid-preview=true]) .trial-print-notice *{visibility:visible!important}body:has([data-unpaid-preview=true]) .trial-print-notice{display:block!important;position:fixed;inset:0;z-index:2147483647;padding:40px;background:white;color:black;font:16px/1.6 system-ui,sans-serif}}