.image-source-section .inspector-disclosure-body{padding-top:11px!important}.image-asset-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:10px;font-weight:720}.image-asset-picker-head span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.image-asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:214px;padding:2px 4px 3px 2px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 34%,var(--muted)) transparent}.image-asset-choice{position:relative;aspect-ratio:1;min-width:0;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:5px;background:color-mix(in srgb,var(--panel) 78%,transparent);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.image-asset-choice img{display:block;width:100%;height:100%;object-fit:cover}.image-asset-choice:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 4px 12px #0002}.image-asset-choice.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent)}.image-asset-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-asset-empty{grid-column:1/-1;margin:0;padding:14px 2px;color:var(--muted);font-size:10px;line-height:1.6}.image-asset-grid::-webkit-scrollbar{width:10px}.image-asset-grid::-webkit-scrollbar-track{background:transparent}.image-asset-grid::-webkit-scrollbar-thumb{min-height:44px;border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 28%,var(--muted));background-clip:padding-box}.image-asset-grid::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 55%,var(--muted));background-clip:padding-box}.image-asset-grid::-webkit-scrollbar-button{display:none;width:0;height:0}.image-asset-grid::-webkit-scrollbar-corner{background:transparent}
.image-asset-folders{display:flex;gap:6px;min-width:0;margin:0 0 11px;padding:1px 2px 6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 28%,var(--muted)) transparent}.image-asset-folder{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;height:29px;padding:0 9px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:5px;background:color-mix(in srgb,var(--panel2) 68%,transparent);color:var(--muted);font:680 9px/1 inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.image-asset-folder small{display:grid;min-width:17px;height:17px;padding:0 4px;border-radius:4px;background:color-mix(in srgb,var(--muted) 10%,transparent);place-items:center;color:inherit;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.image-asset-folder:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 54%,var(--line));color:var(--text)}.image-asset-folder.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--panel));color:var(--text);box-shadow:inset 0 -2px var(--accent)}.image-asset-folder.active small{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.image-asset-folder:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.image-asset-folders::-webkit-scrollbar{height:7px}.image-asset-folders::-webkit-scrollbar-track{background:transparent}.image-asset-folders::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 26%,var(--muted));background-clip:padding-box}.image-asset-folders::-webkit-scrollbar-button{display:none;width:0;height:0}
.image-style-menu-body{padding:14px!important}
.image-style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:10px}
.image-style-options>button{position:relative;display:flex;min-width:0;min-height:132px;padding:9px 8px 11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:8px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 96%,white),color-mix(in srgb,var(--panel2) 90%,transparent));color:var(--muted);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.image-style-options>button::after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border:1px solid color-mix(in srgb,var(--muted) 42%,transparent);border-radius:50%;background:transparent;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.image-style-options>button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:0 9px 20px rgba(44,37,83,.1)}
.image-style-options>button:hover .image-style-preview{transform:scale(1.025)}
.image-style-options>button.active{border-color:var(--accent);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),color-mix(in srgb,var(--accent) 3%,var(--panel2)));color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 13%,transparent),0 10px 22px rgba(44,37,83,.1)}
.image-style-options>button.active::after{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.image-style-options strong{display:block;overflow:hidden;max-width:100%;margin-top:9px;color:var(--text);font-size:11px;font-weight:780;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.image-style-options small{display:block;overflow:hidden;max-width:100%;margin-top:3px;color:var(--muted);font-size:8px;font-weight:620;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.image-style-preview{position:relative;display:block;width:100%;height:72px;overflow:hidden;border:0;border-radius:5px;box-shadow:0 5px 12px rgba(28,24,48,.17);transition:transform .28s cubic-bezier(.2,.75,.25,1)}
.image-style-preview::before{content:"";position:absolute;z-index:2;top:11px;left:11px;width:34%;height:4px;border-radius:2px;background:currentColor;opacity:.96}
.image-style-preview i{position:absolute;z-index:2;left:11px;right:11px;top:37px;height:2px;border-radius:1px;background:currentColor;opacity:.52}
.image-style-preview i+i{top:46px;right:30%}
.image-style-preview-classic{border:6px solid #fff;color:#fff;background:linear-gradient(145deg,#fefefe,#ecebe8);box-shadow:0 5px 13px rgba(39,34,53,.2)}
.image-style-preview-classic::before{inset:0;width:auto;height:auto;border-radius:1px;background:linear-gradient(145deg,#aeb6c0,#707983 52%,#343b44);opacity:1}
.image-style-preview-classic::after{content:"";position:absolute;z-index:3;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.image-style-preview-classic i{display:none}
.image-style-preview-intel{color:#efc96f;background:radial-gradient(circle at 88% 8%,#d8a84924,transparent 33%),linear-gradient(145deg,#252a34,#11141a)}
.image-style-preview-intel::after{content:"";position:absolute;inset:0;border-left:4px solid #d7ad52;background:linear-gradient(90deg,transparent 70%,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff0b}
.image-style-preview-analysis{color:#e9f5ff;background:linear-gradient(#ffffff17 1px,transparent 1px),linear-gradient(90deg,#ffffff17 1px,transparent 1px),radial-gradient(circle at 82% 18%,#7fd5ff36,transparent 36%),linear-gradient(145deg,#356da9,#163d6c);background-size:10px 10px,10px 10px,100% 100%,100% 100%}
.image-style-preview-analysis::after{content:"";position:absolute;inset:7px;border:1px solid #bfe5ff8c;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.image-style-preview-finding{color:#b44f43;background:repeating-linear-gradient(0deg,transparent 0 13px,#9b59420c 13px 14px),linear-gradient(145deg,#fffaf0,#efddc8)}
.image-style-preview-finding::after{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(135deg,#b54d42 0 5px,#f5d1bd 5px 9px);box-shadow:inset 0 -1px #8e372d33}

/* Keep the canvas cards visually consistent with their selector previews. */
#node-layer .node.image.photo{padding:10px;border:1px solid #d4d0c8;border-radius:2px;background:linear-gradient(145deg,#fff,#f2f0eb);box-shadow:0 2px 0 rgba(68,58,45,.14),0 14px 28px rgba(35,28,22,.32);overflow:visible}
#node-layer .node.image.photo>img,
#node-layer .node.image.photo>.node-placeholder{display:block;width:100%;height:100%;min-height:0;max-height:none;margin:0;border:1px solid rgba(73,67,60,.24);border-radius:1px;background:#dedbd4;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
#node-layer .node.image.photo .node-body{display:none}
#node-layer .node.image.image-style-intel{border-radius:6px;background:radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--image-accent) 18%,transparent),transparent 34%),linear-gradient(145deg,#242932,#101318);box-shadow:inset 5px 0 var(--image-accent),0 18px 34px #000a}
#node-layer .node.image.image-style-intel>img{border-radius:3px;filter:saturate(.78) contrast(1.08)}
#node-layer .node.image.image-style-analysis{border-radius:3px;background:linear-gradient(color-mix(in srgb,var(--image-accent) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--image-accent) 14%,transparent) 1px,transparent 1px),radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--image-accent) 22%,transparent),transparent 42%),linear-gradient(145deg,#173d62,#081a2b);background-size:16px 16px,16px 16px,100% 100%,100% 100%;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
#node-layer .node.image.image-style-analysis>img{border:1px solid color-mix(in srgb,var(--image-accent) 62%,#bde9ff);filter:saturate(.8) contrast(1.05) sepia(.08) hue-rotate(162deg)}
#node-layer .node.image.image-style-finding{border-color:#d7b49e;border-radius:5px;background:repeating-linear-gradient(0deg,transparent 0 22px,#9b59420b 22px 23px),linear-gradient(145deg,#fffaf0,#ead8c3);box-shadow:0 16px 30px #3e281f4a}
#node-layer .node.image.image-style-finding>img{border:1px solid #caa78f;border-bottom:5px solid #b64e43;border-radius:3px 3px 1px 1px;filter:saturate(.88) contrast(1.03)}
#node-layer .node.image.image-style-finding .node-body{background:linear-gradient(90deg,#b64e43 0 4px,transparent 4px);color:#3d302b}
#node-layer .node.image.image-style-finding h3{color:#3d302b}
#node-layer .node.image.image-style-finding p{color:#76645c}

/* Larger, calmer typography for image cards without reducing the photo's visual priority. */
#node-layer .node.image:not(.photo).resized:is(.image-style-intel,.image-style-analysis,.image-style-finding)>img,
#node-layer .node.image:not(.photo).resized:is(.image-style-intel,.image-style-analysis,.image-style-finding)>.node-placeholder{height:calc(100% - 75px)}
#node-layer .node.image:is(.image-style-intel,.image-style-analysis,.image-style-finding) .node-body{height:65px;padding:4px 16px 6px}
#node-layer .node.image:is(.image-style-intel,.image-style-analysis,.image-style-finding) .node-kicker{display:none}
#node-layer .node.image:is(.image-style-intel,.image-style-analysis,.image-style-finding) h3{width:min(62%,360px);min-width:min(180px,100%);margin:0 0 4px;font:780 20px/1.2 "Segoe UI","Microsoft YaHei",system-ui,sans-serif;letter-spacing:-.012em}
#node-layer .node.image:is(.image-style-intel,.image-style-analysis,.image-style-finding) p{width:min(62%,360px);min-width:min(180px,100%);font:500 13px/1.4 "Segoe UI","Microsoft YaHei",system-ui,sans-serif;letter-spacing:.003em}