.n8n-gallery-page{--n8n-bg:#ffffff;--n8n-card-bg:#f8f9fa;--n8n-card-border:#e1e4e8;--n8n-accent:#0969da;--n8n-accent-hover:#0757b8;--n8n-accent-soft:rgba(9, 105, 218, 0.1);--n8n-text-main:#24292f;--n8n-text-muted:#57606a;--n8n-success:#1a7f37;--n8n-success-soft:rgba(26, 127, 55, 0.1);--n8n-input-bg:#ffffff;--n8n-input-border:#d0d7de;--n8n-font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--n8n-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--n8n-vcs-color:#8250df;--n8n-vcs-bg:rgba(130, 80, 223, 0.1);--n8n-devops-color:#0969da;--n8n-devops-bg:rgba(9, 105, 218, 0.1);--n8n-automation-color:#bf8700;--n8n-automation-bg:rgba(191, 135, 0, 0.1);--n8n-beginner-color:#1a7f37;--n8n-beginner-bg:rgba(26, 127, 55, 0.1);--n8n-intermediate-color:#bf8700;--n8n-intermediate-bg:rgba(191, 135, 0, 0.1);--n8n-advanced-color:#cf222e;--n8n-advanced-bg:rgba(207, 34, 46, 0.1)}.n8n-gallery-header{text-align:center;margin-bottom:24px}.n8n-gallery-header h2{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--n8n-text-main)}.n8n-gallery-header p{margin:0;color:var(--n8n-text-muted);font-size:.95rem}.n8n-gallery-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:16px;background:var(--n8n-card-bg);border:1px solid var(--n8n-card-border);border-radius:10px}.n8n-gallery-search{flex:1;min-width:200px}.n8n-gallery-search input{width:100%;padding:10px 14px;font-size:.9rem;background:var(--n8n-input-bg);border:1px solid var(--n8n-input-border);border-radius:6px;color:var(--n8n-text-main);outline:none;transition:border-color .15s ease}.n8n-gallery-search input:focus{border-color:var(--n8n-accent)}.n8n-gallery-search input::placeholder{color:var(--n8n-text-muted)}.n8n-gallery-filter-group{display:flex;gap:8px}.n8n-gallery-select{padding:10px 32px 10px 14px;font-size:.9rem;background:var(--n8n-input-bg);border:1px solid var(--n8n-input-border);border-radius:6px;color:var(--n8n-text-main);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2357606a' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.n8n-gallery-select:focus{border-color:var(--n8n-accent)}.n8n-gallery-results{margin-bottom:16px;font-size:.85rem;color:var(--n8n-text-muted)}.n8n-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.n8n-gallery-card{background:var(--n8n-card-bg);border:1px solid var(--n8n-card-border);border-radius:12px;padding:20px;transition:all .2s ease;display:flex;flex-direction:column}.n8n-gallery-card:hover{border-color:var(--n8n-accent);box-shadow:0 4px 12px rgba(0,0,0,.1)}.n8n-gallery-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.n8n-gallery-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.n8n-gallery-card-icon svg{width:20px;height:20px}.n8n-gallery-card-icon.vcs{background:var(--n8n-vcs-bg);color:var(--n8n-vcs-color)}.n8n-gallery-card-icon.devops{background:var(--n8n-devops-bg);color:var(--n8n-devops-color)}.n8n-gallery-card-icon.automation{background:var(--n8n-automation-bg);color:var(--n8n-automation-color)}.n8n-gallery-card-title{margin:0;font-size:1rem;font-weight:600;color:var(--n8n-text-main);line-height:1.3}.n8n-gallery-card-description{flex:1;font-size:.9rem;color:var(--n8n-text-muted);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.n8n-gallery-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.n8n-gallery-tag{padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:999px;text-transform:capitalize}.n8n-gallery-tag.category{background:var(--n8n-accent-soft);color:var(--n8n-accent)}.n8n-gallery-tag.category.vcs{background:var(--n8n-vcs-bg);color:var(--n8n-vcs-color)}.n8n-gallery-tag.category.devops{background:var(--n8n-devops-bg);color:var(--n8n-devops-color)}.n8n-gallery-tag.category.automation{background:var(--n8n-automation-bg);color:var(--n8n-automation-color)}.n8n-gallery-tag.difficulty.beginner{background:var(--n8n-beginner-bg);color:var(--n8n-beginner-color)}.n8n-gallery-tag.difficulty.intermediate{background:var(--n8n-intermediate-bg);color:var(--n8n-intermediate-color)}.n8n-gallery-tag.difficulty.advanced{background:var(--n8n-advanced-bg);color:var(--n8n-advanced-color)}.n8n-gallery-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--n8n-card-border)}.n8n-gallery-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;text-decoration:none}.n8n-gallery-btn-icon{display:flex;align-items:center;justify-content:center}.n8n-gallery-btn-icon svg{width:14px;height:14px}.n8n-gallery-btn-primary,.n8n-gallery-page .tool-btn-primary{background:var(--n8n-accent);color:#fff;border-color:var(--n8n-accent)}.n8n-gallery-btn-primary:hover,.n8n-gallery-page .tool-btn-primary:hover{background:var(--n8n-accent-hover);border-color:var(--n8n-accent-hover)}.n8n-gallery-btn-secondary,.n8n-gallery-page .tool-btn-secondary{background:var(--n8n-accent-soft);color:var(--n8n-accent);border-color:transparent}.n8n-gallery-btn-secondary:hover,.n8n-gallery-page .tool-btn-secondary:hover{background:var(--n8n-accent);color:#fff}.n8n-gallery-btn-ghost{background:0 0;color:var(--n8n-text-muted);border-color:var(--n8n-card-border)}.n8n-gallery-btn-ghost:hover{background:var(--n8n-card-border);color:var(--n8n-text-main)}.n8n-gallery-btn-tutorial{margin-left:auto;background:0 0;color:var(--n8n-accent);border:none;padding:8px 0}.n8n-gallery-btn-tutorial:hover{text-decoration:underline}.n8n-gallery-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--n8n-text-muted)}.n8n-gallery-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.n8n-gallery-empty-text{font-size:1.1rem;margin-bottom:8px;color:var(--n8n-text-main)}.n8n-gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.n8n-gallery-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.n8n-gallery-modal-content{position:relative;width:100%;max-width:800px;max-height:85vh;background:var(--n8n-card-bg);border:1px solid var(--n8n-card-border);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}.n8n-gallery-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--n8n-card-border)}.n8n-gallery-modal-header h3{margin:0 0 8px;font-size:1.2rem;font-weight:600;color:var(--n8n-text-main)}.n8n-gallery-modal-meta{display:flex;gap:12px;flex-wrap:wrap}.n8n-gallery-modal-body{flex:1;padding:20px;overflow-y:auto}.n8n-gallery-modal-section{margin-bottom:20px}.n8n-gallery-modal-section:last-child{margin-bottom:0}.n8n-gallery-modal-section-title,.n8n-gallery-page .tool-section-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--n8n-text-muted);margin-bottom:8px}.n8n-gallery-modal-description{font-size:.95rem;color:var(--n8n-text-main);line-height:1.6}.n8n-gallery-modal-prereqs{list-style:none;padding:0;margin:0}.n8n-gallery-modal-prereqs li{padding:6px 0;padding-left:20px;position:relative;font-size:.9rem;color:var(--n8n-text-main)}.n8n-gallery-modal-prereqs li::before{content:"•";position:absolute;left:0;color:var(--n8n-accent)}.n8n-gallery-json-preview{background:var(--n8n-input-bg);border:1px solid var(--n8n-input-border);border-radius:8px;padding:16px;font-family:var(--n8n-font-mono);font-size:.8rem;color:var(--n8n-text-main);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.n8n-gallery-modal-footer{padding:16px 20px;border-top:1px solid var(--n8n-card-border);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.n8n-gallery-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:var(--n8n-text-main);color:#fff;border-radius:8px;font-size:.9rem;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1001;animation:slideIn .3s ease}.n8n-gallery-toast.success{background:var(--n8n-success)}.n8n-gallery-toast.error{background:#cf222e}@keyframes slideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.n8n-gallery-filters{flex-direction:column}.n8n-gallery-search{min-width:100%}.n8n-gallery-filter-group{width:100%}.n8n-gallery-select{flex:1}.n8n-gallery-grid{grid-template-columns:1fr}.n8n-gallery-card-actions{flex-direction:column}.n8n-gallery-btn-tutorial{margin-left:0}}