.image-objects-layer{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px;background:rgba(23,20,15,.4)}
.image-objects-dialog{width:min(560px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;color:var(--t1);border-radius:14px;overflow:hidden;box-shadow:0 20px 50px -20px rgba(0,0,0,.4)}
.image-objects-dialog header{height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--bd);font-size:16px}
.image-objects-dialog button{font:inherit;cursor:pointer}
.image-objects-dialog header button{border:0;background:none;color:var(--t3);font-size:26px;width:40px;height:40px}
.image-objects-scroll{overflow-y:auto;overscroll-behavior:contain}
.image-objects-photo{position:relative;background:#f4f5f6;line-height:0}
.image-objects-photo>img{width:100%;height:auto;max-height:42dvh;object-fit:contain;display:block}
.image-objects-marks{position:absolute;line-height:1.3}
.image-objects-marks svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.image-objects-marks line{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.image-objects-dialog .image-object-dot{position:absolute;border:2px solid #fff;border-radius:50%;width:26px;height:26px;padding:0;transform:translate(-50%,-50%);background:var(--or,#e5631a);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0005;z-index:1}
.image-objects-dialog .image-object-dot.is-active{transform:translate(-50%,-50%) scale(1.25);background:var(--t1)}
.image-objects-marks[data-layout=labels] .image-object-dot{width:10px;height:10px;font-size:0;background:#fff;border-color:var(--or,#e5631a)}
.image-objects-dialog .image-object-label{position:absolute;border:0;border-radius:7px;padding:3px 9px;background:rgba(255,255,255,.94);color:var(--t1);white-space:nowrap;text-align:center;z-index:2;line-height:1.35}
.image-object-label b{display:block;font:600 15px Georgia,serif}.image-object-label small{display:block;font-size:11px;color:var(--t2)}
.image-object-label.is-active{outline:2px solid var(--or,#e5631a)}
.image-objects-body{padding:14px 18px 24px}.image-objects-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px;color:var(--t3)}
.image-objects-heading b{font-size:14px;color:var(--t1);flex-shrink:0}.image-objects-row{display:flex;align-items:center;gap:10px;min-height:45px;border-bottom:1px solid var(--bd);font-size:14px;cursor:pointer}
.image-objects-number{display:grid;place-items:center;width:20px;height:20px;flex:none;background:#f1f2f4;border-radius:50%;font-size:11px;color:var(--t2)}
.image-objects-row.is-active{background:#f4f5f6;margin:0 -18px;padding:0 18px}.image-objects-row.is-active .image-objects-number{background:var(--t1);color:#fff}
.image-objects-dialog .image-objects-word{padding:8px 0;border:0;background:none;font:600 16px Georgia,serif;text-align:left;color:var(--t1)}
.image-objects-zh{color:var(--t3);flex:1;font-size:13px}.image-objects-dialog .image-objects-star{border:0;background:none;font-size:23px;color:var(--t3);width:34px;min-width:34px;height:40px;padding:0}
.image-objects-star[aria-pressed=true]{color:var(--gold,#b08a3e)}
.image-objects-error{font-size:13px;color:#b42318}.image-objects-dialog button:focus-visible{outline:2px solid var(--or,#e5631a);outline-offset:2px}
@media(max-width:767px){.image-objects-layer{padding:0;place-items:end center}.image-objects-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:14px 14px 0 0}.image-objects-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.image-objects-heading{font-size:11px}}