/* Shared, role-independent image tools. Native dialog keeps focus above result modals. */
#shared-image-viewer{--siv-bg:#111714;--siv-panel:#1a211d;--siv-border:#35423a;--siv-muted:#a9b8ae;box-sizing:border-box;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid var(--siv-border);border-radius:14px;background:var(--siv-bg);color:#edf4ef;overflow:hidden;font:13px/1.4 system-ui,sans-serif}
#shared-image-viewer[open]{display:flex;flex-direction:column}#shared-image-viewer::backdrop{background:#08100cdd;backdrop-filter:blur(5px)}
#shared-image-viewer *,#shared-image-viewer *::before,#shared-image-viewer *::after{box-sizing:border-box}#shared-image-viewer [hidden]{display:none!important}
#shared-image-viewer button,#shared-image-viewer a{font:inherit;color:inherit}#shared-image-viewer button{appearance:none;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:7px;padding:7px 10px;white-space:nowrap;box-shadow:none}#shared-image-viewer button:hover,#shared-image-viewer a:hover{background:#2c3a31}#shared-image-viewer button:disabled{opacity:.35;cursor:default}#shared-image-viewer button[aria-pressed=true]{background:#315b42;border-color:#5b9b72;color:#edfff2}#shared-image-viewer :focus-visible{outline:2px solid #9ce6b6;outline-offset:2px}
#shared-image-viewer .siv-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--siv-border);flex-shrink:0;background:var(--siv-panel)}#shared-image-viewer .siv-tabs{display:flex;gap:4px;background:#0d1410;border-radius:9px;padding:3px}#shared-image-viewer .siv-title{margin-left:auto;max-width:22%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--siv-muted)}#shared-image-viewer .siv-tool{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:6px;border-radius:7px;text-decoration:none;flex-shrink:0}#shared-image-viewer svg{width:17px;height:17px;flex-shrink:0}#shared-image-viewer .siv-status{padding:8px 16px;background:#314332;color:#e3f4e8}
#shared-image-viewer .siv-panels{flex:1;min-height:0;display:flex;gap:1px;background:var(--siv-border)}#shared-image-viewer .siv-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--siv-bg)}#shared-image-viewer .siv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 12px;background:var(--siv-panel);border-bottom:1px solid var(--siv-border)}#shared-image-viewer .siv-run-controls{display:flex;width:100%;min-width:0;align-items:center;gap:3px}#shared-image-viewer .siv-run-picker{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;border-color:var(--siv-border);background:#222d26}#shared-image-viewer .siv-gallery{display:flex;gap:2px}#shared-image-viewer .siv-tools{display:flex;gap:2px;margin-left:auto;align-items:center;flex-wrap:wrap}#shared-image-viewer .siv-canvas{position:relative;flex:1;min-height:100px;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at center,#26312a 0%,#111714 80%)}#shared-image-viewer .siv-canvas.is-dragging{cursor:grabbing}#shared-image-viewer .siv-canvas>img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;width:auto;height:auto;user-select:none;transform-origin:center;pointer-events:none}#shared-image-viewer .siv-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--siv-muted);padding:25px}
#shared-image-viewer .siv-image-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;background:var(--siv-panel);border-top:1px solid var(--siv-border)}#shared-image-viewer .siv-meta{width:100%;font-size:11px;color:var(--siv-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#shared-image-viewer[data-info=false] .siv-meta{display:none}#shared-image-viewer .siv-filmstrip{display:flex;flex:1;min-width:0;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}#shared-image-viewer .siv-thumb{padding:3px;width:54px;height:48px;flex-shrink:0;background:#0b120e}#shared-image-viewer .siv-thumb img{width:100%;height:100%;object-fit:contain;border-radius:3px}#shared-image-viewer .siv-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 16px;color:var(--siv-muted);border-top:1px solid var(--siv-border)}
#shared-image-viewer .siv-wipe{position:relative;flex:1;min-height:150px;overflow:hidden;background:#101712;touch-action:none}#shared-image-viewer .siv-wipe>img,#shared-image-viewer .siv-wipe-clip>img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;pointer-events:none;transform-origin:center}#shared-image-viewer .siv-wipe-clip{position:absolute;inset:0;overflow:hidden;background:#17231b}#shared-image-viewer .siv-divider{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}#shared-image-viewer .siv-divider-line{position:absolute;top:0;bottom:0;width:2px;background:#d8f9e3;pointer-events:none;z-index:1}#shared-image-viewer .siv-divider-line::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;padding:9px;background:#315b42;border:2px solid #d8f9e3;font-size:20px}#shared-image-viewer .siv-wipe:focus-within{outline:2px solid #9ce6b6;outline-offset:-3px}
#shared-image-viewer[data-wipe=true] .siv-panels{flex:0 0 auto;background:var(--siv-bg)}#shared-image-viewer[data-wipe=true] .siv-canvas{display:none}#shared-image-viewer[data-wipe=true] .siv-image-footer{border:0}#shared-image-viewer[data-wipe=true] .siv-bar{border:0}#shared-image-viewer[data-wipe=true] .siv-image-footer{padding-top:0}
#shared-image-viewer .siv-catalogue{position:absolute;z-index:5;top:125px;left:24px;width:min(600px,calc(100% - 48px));max-height:calc(100% - 160px);display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #617d69;border-radius:10px;background:#202c24;box-shadow:0 18px 60px #0009}#shared-image-viewer .siv-catalogue input{flex-shrink:0;width:100%;min-height:38px;border:1px solid #5c7364;background:#101a14;color:#edf4ef;border-radius:6px;padding:8px 12px;font:inherit}#shared-image-viewer .siv-catalogue-list{overflow:auto;display:flex;flex-direction:column;gap:3px;min-height:0}#shared-image-viewer .siv-catalogue-list button{text-align:left;white-space:normal;border-bottom:1px solid var(--siv-border)}#shared-image-viewer .siv-catalogue-note{margin:0;color:var(--siv-muted)}#shared-image-viewer .siv-copy-fallback{position:fixed;left:-10000px;top:0;width:1px;height:1px;overflow:hidden}
#shared-image-viewer .siv-canvas:fullscreen,#shared-image-viewer .siv-wipe:fullscreen{width:100vw;height:100vh;background:#101712}
@media(max-width:900px){#shared-image-viewer .siv-header{flex-wrap:wrap;padding:8px}#shared-image-viewer .siv-title{display:none}#shared-image-viewer .siv-tabs{flex:1}#shared-image-viewer .siv-tabs button{flex:1;padding:7px 5px;font-size:11px}#shared-image-viewer .siv-tools{margin-left:0}#shared-image-viewer .siv-bar{padding:6px}#shared-image-viewer .siv-bottom small{font-size:10px}}
@media(max-width:600px){#shared-image-viewer{width:100vw;height:100dvh;border-radius:0;border:0}#shared-image-viewer[data-mode=compare] .siv-panels,#shared-image-viewer[data-mode=references] .siv-panels{flex-direction:column}#shared-image-viewer .siv-pane{min-height:0}#shared-image-viewer .siv-canvas{min-height:60px}#shared-image-viewer .siv-meta{font-size:10px}#shared-image-viewer .siv-thumb{width:38px;height:32px}#shared-image-viewer .siv-image-footer{padding:4px 6px}#shared-image-viewer .siv-tool{height:28px;min-width:28px;padding:4px}#shared-image-viewer .siv-bottom small{display:none}#shared-image-viewer .siv-bar{gap:2px}#shared-image-viewer .siv-gallery button{padding:4px 6px}}
#shared-image-viewer .siv-context{padding:5px 8px;color:#b3d9c0;font-size:12px}