.ip-root{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}.ip-backdrop{position:absolute;inset:0;border:0;padding:0;background:#0c0a09e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;animation:svelte-onwfez-ip-fade-in .24s ease forwards}.ip-closing .ip-backdrop{animation:svelte-onwfez-ip-fade-out .2s ease forwards}.ip-closing .ip-img{animation:svelte-onwfez-ip-img-out .2s ease forwards!important}.ip-closing .ip-toolbar,.ip-closing .ip-caption,.ip-closing .ip-close,.ip-closing .ip-hint{opacity:0;transition:opacity .15s ease}.ip-close{position:absolute;top:20px;right:20px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1c191799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(68,64,60,.4);color:#f5f5f4b3;cursor:pointer;transition:background .2s,color .2s,transform .15s;animation:svelte-onwfez-ip-fade-in .24s ease forwards}.ip-close:hover{background:#ef444433;color:#fca5a5;border-color:#ef44444d;transform:scale(1.05)}.ip-caption{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10;max-width:min(80vw,600px);padding:5px 14px;border-radius:var(--radius-default);background:#1c1917a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(68,64,60,.35);color:#d6d3d1e6;font-size:12px;font-family:var(--font-sans),sans-serif;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:svelte-onwfez-ip-fade-in .3s .1s ease both;pointer-events:none}.ip-stage{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none}.ip-grab{cursor:grab}.ip-dragging{cursor:grabbing}.ip-img{max-width:min(92vw,1100px);max-height:82vh;border-radius:var(--radius-default);object-fit:contain;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform}.ip-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:6px;pointer-events:none;transition:opacity .5s ease;animation:svelte-onwfez-ip-fade-in .3s .4s ease both}.ip-hint span{padding:3px 8px;border-radius:var(--radius-default);background:#1c19178c;border:1px solid rgba(68,64,60,.3);color:#a8a29ecc;font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:.05em}.ip-hint-hidden{opacity:0!important}.ip-toolbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:2px;padding:5px 10px;border-radius:var(--radius-default);background:#1c1917bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(68,64,60,.35);box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a;animation:svelte-onwfez-ip-slide-up .3s 80ms cubic-bezier(.4,0,.2,1) both}.ip-tool{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-default);color:#a8a29ed9;cursor:pointer;transition:background .15s,color .15s,transform .12s}.ip-tool:hover{background:#14b8a61f;color:#5eead4;transform:scale(1.08)}.ip-tool:active{transform:scale(.95)}.ip-zoom-label{min-width:40px;text-align:center;font-family:var(--font-mono),monospace;font-size:11px;font-weight:600;color:#d6d3d1b3;letter-spacing:.03em;padding:0 4px}.ip-sep{width:1px;height:18px;background:#44403c80;margin:0 4px;flex-shrink:0}@keyframes svelte-onwfez-ip-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-onwfez-ip-fade-out{to{opacity:0}}@keyframes svelte-onwfez-ip-slide-up{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes svelte-onwfez-ip-img-out{to{opacity:0;transform:scale(.94)}}