body[data-vp-ratio-ux] .editor-v2-ratios{display:grid;gap:8px}body[data-vp-ratio-ux] .editor-v2-ratio-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-vp-ratio-ux] .editor-v2-ratio-buttons button,body[data-vp-ratio-ux] .collage-ratios button{min-height:36px}body[data-vp-ratio-ux] .vp-custom-ratio-button{border-style:dashed!important}body[data-vp-ratio-ux] .vp-custom-ratio-button.is-active{border-style:solid!important;border-color:#93c5fd!important;background:#eff6ff!important;color:#1d4ed8!important}.vp-custom-ratio-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;align-items:end;padding:9px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.vp-custom-ratio-fields[hidden]{display:none!important}.vp-custom-ratio-fields label{display:grid;gap:4px;font-size:10px;font-weight:700;color:#64748b}.vp-custom-ratio-fields input{width:100%;min-height:34px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:5px 8px;color:#0f172a}.vp-custom-ratio-fields>span{padding-bottom:7px;color:#94a3b8;font-weight:800}body[data-vp-ratio-ux="resize"] .editor-lock{display:none!important}body[data-vp-ratio-ux="resize"] .editor-v2-paste{display:none!important}body[data-vp-ratio-ux="collage"] .collage-ratios{grid-template-columns:repeat(4,minmax(0,1fr))}.vp-output-format-picker{display:grid;gap:7px}.vp-output-format-picker>select{display:none!important}.vp-output-format-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vp-output-format-buttons button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#475569;font-size:11px;font-weight:800;cursor:pointer}.vp-output-format-buttons button:hover{border-color:#bfdbfe;background:#f8fbff}.vp-output-format-buttons button.is-active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 1px rgba(37,99,235,.04)}.vp-output-format-buttons button:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.vp-ratio-preview-mask{position:absolute;z-index:6;overflow:hidden;pointer-events:none}.vp-ratio-preview-mask.is-hidden{display:none!important}.vp-ratio-preview-frame{position:absolute;box-sizing:border-box;border:2px dashed #2563eb;background:transparent;box-shadow:0 0 0 9999px rgba(15,23,42,.38);pointer-events:auto;touch-action:none;cursor:grab}.vp-ratio-preview-frame::before,.vp-ratio-preview-frame::after{content:'';position:absolute;pointer-events:none;background:rgba(255,255,255,.92)}.vp-ratio-preview-frame::before{left:50%;top:0;bottom:0;width:1px;transform:translateX(-.5px)}.vp-ratio-preview-frame::after{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px)}.vp-ratio-preview-frame.is-dragging{cursor:grabbing;border-style:solid}.vp-ratio-preview-frame:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}@media(max-width:620px){body[data-vp-ratio-ux] .editor-v2-ratio-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-vp-ratio-ux="collage"] .collage-ratios{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-output-format-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-ratio-preview-frame{border-width:1.5px}}