:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--secondary:#10b981;--secondary-dark:#059669;--error:#ef4444;--error-light:#fee2e2;--warning:#f59e0b;--warning-light:#fef3c7;--success:#10b981;--success-light:#d1fae5;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:var(--gray-900);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg);margin:0 auto}.hero-section{text-align:center;padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-xl)}.hero-title{margin:0 0 var(--spacing-md) 0;background:linear-gradient(135deg,#fff 0%,#f3f4f6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.hero-subtitle{color:#ffffffe6;margin:0;font-size:1.25rem;font-weight:400}.content-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);background:#fff}.section-title{color:var(--gray-900);margin:0 0 var(--spacing-lg) 0;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;display:flex}.section-title:before{content:"";background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:2px;width:4px;height:1.5rem}.steps-section{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.steps-title{color:var(--gray-900);margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:600}.steps-list{padding-left:var(--spacing-lg);color:var(--gray-700);margin:0;line-height:1.8}.steps-list li{margin-bottom:var(--spacing-sm)}.steps-list li strong{color:var(--primary);font-weight:600}.plugin-grid{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.plugin-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);gap:var(--spacing-md);background:#fff;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.plugin-card:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.plugin-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plugin-card:hover:before{opacity:1}.plugin-logo{text-align:center;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 2px 4px #0000001a);font-size:3.5rem}.plugin-info{text-align:center;flex:1}.plugin-name{margin:0 0 var(--spacing-sm) 0;color:var(--gray-900);font-size:1.375rem;font-weight:700}.plugin-description{color:var(--gray-600);margin:0;font-size:.9375rem;line-height:1.6}.plugin-run-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;box-shadow:var(--shadow-sm);border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.plugin-run-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.plugin-run-btn:active:not(:disabled){transform:translateY(0)}.plugin-run-btn:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.6;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.plugin-progress{padding:0 var(--spacing-xs)}.plugin-progress-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.plugin-progress-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:3px;min-width:2%;height:100%;transition:width .4s}.plugin-progress-text{color:var(--gray-500);margin-top:var(--spacing-xs);text-align:center;font-size:.8125rem}.checks-section{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.checks-title{color:var(--gray-900);margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:600}.check-item{margin:var(--spacing-sm) 0;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--gray-200);align-items:center;gap:var(--spacing-sm);background:#fff;transition:all .2s;display:flex}.check-item.checking{border-color:var(--primary-light);background:#eff6ff}.check-item.success{background:var(--success-light);border-color:var(--secondary)}.check-item.error{background:var(--error-light);border-color:var(--error)}.status{margin-left:auto;font-weight:600}.status.checking{color:var(--primary)}.status.success{color:var(--secondary)}.status.error{color:var(--error)}.warning-box{background:var(--warning-light);border:2px solid var(--warning);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.warning-box h3{color:#92400e;align-items:center;gap:var(--spacing-sm);margin-top:0;display:flex}.console-section{margin:var(--spacing-xl) 0;border-radius:var(--radius-lg);background:var(--gray-900);box-shadow:var(--shadow-lg);overflow:hidden}.console-header{background:var(--gray-800);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gray-700);justify-content:space-between;align-items:center;display:flex}.console-title{align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;display:flex}.console-title:before{content:"⚡";font-size:1.125rem}.console-output{max-height:350px;padding:var(--spacing-md);color:#d4d4d4;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.8125rem;line-height:1.6;overflow-y:auto}.console-output::-webkit-scrollbar{width:8px}.console-output::-webkit-scrollbar-track{background:var(--gray-800)}.console-output::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px}.console-output::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.console-entry{white-space:pre-wrap;word-break:break-word;gap:var(--spacing-sm);margin:.375rem 0;line-height:1.6;display:flex}.console-entry.info{color:#60a5fa}.console-entry.success{color:#34d399}.console-entry.error{color:#f87171}.console-entry.warning{color:#fbbf24}.console-timestamp{color:var(--gray-500);flex-shrink:0;font-size:.75rem}.console-message{color:inherit}.btn-console{background:var(--gray-700);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-console:hover{background:var(--gray-600)}.result{background:linear-gradient(135deg, var(--success-light) 0%, #d1fae5 100%);border:2px solid var(--secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:var(--shadow-sm);font-size:1.125rem}.result h3{color:var(--gray-900);margin-top:0;font-size:1.5rem;font-weight:700}.debug{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-lg) 0;white-space:pre-wrap;max-height:400px;color:var(--gray-800);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.8125rem;overflow-y:auto}@media (width<=768px){.app-container{padding:var(--spacing-lg) var(--spacing-md)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.content-card{padding:var(--spacing-lg)}.plugin-grid{grid-template-columns:1fr}.console-header{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-card{animation:.6s ease-out fadeIn}.plugin-card{animation:.6s ease-out backwards fadeIn}.plugin-card:first-child{animation-delay:.1s}.plugin-card:nth-child(2){animation-delay:.2s}.plugin-card:nth-child(3){animation-delay:.3s}.plugin-card:nth-child(4){animation-delay:.4s}.status-bar{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border-left:4px solid var(--secondary);background:#fff;transition:all .3s}.status-bar.status-issues{border-left-color:var(--warning)}.status-bar-content{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.status-indicator{align-items:center;gap:var(--spacing-sm);font-size:1.125rem;font-weight:600;display:flex}.status-icon{font-size:1.5rem}.status-items{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;display:flex}.status-badge{border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-700);padding:.375rem .75rem;font-size:.875rem;font-weight:500}.status-badge.ok{background:var(--success-light);color:var(--secondary-dark)}.status-badge.error{background:var(--error-light);color:var(--error)}.status-actions{gap:var(--spacing-sm);display:flex}.btn-recheck,.btn-details{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-recheck{background:var(--primary);color:#fff}.btn-recheck:hover{background:var(--primary-dark)}.btn-details{background:var(--gray-200);color:var(--gray-700);align-items:center;gap:.375rem;display:flex}.btn-details:hover,.btn-details.expanded{background:var(--gray-300)}.btn-details-icon{font-size:.625rem;transition:transform .2s}.status-details-content{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.status-help{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--gray-200);color:var(--gray-700);font-size:.875rem}.status-help>div{margin:var(--spacing-xs) 0}.status-help code{background:var(--gray-100);border-radius:var(--radius-sm);padding:.25rem .5rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.status-help a{color:var(--primary);font-weight:500;text-decoration:none}.status-help a:hover{text-decoration:underline}.collapsible-section{margin:var(--spacing-lg) 0;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.collapsible-header{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--gray-50);align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--gray-900);text-align:left;border:none;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.collapsible-header:hover{background:var(--gray-100)}.collapsible-icon{color:var(--gray-600);font-size:.75rem;transition:transform .2s}.collapsible-title{flex:1}.collapsible-content{padding:var(--spacing-lg);animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-box{border:1px solid var(--primary-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);color:var(--primary-dark);background:#eff6ff;display:flex}.alert-icon{font-size:1.25rem}.info-content{color:var(--gray-700);line-height:1.7}.info-content p{margin:var(--spacing-sm) 0}.info-content p:first-child{margin-top:0}.info-content p:last-child{margin-bottom:0}.collapsible-content .steps-list{padding-left:var(--spacing-xl);margin:0}.plugin-card--completed{border-color:var(--secondary);background:linear-gradient(135deg,#f0fdf4 0%,#fff 30%)}.plugin-card--completed:before{opacity:1;background:linear-gradient(90deg, var(--secondary) 0%, var(--success-light) 100%)}.plugin-card--error{background:linear-gradient(135deg,#fef2f2 0%,#fff 30%);border-color:#ef4444}.plugin-card--error:before{opacity:1;background:linear-gradient(90deg,#ef4444 0%,#fecaca 100%)}.plugin-badge.plugin-badge--error{color:#991b1b;background:#fee2e2}.plugin-result--error .plugin-result-title{color:#991b1b}.plugin-result--error .plugin-result-content{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.plugin-header{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.plugin-badge{background:var(--success-light);color:var(--secondary-dark);border-radius:var(--radius-sm);margin-left:var(--spacing-sm);vertical-align:middle;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.plugin-result{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.plugin-result-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.plugin-result-title{color:var(--secondary-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.plugin-result-content{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--gray-800);font-size:.9375rem;line-height:1.6}.plugin-result-content strong{color:var(--primary-dark)}.plugin-raw-toggle{color:var(--gray-500);cursor:pointer;padding:var(--spacing-xs) 0;margin-top:var(--spacing-sm);background:0 0;border:none;font-size:.8125rem;transition:color .2s}.plugin-raw-toggle:hover{color:var(--primary)}.plugin-raw-data{background:var(--gray-800);color:var(--gray-100);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm);max-height:300px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;overflow:auto}.section-subtitle{color:var(--gray-600);margin:-.5rem 0 var(--spacing-lg) 0;font-size:1rem}.plugin-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.plugin-actions .plugin-run-btn{flex:1}.plugin-source-btn{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.plugin-source-btn:hover{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-800);text-decoration:none}.how-it-works{border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);background:#fff}.how-it-works-title{text-align:center;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;font-weight:700}.how-it-works-subtitle{text-align:center;color:var(--gray-600);margin:0 0 var(--spacing-xl) 0;font-size:1rem}.steps-container{justify-content:center;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.step{text-align:center;min-width:200px;max-width:280px;padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-lg);flex:1;position:relative}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.step-icon{margin-bottom:var(--spacing-sm);font-size:2.5rem}.step-title{color:var(--gray-900);margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:600}.step-description{color:var(--gray-600);margin:0;font-size:.875rem;line-height:1.5}.step-arrow{color:var(--gray-400);align-items:center;padding-top:2rem;font-size:1.5rem;display:flex}@media (width<=768px){.step-arrow{display:none}.steps-container{flex-direction:column;align-items:center}.step{max-width:100%}}.how-it-works-note{margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--gray-50);border:1px solid var(--gray-200);border-left:3px solid var(--secondary);border-radius:var(--radius-sm);align-items:flex-start;gap:var(--spacing-sm);color:var(--gray-700);font-size:.875rem;line-height:1.5;display:flex}.note-icon{flex-shrink:0}.why-plugins{border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);background:#fff}.why-plugins-title{text-align:center;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;font-weight:700}.why-plugins-subtitle{text-align:center;color:var(--gray-600);margin:0 0 var(--spacing-xl) 0;font-size:1rem}.benefits-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.benefit-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:transform .2s,box-shadow .2s}.benefit-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.benefit-icon{margin-bottom:var(--spacing-sm);font-size:2.5rem}.benefit-title{color:var(--gray-900);margin:0 0 var(--spacing-sm) 0;font-size:1.125rem;font-weight:600}.benefit-description{color:var(--gray-600);margin:0;font-size:.9375rem;line-height:1.6}.build-your-own{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{color:#fff;margin:0 0 var(--spacing-md) 0;font-size:1.75rem;font-weight:700}.cta-description{color:#ffffffe6;margin:0 0 var(--spacing-xl) 0;font-size:1.125rem;line-height:1.6}.cta-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center;display:flex}.cta-btn{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);padding:1rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-btn-primary{color:var(--primary-dark);background:#fff}.cta-btn-primary:hover{background:var(--gray-100);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cta-btn-secondary{color:#fff;background:#ffffff26;border:2px solid #ffffff4d}.cta-btn-secondary:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.cta-resources{border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left;background:#ffffff1a}.cta-resources-title{color:#fffc;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md) 0;font-size:.875rem;font-weight:600}.cta-resources-list{margin:0;padding:0;list-style:none}.cta-resources-list li{padding:var(--spacing-sm) 0;border-bottom:1px solid #ffffff1a}.cta-resources-list li:last-child{border-bottom:none}.cta-resources-list a{color:#fff;font-weight:500;text-decoration:none}.cta-resources-list a:hover{text-decoration:underline}.resource-desc{color:#ffffffb3;font-size:.875rem}.app-footer{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl);color:#ffffffb3;flex-direction:column;font-size:.875rem;display:flex}.app-footer-row{align-items:center;gap:var(--spacing-lg);display:flex}.footer-link{color:#ffffffe6;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff;text-decoration:underline}.footer-version{color:#fff9;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem}.footer-analytics{color:#fff6;text-align:center;max-width:480px;font-size:.75rem;line-height:1.4}