.note-attachment.icon-properties-panel,.page-images-panel.icon-properties-panel{padding:0;border:0;background:transparent;margin-bottom:14px}
.image-properties-menu{position:relative;margin-bottom:10px}.image-properties-menu>summary{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:8px;box-sizing:border-box;list-style:none;background:#edf7ff;border:1px solid #96c1df;border-radius:50%;color:#1679b5;cursor:pointer;box-shadow:0 2px 6px #1769a514}.image-properties-menu>summary::-webkit-details-marker{display:none}.image-properties-menu>summary svg{pointer-events:none}.image-properties-menu[open]>summary{background:#dcefff;border-color:#4f9cd0}
#page-action-slot{display:flex;align-items:center;letter-spacing:normal;text-transform:none}#page-action-slot .image-properties-menu{margin:0;font-family:'DM Sans',sans-serif;letter-spacing:normal}#page-action-slot .image-properties-body{position:absolute;top:calc(100% + 8px);left:0;z-index:15;width:340px;max-width:calc(100vw - 85px);max-height:55vh;overflow:auto;margin:0;box-shadow:0 8px 26px #1769a52b;font-size:13px;font-weight:400;letter-spacing:normal;box-sizing:border-box}.paper-meta{align-items:center}
.page-images-panel.icon-properties-panel:empty{display:none}.note-attachment.icon-properties-panel:empty{display:none}
.list .document-preview:after{content:''}
.image-properties-body{margin-top:10px;border:1px solid #bfdcee;background:#f5faff;border-radius:10px;padding:14px}.image-properties-body>p{font-size:12px;line-height:1.7;color:#58788f;margin:10px 0}.image-properties-body .attachment-header{margin-bottom:12px}
.image-radial{position:absolute;width:152px;height:152px;transform:translate(-50%,-50%);z-index:8;border:1px solid #a6cce6;border-radius:50%;background:#f7fbffed;box-shadow:0 6px 20px #1769a52b;backdrop-filter:blur(5px);box-sizing:border-box;touch-action:manipulation}
.image-radial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;background:#dcefff;border-radius:50%;font-size:10px;font-weight:650;color:#246693;pointer-events:none}
.image-radial-action{position:absolute;display:grid;place-items:center;width:39px;height:39px;min-width:39px;min-height:39px;padding:4px;border:1px solid #abd0e8;border-radius:50%;background:#fff;box-shadow:0 2px 5px #1769a512;color:#1679b5;font-size:22px;line-height:1;touch-action:manipulation}.image-radial-action:hover{background:#dcefff;border-color:#4f9cd0}.image-radial-action:disabled{opacity:.35;cursor:default}
.image-radial .action-0{left:50%;top:3px;transform:translateX(-50%)}.image-radial .action-1{right:4px;top:29px}.image-radial .action-2{right:4px;bottom:29px}.image-radial .action-3{left:50%;bottom:3px;transform:translateX(-50%)}.image-radial .action-4{left:4px;bottom:29px}.image-radial .action-5{left:4px;top:29px}
.image-moving .image-radial,.image-resizing .image-radial{visibility:hidden;pointer-events:none}
@media(max-width:720px){.image-properties-body{padding:10px}}
@media print{.image-properties-menu,.image-radial{display:none!important}}

.image-radial-delete{pointer-events:auto;min-width:44px;min-height:44px;padding:8px;border:1px solid #f2a8a8;background:#fff0f0;color:#c43131;cursor:pointer;touch-action:manipulation}.image-radial-delete:hover{background:#ffdddd;border-color:#d95c5c}.image-radial-delete:disabled{opacity:.4;cursor:default}

/* Compact circular controls, revealed along a compass-like sweep. */
.image-radial{width:136px;height:136px;border:0;background:#f7fbfff5;box-shadow:0 4px 16px #1769a51f}
.image-radial-action{width:36px;height:36px;min-width:36px;min-height:36px;border-color:#bfd9eb;box-shadow:0 1px 4px #1769a510}
.image-radial-action svg,.image-radial-delete svg{width:19px;height:19px}
.image-radial .action-0{top:3px}.image-radial .action-1{right:5px;top:26px}.image-radial .action-2{right:5px;bottom:26px}.image-radial .action-3{bottom:3px}.image-radial .action-4{left:5px;bottom:26px}.image-radial .action-5{left:5px;top:26px}
.image-radial-delete{width:40px;height:40px;min-width:40px;min-height:40px;padding:8px;box-shadow:0 1px 5px #c4313110}
.image-radial-trace{position:absolute;inset:0;pointer-events:none}.image-radial-trace svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.image-radial-trace circle{stroke:#6cb5e6;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}
.image-radial:not([hidden]){animation:radial-surface 480ms ease-out both}
.image-radial:not([hidden]) .image-radial-trace circle{animation:radial-draw 520ms cubic-bezier(.35,.05,.25,1) both}
.image-radial:not([hidden]) .image-radial-action{animation:radial-icon 180ms ease-out both;animation-delay:calc(100ms + var(--step)*55ms)}
.image-radial .action-0{--step:0}.image-radial .action-1{--step:1}.image-radial .action-2{--step:2}.image-radial .action-3{--step:3}.image-radial .action-4{--step:4}.image-radial .action-5{--step:5}
.image-radial:not([hidden]) .image-radial-delete{animation:radial-icon 220ms 280ms ease-out both}
.image-radial::after{content:'';position:absolute;left:50%;top:50%;width:65px;height:1px;background:linear-gradient(90deg,transparent,#6cb5e680);transform-origin:0 50%;pointer-events:none;opacity:0}
.image-radial:not([hidden])::after{animation:radial-compass 520ms cubic-bezier(.35,.05,.25,1) both}
@keyframes radial-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes radial-compass{0%{transform:rotate(-90deg);opacity:.8}85%{opacity:.6}100%{transform:rotate(270deg);opacity:0}}
@keyframes radial-icon{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@keyframes radial-surface{from{background:#f7fbff00;box-shadow:0 0 0 transparent}to{background:#f7fbfff5;box-shadow:0 4px 16px #1769a51f}}
@media(prefers-reduced-motion:reduce){.image-radial:not([hidden]),.image-radial:not([hidden]) .image-radial-trace circle,.image-radial:not([hidden]) .image-radial-action,.image-radial:not([hidden]) .image-radial-delete{animation:none}.image-radial::after{display:none}}
