#xh-template-library .xh-tpl-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;color:#b7c5db;font-size:12px}
#xh-template-library .xh-tpl-preview-toolbar>div{display:flex;gap:6px;flex:none}
#xh-template-library .xh-tpl-preview-toolbar button{padding:6px 10px;border-radius:6px;border:1px solid #425473;background:#202d42;color:#f2f6ff}
#xh-template-library .xh-tpl-canvas-preview{height:440px;overflow:auto;overscroll-behavior:contain;border:1px solid #33445e;border-radius:10px;background-color:#101823;background-image:radial-gradient(#354158 1px,transparent 1px);background-size:18px 18px;padding:16px;display:grid;place-items:start center}
#xh-template-library .xh-tpl-canvas-preview svg{flex:none;max-width:none!important;max-height:none!important}
#xh-template-library .xh-tpl-preview-edges path{stroke:#7e96bd;stroke-width:2.5;fill:none}
#xh-template-library .xh-tpl-preview-node{width:100%!important;height:100%!important;min-height:0!important;background:#202c40!important;border:2px solid #586d90!important;border-radius:10px!important;padding:14px!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:9px!important;overflow:hidden!important;font-family:"Microsoft YaHei",sans-serif!important;color:#f0f5ff!important}
#xh-template-library .xh-tpl-preview-node.is-selected{border-color:#87afff!important;background:#273e65!important}
#xh-template-library .xh-tpl-preview-node:focus-visible{outline:3px solid #b7d1ff!important;outline-offset:-4px!important}
#xh-template-library .xh-tpl-preview-node small{font-size:13px!important;color:#a9c5ed!important}
#xh-template-library .xh-tpl-preview-node strong{font-size:19px!important;line-height:1.4!important;color:#f6f8ff!important}
#xh-template-library .xh-tpl-preview-node p{font-size:13px!important;line-height:1.6!important;margin:0!important;color:#c2d0e5!important;overflow:hidden!important;flex:1!important}
#xh-template-library .xh-tpl-preview-node span{font-size:12px!important;color:#c3d4f0!important}
#xh-template-library .xh-tpl-node-inspector{margin:16px 0;border:1px solid #384966;border-radius:9px;background:#192337;padding:18px;color:#e3ebf9}
#xh-template-library .xh-tpl-node-inspector h4{font-size:16px;color:#f7faff;margin:0 0 12px}
#xh-template-library .xh-tpl-node-inspector p{white-space:pre-wrap;font-size:13px;line-height:1.8;color:#d5e1f1;margin:0 0 14px}
#xh-template-library .xh-tpl-node-inspector dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
#xh-template-library .xh-tpl-node-inspector dl>div{min-width:0;padding:9px 12px;background:#101b2d;border-radius:6px}
#xh-template-library .xh-tpl-node-inspector dt{font-size:11px;color:#a7bddc;margin-bottom:4px}
#xh-template-library .xh-tpl-node-inspector dd{font-size:13px;color:#f2f5fb;margin:0;overflow-wrap:anywhere}
@media(max-width:600px){#xh-template-library .xh-tpl-canvas-preview{height:330px;padding:8px}#xh-template-library .xh-tpl-preview-toolbar{align-items:flex-start;flex-direction:column}#xh-template-library .xh-tpl-node-inspector dl{grid-template-columns:1fr}}