.example-panel[data-v-a9c6e2b4]{display:flex;flex-direction:column;height:100%;overflow:hidden}.example-search[data-v-a9c6e2b4]{border-bottom:1px solid var(--ds-border);flex-shrink:0;padding:8px 10px}.example-search-wrapper[data-v-a9c6e2b4]{align-items:center;display:flex;position:relative}.example-search-icon[data-v-a9c6e2b4]{color:var(--ds-text-muted);left:9px;pointer-events:none;position:absolute}.example-search-input[data-v-a9c6e2b4]{background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:var(--ds-radius);color:var(--ds-text);font-size:12px;height:30px;outline:none;padding:0 26px 0 28px;transition:border-color .16s,background .16s,box-shadow .16s;width:100%}.example-search-input[data-v-a9c6e2b4]::-moz-placeholder{color:var(--ds-text-muted)}.example-search-input[data-v-a9c6e2b4]::placeholder{color:var(--ds-text-muted)}.example-search-input[data-v-a9c6e2b4]:focus{background:var(--ds-surface);border-color:var(--ds-primary-ring);box-shadow:0 0 0 3px var(--ds-primary-soft)}.example-search-clear[data-v-a9c6e2b4]{color:var(--ds-text-muted);cursor:pointer;position:absolute;right:8px}.example-search-clear[data-v-a9c6e2b4]:hover{color:var(--ds-text-secondary)}.example-panel-body[data-v-a9c6e2b4]{flex:1;overflow-y:auto;padding:4px 0 12px}.example-category[data-v-a9c6e2b4]{margin-bottom:2px}.example-category-header[data-v-a9c6e2b4]{align-items:center;color:var(--ds-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:background .15s}.example-category-header[data-v-a9c6e2b4]:hover{background:var(--ds-surface-hover)}.example-category-icon[data-v-a9c6e2b4]{color:var(--ds-primary)}.example-category-count[data-v-a9c6e2b4]{background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);color:var(--ds-text-muted);font-size:10px;font-weight:600;padding:0 6px}.example-category-header .expand-icon[data-v-a9c6e2b4]{color:var(--ds-text-muted);margin-left:auto;transition:transform .2s}.example-category-header .expand-icon.collapsed[data-v-a9c6e2b4]{transform:rotate(-90deg)}.example-list[data-v-a9c6e2b4]{display:flex;flex-direction:column;gap:5px;padding:2px 10px 10px}.example-item[data-v-a9c6e2b4]{align-items:center;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);cursor:pointer;display:flex;gap:9px;padding:5px;position:relative;transition:border-color .16s,background .16s,box-shadow .16s}.example-item[data-v-a9c6e2b4]:hover{background:var(--ds-primary-soft);border-color:var(--ds-primary-ring);box-shadow:var(--ds-shadow-sm)}.example-item[data-v-a9c6e2b4]:active{transform:scale(.99)}.example-thumb[data-v-a9c6e2b4]{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);height:47px;min-width:62px;overflow:hidden;position:relative;width:62px}.example-thumb-cover[data-v-a9c6e2b4],.example-thumb-frame[data-v-a9c6e2b4]{top:0;right:0;bottom:0;left:0;position:absolute}.example-thumb-cover[data-v-a9c6e2b4]{overflow:hidden}.example-thumb-cover img[data-v-a9c6e2b4]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.example-thumb-pending[data-v-a9c6e2b4]{background:var(--ds-surface-subtle);color:var(--ds-text-muted);top:0;right:0;bottom:0;left:0}.example-thumb-add[data-v-a9c6e2b4],.example-thumb-pending[data-v-a9c6e2b4]{align-items:center;display:flex;justify-content:center;position:absolute}.example-thumb-add[data-v-a9c6e2b4]{background:var(--ds-primary);border-radius:50%;height:16px;opacity:0;right:3px;top:3px;transition:opacity .16s;width:16px;z-index:2}.example-item:hover .example-thumb-add[data-v-a9c6e2b4]{opacity:1}.example-item-info[data-v-a9c6e2b4]{flex:1;min-width:0}.example-item-name[data-v-a9c6e2b4]{align-items:center;color:var(--ds-text);display:flex;font-size:12px;font-weight:600;gap:4px;line-height:1.3}.example-item:hover .example-item-name[data-v-a9c6e2b4]{color:var(--ds-primary)}.example-item-name span[data-v-a9c6e2b4]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-item-icon[data-v-a9c6e2b4]{color:var(--ds-primary);flex-shrink:0}.example-item-desc[data-v-a9c6e2b4]{color:var(--ds-text-muted);display:-webkit-box;font-size:10.5px;line-height:1.35;margin-top:2px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.example-empty[data-v-a9c6e2b4]{align-items:center;color:var(--ds-text-muted);display:flex;flex-direction:column;justify-content:center;padding:32px 16px}.example-empty .v-icon[data-v-a9c6e2b4]{opacity:.45}.example-empty p[data-v-a9c6e2b4]{font-size:12px;margin-top:8px}.example-source-empty small[data-v-a9c6e2b4]{font-size:11px;line-height:1.5;margin-top:6px;opacity:.85;text-align:center}.example-preview-pop[data-v-a9c6e2b4]{animation:examplePopIn-a9c6e2b4 .16s ease both;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);padding:12px;pointer-events:none;position:fixed;width:252px;z-index:1600}@keyframes examplePopIn-a9c6e2b4{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.example-pop-head[data-v-a9c6e2b4]{align-items:center;display:flex;gap:6px;margin-bottom:9px}.example-pop-icon[data-v-a9c6e2b4]{color:var(--ds-primary);flex-shrink:0}.example-pop-title[data-v-a9c6e2b4]{color:var(--ds-text);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-pop-frame[data-v-a9c6e2b4]{background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:var(--ds-radius);padding:8px}.example-pop-canvas[data-v-a9c6e2b4]{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);height:0;overflow:hidden;position:relative;width:100%}.example-pop-canvas[data-v-a9c6e2b4]:after{background:linear-gradient(to bottom,transparent,var(--ds-surface));bottom:0;content:"";height:34px;left:0;pointer-events:none;position:absolute;right:0}.example-pop-loading[data-v-a9c6e2b4]{align-items:center;color:var(--ds-text-muted);display:flex;font-size:11.5px;gap:6px;height:300px;justify-content:center}.example-pop-desc[data-v-a9c6e2b4]{color:var(--ds-text-secondary);font-size:11.5px;line-height:1.5;margin-top:9px}.example-pop-hint[data-v-a9c6e2b4]{align-items:center;border-top:1px dashed var(--ds-border);color:var(--ds-text-muted);display:flex;font-size:10.5px;gap:4px;margin-top:6px;padding-top:6px}.mini-inner[data-v-a9c6e2b4]{container-type:inline-size;position:absolute}.mini-el[data-v-a9c6e2b4]{box-sizing:border-box;display:flex;font-family:inherit;line-height:1.15;overflow:hidden;position:absolute;white-space:nowrap}