.cc-node-search{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--text,#e8edf4) 15%,transparent);border-radius:18px;background:var(--panel,#20242a);color:var(--text,#e8edf4);font:13px/1.5 "Microsoft YaHei",sans-serif;box-shadow:0 24px 80px #0006;color-scheme:normal}
.cc-node-search::backdrop{background:transparent;backdrop-filter:none}
.cc-node-search *{box-sizing:border-box}
.cc-node-search header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 14px}
.cc-node-search header strong{display:block;font-size:18px;font-weight:650;letter-spacing:.02em}
.cc-node-search header p{margin:3px 0 0;font-size:12px;color:var(--muted,#9ba8b8)}
.cc-node-search button{font:inherit;color:inherit;cursor:pointer;box-shadow:none}
.cc-node-search .cc-node-search-close{width:32px;height:32px;flex:none;padding:0;border:0;border-radius:8px;background:transparent;font-size:24px;line-height:1;color:var(--muted,#9ba8b8)}
.cc-node-search .cc-node-search-close:hover{background:#8c9ead18;color:var(--text,#e8edf4)}
.cc-node-search-field{display:flex;align-items:center;gap:9px;margin:0 22px;padding:0 12px;border:1px solid #8c9ead55;border-radius:10px;background:var(--bg,#15181d);transition:border-color .12s}
.cc-node-search-field:focus-within{border-color:#5793d8;box-shadow:0 0 0 2px #438ae814}
.cc-node-search-field>span{font-size:24px;color:var(--muted,#9ba8b8);line-height:1}
.cc-node-search .cc-node-search-field input{width:100%;min-width:0;height:42px;margin:0;padding:0;outline:0!important;box-shadow:none!important;border:0!important;background:transparent!important;color:inherit;font:inherit}
.cc-node-search-field input::placeholder{color:var(--muted,#9ba8b8);opacity:.85}
.cc-node-search-summary{display:flex;justify-content:space-between;gap:12px;padding:13px 22px 9px;font-size:11px;color:var(--muted,#9ba8b8)}
.cc-node-search-results{max-height:min(400px,calc(100dvh - 280px));min-height:84px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8c9ead55 transparent;padding:0 12px}
.cc-node-search-row{display:flex;align-items:center;gap:12px;position:relative;margin:0 4px;border-top:1px solid #8c9ead26;transition:background .1s}
.cc-node-search-row:first-child{border-top-color:transparent}
.cc-node-search-row[aria-selected=true],.cc-node-search-row:focus-within{background:#4386d312;border-radius:8px}
.cc-node-search-row:hover{background:#8c9ead0d;border-radius:8px}
.cc-node-search .cc-node-search-locate{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:12px 7px;border:0;border-radius:8px;background:transparent;text-align:left}
.cc-node-search-thumb{display:flex;align-items:center;justify-content:center;position:relative;flex:none;width:56px;height:52px;overflow:hidden;border:1px solid #8c9ead24;border-radius:7px;background:#8c9ead0e;color:var(--muted,#9ba8b8);font-size:23px}
.cc-node-search-thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:var(--bg,#15181d)}
.cc-node-search-thumb.has-image>span{visibility:hidden}
.cc-node-search-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
.cc-node-search-title{display:flex;align-items:baseline;gap:8px;min-width:0}
.cc-node-search-title b{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-node-search-number{flex:none;font-size:11px;color:var(--muted,#9ba8b8);font-variant-numeric:tabular-nums}
.cc-node-search-type{font-size:11px;color:var(--muted,#9ba8b8)}
.cc-node-search-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.65}
.cc-node-search .cc-node-search-reference{flex:none;align-self:center;margin-right:7px;padding:6px 8px;white-space:nowrap;background:transparent;border:1px solid #8c9ead30;border-radius:7px;font-size:11px;color:var(--muted,#9ba8b8)}
.cc-node-search .cc-node-search-reference:hover{border-color:#5793d877;color:var(--text,#e8edf4);background:#4386d310}
.cc-node-search footer{margin-top:10px;padding:11px 22px 15px;border-top:1px solid #8c9ead26;color:var(--muted,#9ba8b8)}
.cc-node-search footer p{margin:0;font-size:11px;line-height:1.7}
.cc-node-search footer p+p{margin-top:3px;font-size:10px;opacity:.8}
.cc-node-search-empty{margin:25px 10px;text-align:center;color:var(--muted,#9ba8b8);font-size:12px}
.cc [data-cc=node-search]{min-width:36px;font-size:15px}
.cc [data-cc=node-search]:focus-visible,.cc-node-search button:focus-visible{outline:2px solid #438ae8;outline-offset:-2px}
@media(max-width:450px){.cc-node-search{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:14px}.cc-node-search header{padding:16px 14px 12px}.cc-node-search-field{margin:0 14px}.cc-node-search-summary{padding:11px 14px 8px}.cc-node-search-summary>span:last-child{display:none}.cc-node-search-results{padding:0 7px;max-height:calc(100dvh - 260px)}.cc-node-search-row{gap:3px;margin:0}.cc-node-search .cc-node-search-locate{gap:8px;padding:10px 5px}.cc-node-search-thumb{width:42px;height:44px}.cc-node-search .cc-node-search-reference{font-size:10px;padding:6px 5px;margin-right:4px}.cc-node-search footer{padding:10px 14px 12px}.cc-node-search footer p{font-size:10px}}


.cc-utility-panel.cc-node-search.cc-utility-panel.cc-node-search{--cu-text:#eceef2;--cu-muted:#a4a8b1;--cu-line:#d7dce41c;--cu-field:#090b1029;--cu-card:#ffffff06;--cu-blue:#91baff;--cu-popover:#27292f;--text:var(--cu-text);--muted:var(--cu-muted);box-sizing:border-box;position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;z-index:2300!important;width:min(660px,calc(100vw - 32px));height:fit-content;min-height:0;max-height:calc(100dvh - 48px);padding:0!important;overflow:hidden;border:1px solid #e8efff2b!important;border-radius:22px!important;background:linear-gradient(145deg,#2b2d33e3,#1c1e24ed)!important;color:var(--cu-text)!important;box-shadow:0 24px 72px #00000045,inset 0 1px 0 #ffffff17!important;font:13px/1.65 "Microsoft YaHei","Segoe UI",sans-serif;backdrop-filter:blur(16px) saturate(1.05)!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;outline:0}
[data-theme=light] .cc-utility-panel.cc-node-search.cc-utility-panel.cc-node-search{--cu-text:#18253e;--cu-muted:#6b7d94;--cu-line:#7292c426;--cu-field:#ffffff69;--cu-card:#ffffff65;--cu-blue:#1768e4;--cu-popover:#f7faff;border-color:#ffffffec!important;background:linear-gradient(145deg,#ffffffe0,#f5f9ffed)!important;box-shadow:0 22px 64px #4a85bd2b,0 3px 14px #568ed113,inset 0 1px 0 #fff!important}
.cc-utility-panel.cc-node-search.cc-utility-panel.cc-node-search::backdrop{background:transparent!important;backdrop-filter:none!important}
.cc-utility-panel.cc-node-search *{box-sizing:border-box}
.cc-utility-panel.cc-node-search>header{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 17px!important;margin:0!important;border-bottom:1px solid var(--cu-line);background:transparent!important}
.cc-utility-panel.cc-node-search>header>div::before{content:"小象素 · 创作工具";display:block;margin-bottom:6px;font-size:10px;letter-spacing:.12em;color:var(--cu-blue)}
.cc-utility-panel.cc-node-search>header h3,.cc-utility-panel.cc-node-search>header strong{display:block;margin:0!important;font-size:19px!important;font-weight:600;line-height:1.45;letter-spacing:.03em;color:var(--cu-text)}
.cc-utility-panel.cc-node-search>header p{margin:5px 0 0!important;font-size:12px!important;color:var(--cu-muted)!important;opacity:1!important}
.cc-utility-panel.cc-node-search button,.cc-utility-panel.cc-node-search a{font:inherit;cursor:pointer}
.cc-utility-panel.cc-node-search>header>button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:var(--cu-muted)!important;font-size:23px!important;line-height:1}
.cc-utility-panel.cc-node-search>header>button:hover{background:var(--cu-card)!important;border-color:var(--cu-line)!important;color:var(--cu-text)!important}
.cc-utility-panel.cc-node-search .cc-node-search-field{margin-top:16px;background:var(--cu-field);border-color:var(--cu-line)}
.cc-utility-panel.cc-node-search.cc-node-search>header{padding:14px 22px 10px!important;min-height:54px;border-bottom:0}
.cc-utility-panel.cc-node-search.cc-node-search>header>div{display:flex;align-items:center;gap:10px;min-width:0}
.cc-utility-panel.cc-node-search.cc-node-search>header>div::before{display:none}
.cc-utility-panel.cc-node-search.cc-node-search>header strong{flex:none;font-size:17px!important}
.cc-utility-panel.cc-node-search.cc-node-search>header p{margin:0!important;font-size:11px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-utility-panel.cc-node-search.cc-node-search .cc-node-search-field{margin-top:0}
.cc-utility-panel.cc-node-search.cc-node-search .cc-node-search-field input{height:36px}
.cc-utility-panel.cc-node-search.cc-node-search .cc-node-search-summary{padding:8px 22px 6px}
.cc-utility-panel.cc-node-search .cc-node-search-thumb{width:84px;height:64px;background:var(--cu-field);border-color:var(--cu-line);border-radius:9px}
.cc-utility-panel.cc-node-search .cc-node-search-thumb img{background:transparent}
.cc-utility-panel.cc-node-search .cc-node-search-row{border-color:var(--cu-line)}
.cc-utility-panel.cc-node-search .cc-node-search-row:first-child{border-color:transparent}
.cc-utility-panel.cc-node-search .cc-node-search-reference{border-color:var(--cu-line)}
.cc-utility-panel.cc-node-search .cc-node-search-results{max-height:min(400px,calc(100dvh - 318px))}
.cc-utility-panel.cc-node-search footer{background:transparent}
@media(max-width:600px){.cc-utility-panel.cc-node-search{width:calc(100vw - 24px);max-height:calc(100dvh - 28px);border-radius:16px!important}.cc-utility-panel.cc-node-search>header{padding:14px 17px 10px!important}.cc-utility-panel.cc-node-search .cc-node-search-results{max-height:calc(100dvh - 318px)}.cc-utility-panel.cc-node-search .cc-node-search-thumb{width:64px;height:52px}}
/* One outline, independent halo. Match the image card's 1px / 10px geometry.
   Keep ports outside the node clickable; never scale the node for selection. */
html:root body #main .cc .cc-node[data-node]{
  --cc-outline-radius:10px;
  --cc-outline-ink:var(--accent,#40baff);
  border-width:1px!important;border-style:solid!important;
  border-radius:var(--cc-outline-radius)!important;
  outline:none!important;
  box-shadow:0 8px 24px #0003!important;
  transition:border-color .16s ease!important;
}
html:root body #main .cc .cc-node[data-node].selected{border-color:var(--cc-outline-ink)!important}
html:root body #main .cc .cc-node[data-node]::after{
  content:"";display:block;position:absolute;inset:-1px;
  box-sizing:border-box;border:0;border-radius:inherit;
  background:transparent;pointer-events:none;opacity:0;
  box-shadow:0 0 28px 5px color-mix(in srgb,var(--cc-outline-ink) 0%,transparent),0 0 8px 2px color-mix(in srgb,var(--cc-outline-ink) 0%,transparent);
  transition:box-shadow .24s ease-out,opacity .24s ease-out;
}
html:root body #main .cc .cc-node[data-node].selected::after{
  opacity:1;
  box-shadow:0 0 12px 0 color-mix(in srgb,var(--cc-outline-ink) 26%,transparent),0 0 3px 0 color-mix(in srgb,var(--cc-outline-ink) 18%,transparent);
}
/* Remove the legacy category top stripe and the second inset highlight. */
html:root body #main .cc .cc-node:is(.type-prompt,.type-note,.type-camera,.type-lighting)>header{
  border-top:0!important;box-shadow:none!important;
  border-radius:calc(var(--cc-outline-radius) - 1px) calc(var(--cc-outline-radius) - 1px) 0 0!important;
}
html:root body #main .cc .cc-node[data-node]:focus-visible:not(.selected){outline:1px dashed var(--cc-outline-ink)!important;outline-offset:3px}
html:root[data-canvas-appearance="studio-gray"] body #main .cc .cc-node[data-node]{--cc-outline-radius:2px;--cc-outline-ink:#e8d747}
@media(prefers-reduced-motion:reduce){
  html:root body #main .cc .cc-node[data-node],html:root body #main .cc .cc-node[data-node]::after{transition:none!important}
}