.pframer{display:grid;justify-items:center;gap:12px;font-family:var(--font-sans),system-ui,sans-serif}.pframer .pframer-frame{position:relative;width:var(--pframer-size,240px);height:var(--pframer-size,240px);border-radius:50%;overflow:hidden;background:#eef1f6;box-shadow:0 0 0 1px rgba(12,35,64,.16),0 14px 34px -16px rgba(12,35,64,.45);cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pframer .pframer-frame:active{cursor:grabbing}.pframer .pframer-frame.is-disabled{cursor:default;opacity:.6}.pframer .pframer-frame:focus-visible{outline:3px solid #c5a059;outline-offset:4px}.pframer .pframer-frame img{display:block;width:100%;height:100%;max-width:none;pointer-events:none;-webkit-user-drag:none}.pframer .pframer-hint{margin:0;font-size:13px;line-height:1.4;color:#5c6878;text-align:center}.pframer .pframer-controls{display:flex;align-items:center;gap:14px;width:min(100%,300px)}.pframer .pframer-zoom{display:flex;align-items:center;gap:10px;flex:1;margin:0;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:#0c2340}.pframer .pframer-zoom input[type=range]{flex:1;width:auto;min-width:0;height:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;accent-color:#0c2340}.pframer .pframer-reset{padding:4px 2px;font-family:inherit;font-size:13px;font-weight:600;color:#0c2340;background:none;border:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(12,35,64,.3);cursor:pointer}.pframer .pframer-reset:hover:not(:disabled){text-decoration-color:currentColor}.pframer .pframer-reset:disabled{opacity:.4;cursor:default}.pframer .pframer-reset:focus-visible{outline:2px solid #c5a059;outline-offset:2px}