@import url(https://fonts.googleapis.com/css2?family=Jockey+One&display=swap);:root{--error:#ef4444;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--border-dark:#d1d5db;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body{background-color:#f9fafb;background-color:var(--gray-50)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .15s ease}button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:#6366f1;background:var(--primary)}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark)}.btn-secondary{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);color:#111827;color:var(--text-primary)}.btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--border-dark)}:root{--primary:#6366f1;--primary-dark:#4f46e5;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--white:#fff;--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;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--border:var(--gray-200)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.container{margin:0 auto;max-width:1200px;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:500;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#6366f1;background-color:var(--primary);border-color:#6366f1;border-color:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:#4f46e5;background-color:var(--primary-dark);border-color:#4f46e5;border-color:var(--primary-dark);color:#fff;color:var(--white)}.btn-outline{background-color:initial;border-color:#e5e7eb;border-color:var(--border);color:#111827}.btn-outline:hover:not(:disabled){background-color:#f9fafb;background-color:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.btn-lg{font-size:16px;padding:16px 32px}.btn-sm{font-size:14px;padding:8px 16px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0}p{line-height:1.6;margin:0}a{color:#6366f1;color:var(--primary);text-decoration:none;transition:color .15s ease}a:hover{color:#4f46e5;color:var(--primary-dark)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:40px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:40px}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.header{background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar{align-items:center;display:flex;justify-content:space-between;padding:16px 0;position:relative}.logo-link{color:inherit}.logo-link,.logo-link:hover{text-decoration:none}.nav-menu{align-items:center;display:flex;gap:32px}.nav-item{position:relative}.nav-link{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:4px;padding:8px 0;text-decoration:none;transition:color .15s ease}.nav-link:hover{color:var(--text-primary)}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:fadeInUp .2s ease;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px #0000001a;left:-20px;min-width:280px;padding:8px;position:absolute;top:100%;z-index:1000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:flex-start;border-radius:8px;color:var(--text-primary);display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .15s ease}.dropdown-item:hover{background:var(--gray-50);text-decoration:none}.item-icon{flex-shrink:0;font-size:20px;margin-top:2px}.dropdown-item div{flex:1 1}.dropdown-item strong{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.dropdown-item p{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.nav-actions{align-items:center;display:flex;gap:12px}.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:var(--white)!important}@media (max-width:1024px){.nav-menu{gap:24px}.dropdown-menu{left:-40px;min-width:260px}}@media (max-width:768px){.nav-menu{display:none}.nav-actions{gap:8px}.nav-actions .btn{font-size:14px;padding:8px 16px}}.logo{align-items:center;display:flex;justify-content:center}.logo-text{color:inherit;cursor:pointer;font-family:Jockey One,sans-serif;font-weight:400;letter-spacing:.02em;transition:color .3s ease,transform .3s ease;white-space:nowrap}.logo:hover .logo-text{transform:scale(1.05)}.logo-small .logo-text{font-size:2.5rem}.logo-medium .logo-text{font-size:3.5rem}.logo-large .logo-text{font-size:5rem}@media (max-width:768px){.logo-small .logo-text{font-size:2rem}.logo-medium .logo-text{font-size:2.5rem}.logo-large .logo-text{font-size:3.5rem}}.logo-small .logo-emoji{font-size:3rem}.logo-small .logo-image{height:135px;min-height:135px;min-width:135px;width:135px}.logo-medium .logo-emoji{font-size:3.75rem}.logo-medium .logo-image{height:180px;min-height:180px;min-width:180px;width:180px}.logo-large .logo-emoji{font-size:4.5rem}.logo-large .logo-image{height:270px;min-height:270px;min-width:270px;width:270px}.logo-fallback{align-items:center;display:flex;font-size:inherit;justify-content:center}.hero{background:radial-gradient(circle at center,#6366f108 0,#0000 70%);overflow:hidden;padding:160px 0 120px;position:relative;text-align:center}.hero:before{background:linear-gradient(135deg,#6366f105,#8b5cf605);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-title{color:var(--text-primary);font-size:72px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 auto 32px;max-width:900px;position:relative}.hero-subtitle-line{animation:fadeSlideUp .6s ease .3s forwards;font-size:56px;font-weight:700;line-height:1.2;margin-top:16px}.gradient-text,.hero-subtitle-line{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,#6366f1 50%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;opacity:0}.gradient-text{animation:fadeSlideUp .6s ease forwards}.hero-subtitle{animation:fadeSlideUp .6s ease .6s forwards;color:var(--text-secondary);font-size:22px;line-height:1.6;margin:0 auto 48px;max-width:600px;opacity:0}.hero-actions{animation:fadeSlideUp .6s ease .9s forwards;display:flex;gap:20px;justify-content:center;opacity:0}.btn{border-radius:12px;font-size:18px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.btn:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateY(-100%);transition:transform .3s ease;width:100%}.btn:hover:before{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);border:none;box-shadow:0 8px 24px #6366f133;color:#fff}.btn-primary:hover{box-shadow:0 12px 32px #6366f14d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #6366f133;color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{padding:120px 0 80px}.hero-title{font-size:42px;margin-bottom:24px}.hero-subtitle-line{font-size:32px;margin-top:12px}.hero-subtitle{font-size:18px;margin-bottom:36px;padding:0 24px}.hero-actions{flex-direction:column;gap:16px;padding:0 24px}.btn{font-size:16px;padding:14px 24px;width:100%}}.features{padding:120px 0}.section-header{margin-bottom:80px;text-align:center}.section-header h2{color:var(--text-primary);font-size:48px;font-weight:700;letter-spacing:-.025em;margin-bottom:16px}.section-header p{color:var(--text-secondary);font-size:20px;line-height:1.5;margin:0 auto;max-width:480px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .2s ease}.feature-card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-4px)}.feature-icon{display:block;font-size:32px;margin-bottom:20px}.feature-card h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}@media (max-width:768px){.features{padding:80px 0}.section-header{margin-bottom:60px}.section-header h2{font-size:32px}.section-header p{font-size:18px}.features-grid{gap:24px;grid-template-columns:1fr}.feature-card{padding:24px}}.playground{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px 10px}@media (min-width:768px){.playground{padding:40px 20px}}.playground-header{color:#fff;margin-bottom:32px;text-align:center}@media (min-width:768px){.playground-header{margin-bottom:48px}}.playground-header h2{font-size:2rem;font-weight:700;margin-bottom:12px;text-shadow:0 4px 6px #0000001a}@media (min-width:768px){.playground-header h2{font-size:3rem;margin-bottom:16px}}.playground-header p{font-size:1rem;font-weight:400;margin:0;opacity:.9}@media (min-width:768px){.playground-header p{font-size:1.25rem}}.input-section{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);margin:0 auto 24px;max-width:1200px;padding:20px}@media (min-width:768px){.input-section{border-radius:16px;margin-bottom:40px;padding:40px}}.description-input{margin-bottom:24px}@media (min-width:768px){.description-input{margin-bottom:32px}}.description-input label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:8px}@media (min-width:768px){.description-input label{font-size:1.1rem}}.description-input textarea{border:2px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}@media (min-width:768px){.description-input textarea{font-size:16px;min-height:120px}}.description-input textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.examples-section{margin-bottom:24px}@media (min-width:768px){.examples-section{margin-bottom:32px}}.examples-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}@media (min-width:768px){.examples-section h4{font-size:1.1rem;margin-bottom:16px}}.examples-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}@media (min-width:480px){.examples-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.examples-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}.example-button{background:var(--gray-50);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;line-height:1.3;padding:8px 12px;text-align:left;transition:all .2s ease}@media (min-width:768px){.example-button{border-radius:8px;font-size:14px;padding:12px 16px}}.example-button:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.example-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.generate-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:8px;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}@media (min-width:768px){.generate-button{border-radius:12px;font-size:18px;padding:16px 32px}}.generate-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.generate-button.loading{opacity:.8}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:1200px;padding:12px 16px}.results-section{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;overflow:hidden}@media (min-width:768px){.results-section{border-radius:16px}}.tabs{background:var(--gray-50);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tab{flex:1 1;font-size:14px;min-width:120px;padding:12px 16px;transition:all .2s ease}@media (min-width:768px){.tab{font-size:16px;padding:16px 24px}}.tab.active,.tab:hover{background:#6366f10d}.tab-content{padding:16px}@media (min-width:768px){.tab-content{padding:24px}}.result-panel{color:var(--text-primary)}.no-content{color:var(--text-secondary);font-style:italic;padding:32px;text-align:center}@media (min-width:768px){.no-content{padding:48px}}.playground-container{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-top:64px}.playground-input{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:40px}.playground-input label{color:var(--text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:12px}.playground-input textarea{border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:15px;line-height:1.5;margin-bottom:24px;min-height:120px;padding:16px;resize:vertical;transition:border-color .15s ease;width:100%}.playground-input textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.playground-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.playground-actions .btn,.sandbox-info{align-items:center;display:flex;gap:8px}.sandbox-info{color:var(--text-tertiary);font-size:14px}.examples-list{display:flex;flex-direction:column;gap:8px}.example-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1.4;padding:12px 16px;text-align:left;transition:all .15s ease}.example-btn:hover{background-color:var(--gray-50);border-color:var(--primary);color:var(--text-primary)}.playground-output{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden}.output-tabs{border-bottom:1px solid var(--border);display:flex}.tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:16px 24px;transition:all .15s ease}.tab:hover{background-color:var(--gray-50);color:var(--text-primary)}.tab.active{background-color:var(--white);border-bottom-color:var(--primary);color:var(--primary)}.output-content{min-height:400px;padding:40px}.empty-state{color:var(--text-tertiary);padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;margin:0}.empty-state small{display:block;font-size:14px;margin-top:8px;opacity:.7}.error-state{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:24px}.error-state h4{font-size:16px;font-weight:600;margin:0 0 12px}.error-state pre{font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.success-state{color:var(--success);padding:40px 20px;text-align:center}.success-icon{display:block;font-size:32px;margin-bottom:12px}.success-state p{font-size:16px;font-weight:500;margin:0}.code-block{background-color:#f8fafc;border:1px solid var(--border);border-radius:8px;overflow-x:auto}.code-block pre{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:0;padding:20px}.result-section{margin-bottom:24px}.result-section:last-child{margin-bottom:0}.result-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.result-section pre{background-color:#f8fafc;border:1px solid var(--border);border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.dependencies-list h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.packages{display:flex;flex-wrap:wrap;gap:8px}.package-tag{background-color:var(--primary);border-radius:20px;color:var(--white);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;padding:6px 12px}@media (max-width:768px){.playground{padding:80px 0}.playground-container{gap:24px;grid-template-columns:1fr;margin-top:48px}.playground-input,.playground-output{padding:24px}.output-content{min-height:300px;padding:24px}.playground-actions{align-items:stretch;flex-direction:column;gap:16px}.examples-list{max-height:200px;overflow-y:auto}}.api-section{margin-bottom:24px}.api-section h4{align-items:center;color:var(--primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.endpoint-info{background:var(--gray-50);border:2px solid var(--border);border-radius:12px;margin-top:12px;padding:20px}.endpoint-info p{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;margin:8px 0}.endpoint-info strong{color:var(--text-primary);font-weight:600}.endpoint-info code{background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--primary);font-weight:500;padding:4px 8px}.curl-section{margin-bottom:32px}.curl-section h4{align-items:center;color:var(--primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.curl-block{background:var(--gray-50);border:2px solid var(--border);border-radius:12px;margin:12px 0;overflow-x:auto;padding:20px}.curl-block pre{word-wrap:break-word;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.copy-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:8px;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:12px 20px;transition:all .2s ease}.copy-button:hover{background:linear-gradient(135deg,var(--primary-dark) 0,#3730a3 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.copy-button:active{box-shadow:var(--shadow);transform:translateY(0)}.usage-info{background:linear-gradient(135deg,#6366f11a,#4f46e50d);border:2px solid #6366f133;border-radius:12px;margin-top:24px;padding:24px}.usage-info h4{align-items:center;color:var(--primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.usage-info ul{margin:0;padding-left:20px}.usage-info li{color:var(--text-primary);line-height:1.6;margin-bottom:8px}.usage-info strong{color:var(--primary);font-weight:600}.result-panel{padding:1.5rem}.explanation{background:#f8f9fa;border-radius:6px;color:#666;font-size:14px;font-style:italic;margin-top:12px;padding:12px}.explanation h4{color:#155724;margin-bottom:.5rem}.explanation p{color:#155724;line-height:1.5;margin:0}.error-output{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem}.error-output h4{color:#721c24;margin-bottom:.5rem}.error-output pre{color:#721c24;margin:0}.output-section{margin-bottom:1.5rem}.output-section h4{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.output-section .output{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.output-section .output,.output-section .result{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.4;margin:0;overflow-x:auto;padding:1rem}.output-section .result{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:6px}.session-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:1rem;padding:1rem}.session-info h4{color:#856404;margin-bottom:.5rem}.session-info code{background:#fff;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:.25rem .5rem}.dependencies-section{margin-bottom:1.5rem}.dependencies-section h4{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.package-list{list-style:none;margin:.5rem 0;padding:0}.package-item{background:#e8f4f8;border:1px solid #bee5eb;border-radius:6px;display:inline-block;margin:.25rem .5rem .25rem 0;padding:.5rem 1rem}.package-item code{color:#0c5460;font-weight:500}.no-packages{color:#6c757d;font-style:italic;margin:.5rem 0}.installation-section{margin-top:1rem}.installation-section h4{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.installation-list{list-style:none;margin:.5rem 0;padding:0}.installation-item{border:1px solid;border-radius:6px;margin:.25rem 0;padding:.5rem 1rem}.installation-item.installed{background:#d4edda;border-color:#c3e6cb;color:#155724}.installation-item.failed{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.installation-item .status{font-weight:500;text-transform:capitalize}.installation-item .error{font-size:.9rem;font-style:italic;margin-top:.25rem}.pricing{background-color:var(--gray-50);padding:120px 0}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-left:auto;margin-right:auto;margin-top:64px;max-width:1200px}.pricing-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:40px 32px;position:relative;transition:all .2s ease}.pricing-card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-4px)}.pricing-card.popular{border-color:var(--primary);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{background:var(--primary);border-radius:20px;color:var(--white);font-size:12px;font-weight:600;left:50%;letter-spacing:.5px;padding:6px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:32px;text-align:center}.plan-header h3{color:var(--text-primary);font-size:24px;font-weight:600}.plan-header h3,.price{margin-bottom:16px}.price-amount{color:var(--text-primary);font-size:48px;font-weight:700;letter-spacing:-.025em}.price-period{font-weight:500}.plan-description,.price-period{color:var(--text-secondary);font-size:16px}.plan-description{margin:0}.features-list{list-style:none;margin:0 0 40px;padding:0}.features-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;line-height:1.5;padding:12px 0}.feature-check{color:var(--success);font-size:16px;font-weight:700;margin-right:12px}.pricing-card .btn{justify-content:center;width:100%}@media (max-width:768px){.pricing{padding:80px 0}.pricing-grid{gap:24px;grid-template-columns:1fr;margin-top:48px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}.pricing-card{padding:32px 24px}}.footer{background-color:var(--text-primary);color:var(--white);padding:80px 0 32px}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin-bottom:48px}.footer-section h4{color:var(--white);font-size:16px;font-weight:600;margin-bottom:20px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .15s ease}.footer-section ul li a:hover{color:var(--white)}.footer-brand{align-items:center;display:flex;font-size:18px;font-weight:600;margin-bottom:16px}.footer-brand .logo-icon{flex-shrink:0;margin-right:8px}.footer-brand .logo-icon[src]{filter:brightness(0) saturate(100%) invert(100%);height:20px;width:20px}.footer-brand .logo-icon:not([src]){font-size:20px}.footer-section p{color:#ffffffb3;line-height:1.6;margin-bottom:24px;max-width:300px}.social-links{display:flex;gap:16px}.social-links a{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;height:40px;justify-content:center;text-decoration:none;transition:background-color .15s ease;width:40px}.social-links a:hover{background-color:#fff3}.social-links a span{font-size:16px}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:32px}.footer-bottom p{color:#fff9;font-size:14px;margin:0}.footer-bottom-links{display:flex;gap:32px}.footer-bottom-links a{color:#fff9;font-size:14px;text-decoration:none;transition:color .15s ease}.footer-bottom-links a:hover{color:var(--white)}@media (max-width:768px){.footer{padding:60px 0 24px}.footer-content{gap:32px;grid-template-columns:1fr;margin-bottom:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-bottom-links{gap:24px}}.doc-page{background:var(--gray-50);min-height:100vh}.doc-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 0}.doc-hero{margin:0 auto;max-width:800px;text-align:center}.doc-icon{display:block;font-size:64px;margin-bottom:24px}.doc-hero h1{font-size:48px;font-weight:700;letter-spacing:-.025em;margin-bottom:16px}.doc-subtitle{font-size:20px;font-weight:400;margin:0;opacity:.9}.doc-content{padding:80px 0}.doc-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:40px;padding:40px}.doc-section h2{color:var(--primary);font-size:28px;font-weight:700;margin-bottom:16px}.doc-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:32px 0 16px}.doc-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.doc-section ul{margin:16px 0;padding-left:24px}.doc-section li{color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.doc-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:32px 0}.doc-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s ease}.doc-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.doc-card h4{align-items:center;color:var(--primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:12px}.doc-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.code-example{background:#f8fafc;border:1px solid var(--border);border-radius:8px;margin:20px 0;overflow-x:auto;padding:20px}.code-example pre{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.doc-header{padding:40px 0}.doc-icon{font-size:48px;margin-bottom:16px}.doc-hero h1{font-size:36px}.doc-subtitle{font-size:18px}.doc-content{padding:40px 0}.doc-section{margin-bottom:24px;padding:24px}.doc-grid{gap:16px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.90321d82.css.map*/