@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--primary-50: #faf5ff;--primary-100: #f3e8ff;--primary-200: #e9d5ff;--primary-300: #d8b4fe;--primary-400: #c084fc;--primary-500: #a855f7;--primary-600: #9333ea;--primary-700: #7c22ce;--primary-800: #6b21a8;--primary-900: #581c87;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-display: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 40px -10px var(--primary-500);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-display);background:var(--primary-50);color:var(--gray-900);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(147,51,234,.06) 0%,transparent 50%),linear-gradient(180deg,var(--primary-50) 0%,#fff 100%);z-index:-1}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--primary-100);z-index:100}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));transition:width var(--transition-slow);border-radius:0 var(--radius-full) var(--radius-full) 0}.step-indicators{position:fixed;left:0;right:0;display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);z-index:99;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.step-dot{width:28px;height:28px;border-radius:var(--radius-full);background:var(--gray-200);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--gray-500)}.step-dot.active{background:var(--primary-500);color:#fff}.step-dot.current{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 0 0 4px #8b5cf633}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-4) var(--space-16);max-width:1200px;margin:0 auto;width:100%}.app-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);font-size:.875rem;color:var(--gray-500);background:linear-gradient(to top,rgba(255,255,255,.9),transparent);pointer-events:none}.footer-logo{font-size:1.25rem}.admin-link{position:absolute;right:1rem;padding:.5rem 1rem;background:var(--gray-800);color:var(--gray-300);text-decoration:none;border-radius:6px;font-size:.8125rem;transition:all .2s;pointer-events:auto}.admin-link:hover{background:var(--gray-700);color:#fff}.step-container{width:100%;max-width:800px;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:var(--space-10)}.step-title{font-size:2rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-3);letter-spacing:-.025em}.step-subtitle{font-size:1.125rem;color:var(--gray-500);max-width:500px;margin:0 auto}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);width:100%}.selection-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.selection-card:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.selection-card.selected{border-color:var(--primary-600);background:var(--primary-50);box-shadow:var(--shadow-glow)}.selection-card .card-icon{width:56px;height:56px;background:var(--primary-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:var(--primary-600);transition:all var(--transition-base)}.selection-card:hover .card-icon,.selection-card.selected .card-icon{background:var(--primary-600);color:#fff}.selection-card .card-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2)}.selection-card .card-description{font-size:.9375rem;color:var(--gray-500);line-height:1.6}.selection-card .card-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--primary-600);color:#fff;font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);opacity:0;transform:scale(.8);transition:all var(--transition-base)}.selection-card.selected .card-badge{opacity:1;transform:scale(1)}.card-check{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;background:var(--primary-600);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.5);transition:all var(--transition-spring)}.selection-card.selected .card-check{opacity:1;transform:scale(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:.9375rem;font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-group{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-10);justify-content:center}.input-group{width:100%;max-width:400px;margin:0 auto}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-2)}.input-field{width:100%;padding:var(--space-4) var(--space-5);font-family:var(--font-display);font-size:1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;color:var(--gray-900);transition:all var(--transition-base)}.input-field:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #9333ea1a}.input-field::placeholder{color:var(--gray-400)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4);width:100%}.image-card{aspect-ratio:1;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);position:relative}.image-card:hover{border-color:var(--primary-300);transform:scale(1.02)}.image-card.selected{border-color:var(--primary-600);box-shadow:0 0 0 4px #9333ea33}.image-card img{width:100%;height:100%;object-fit:contain;padding:var(--space-3)}.image-card .card-check{top:var(--space-2);right:var(--space-2);width:20px;height:20px}.color-grid{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.color-swatch{width:80px;height:80px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;border:3px solid transparent}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--gray-900);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gray-900)}.color-swatch .card-check{top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0}.color-swatch.selected .card-check{transform:translate(-50%,-50%) scale(1);opacity:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:3px solid var(--primary-100);border-top-color:var(--primary-600);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--gray-500);font-size:.9375rem}.message-bubble{background:var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);font-size:.9375rem;color:var(--gray-700);max-width:500px;margin:var(--space-6) auto;text-align:center}.message-bubble.success{background:#10b9811a;color:#059669}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);width:100%}.summary-item{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--gray-200)}.summary-item-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:var(--space-2)}.summary-item-value{font-size:1rem;font-weight:500;color:var(--gray-900)}.preview-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--gray-200);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.preview-logo{max-width:120px;max-height:80px;object-fit:contain}.preview-color{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--gray-200)}.preview-products{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.preview-product{width:60px;height:60px;object-fit:contain;border-radius:var(--radius-sm);background:var(--gray-50)}@media(max-width:640px){.step-title{font-size:1.5rem}.step-subtitle{font-size:1rem}.cards-grid{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}.loading-formats,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--gray-500)}.loading-formats .spin{animation:spin 1s linear infinite}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all var(--transition-base);position:relative;overflow:hidden}.quick-action-card:hover{border-color:var(--primary-400);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #8b5cf626}.quick-action-card.design-own{background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border-color:var(--primary-200)}.quick-action-card.design-own:hover{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border-color:var(--primary-400)}.quick-action-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-600);flex-shrink:0}.quick-action-card.my-projects .quick-action-icon{background:var(--gray-100);color:var(--gray-600)}.quick-action-content h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-900)}.quick-action-content p{font-size:.8rem;color:var(--gray-500);margin:0}.sparkle-icon{position:absolute;right:1rem;color:var(--warning);opacity:.7}.section-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.section-divider span{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.formats-container{width:100%;max-width:900px;margin:0 auto}.format-category{margin-bottom:2rem}.category-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;padding-left:.25rem}.format-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.format-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:1rem}.format-card:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.format-card.selected{border-color:var(--primary-600);background:var(--primary-50);box-shadow:0 0 0 3px #8b5cf61a}.format-card-icon{width:44px;height:44px;background:var(--gray-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.format-card:hover .format-card-icon,.format-card.selected .format-card-icon{background:currentColor;color:#fff}.format-card:hover .format-card-icon svg,.format-card.selected .format-card-icon svg{color:#fff}.format-card-content{flex:1;min-width:0}.format-card-name{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin:0 0 .125rem}.format-card-desc{font-size:.75rem;color:var(--gray-500);margin:0 0 .375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format-card-dims{font-size:.75rem;font-family:var(--font-mono);color:var(--gray-500);background:var(--gray-100);padding:.125rem .5rem;border-radius:4px;display:inline-block}.format-card.selected .format-card-dims{background:var(--primary-100);color:var(--primary-700)}.format-card-ratio{position:absolute;top:.5rem;right:.5rem;font-size:.625rem;font-weight:600;color:var(--gray-400);background:var(--gray-100);padding:.125rem .375rem;border-radius:4px;opacity:0;transition:opacity .2s}.format-card:hover .format-card-ratio,.format-card.selected .format-card-ratio{opacity:1}.format-card.selected .format-card-ratio{background:var(--primary-600);color:#fff}.format-card-check{position:absolute;bottom:.5rem;right:.5rem;width:22px;height:22px;background:var(--primary-600);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}@media(max-width:640px){.format-cards-grid{grid-template-columns:1fr}.format-card{padding:1rem}}.template-generation .generation-loading,.template-generation .generation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.template-generation .generation-loading .spinner{color:#a855f7;margin-bottom:1.5rem}.template-generation .generation-loading h3,.template-generation .generation-error h3{margin:0 0 .5rem;font-size:1.5rem;color:#1f2937}.template-generation .generation-loading p,.template-generation .generation-error p{color:#6b7280;margin:0}.template-generation .generation-error svg{color:#ef4444;margin-bottom:1rem}.template-generation .generation-error .btn{margin-top:1.5rem}.template-generation .overall-progress{margin-bottom:2rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;display:flex;align-items:center;gap:1rem}.template-generation .overall-progress .progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.template-generation .overall-progress .progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#6366f1);border-radius:4px;transition:width .3s ease}.template-generation .overall-progress .progress-label{font-size:.875rem;font-weight:600;color:#7c3aed;white-space:nowrap}.template-generation .generated-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin:1.5rem 0 2rem}@media(max-width:500px){.template-generation .generated-previews{grid-template-columns:1fr}}.template-generation .preview-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:2px solid #e5e7eb;transition:all .2s ease}.template-generation .preview-card.generating{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.template-generation .preview-card.complete{border-color:#34d399}.template-generation .preview-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.template-generation .preview-title{display:flex;align-items:center;gap:.75rem}.template-generation .preview-title h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.template-generation .preview-dimensions{font-size:.75rem;color:#9ca3af;background:#e5e7eb;padding:.125rem .5rem;border-radius:4px}.template-generation .btn-icon{width:32px;height:32px;border:none;background:#e5e7eb;color:#6b7280;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.template-generation .btn-icon:hover{background:#a855f7;color:#fff}.template-generation .preview-progress{padding:.5rem 1rem;background:#eff6ff;border-bottom:1px solid #bfdbfe;display:flex;align-items:center;gap:.75rem}.template-generation .preview-progress .progress-bar{flex:1;height:4px;background:#dbeafe;border-radius:2px;overflow:hidden}.template-generation .preview-progress .progress-bar.small .progress-fill{height:100%;background:#3b82f6;border-radius:2px}.template-generation .preview-progress .progress-message{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#3b82f6;white-space:nowrap}.template-generation .preview-progress .spinner{animation:spin 1s linear infinite}.template-generation .preview-frame-container{position:relative;background:#f3f4f6;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.template-generation .preview-frame{border:none;display:block;background:#fff}.template-generation .preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#9ca3af;background:#f9fafb}.template-generation .preview-placeholder .spinner{color:#a855f7}.template-generation .generating-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#3b82f6;font-size:.875rem;font-weight:500;z-index:10}.template-generation .generating-overlay .spinner{color:#3b82f6}.template-generation .status-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;font-size:.75rem;font-weight:600}.template-generation .status-badge.success{background:#d1fae5;color:#065f46}.template-generation .status-badge.warning{background:#fef3c7;color:#92400e}.spinner{animation:spin 1s linear infinite}.media-manager{display:flex;flex-direction:column;height:100%;background:#1a1a2e;border-radius:12px;overflow:hidden}.media-manager-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#16162a;border-bottom:1px solid #2a2a4a}.media-manager-header h2{margin:0;font-size:1.25rem;color:#fff}.upload-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.upload-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.upload-btn:disabled{opacity:.7;cursor:not-allowed}.media-manager-filters{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#1e1e3a;border-bottom:1px solid #2a2a4a;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.85rem;color:#888}.filter-group select{padding:6px 12px;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer}.filter-group select:hover{border-color:#667eea}.view-toggle{margin-left:auto}.view-toggle button{padding:6px 10px;background:#2a2a4a;border:1px solid #3a3a5a;color:#888;cursor:pointer;transition:all .2s}.view-toggle button:first-child{border-radius:6px 0 0 6px}.view-toggle button:last-child{border-radius:0 6px 6px 0;border-left:none}.view-toggle button.active{background:#667eea;border-color:#667eea;color:#fff}.media-count{font-size:.85rem;color:#666}.media-error{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444}.media-error button{background:none;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;padding:0 4px}.media-content{flex:1;overflow:auto;padding:20px;position:relative}.media-content.drag-over{background:#667eea1a}.media-loading,.media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#666}.media-empty .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.media-empty .hint{font-size:.85rem;color:#555}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.media-grid .media-item{background:#2a2a4a;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent}.media-grid .media-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.media-grid .media-item.selected{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.media-grid .media-thumbnail{aspect-ratio:1;background:#1a1a2e;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.media-grid .media-thumbnail img{width:100%;height:100%;object-fit:cover}.media-grid .media-thumbnail video{width:100%;height:100%;object-fit:cover}.video-thumb{width:100%;height:100%;position:relative}.video-thumb .type-badge{position:absolute;bottom:8px;right:8px;background:#000000b3;padding:4px 8px;border-radius:4px;font-size:.75rem}.file-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.file-thumb .file-icon{font-size:2.5rem}.selection-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.media-grid .media-info{padding:12px}.media-grid .media-name{font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.media-grid .media-meta{font-size:.75rem;color:#666}.media-grid .media-actions{display:flex;justify-content:flex-end;gap:4px;padding:8px 12px;border-top:1px solid #3a3a5a;opacity:0;transition:opacity .2s}.media-grid .media-item:hover .media-actions{opacity:1}.media-list{display:flex;flex-direction:column;gap:8px}.media-list .media-item{display:flex;align-items:center;gap:12px;padding:12px;background:#2a2a4a;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.media-list .media-item:hover{background:#3a3a5a}.media-list .media-item.selected{border-color:#667eea}.media-list .media-thumbnail{width:48px;height:48px;border-radius:6px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.media-list .media-thumbnail img,.media-list .media-thumbnail video{width:100%;height:100%;object-fit:cover}.media-list .media-info{flex:1;min-width:0}.media-list .media-name{font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-list .media-meta{display:flex;gap:16px;font-size:.8rem;color:#666;margin-top:4px}.media-list .media-actions{display:flex;gap:4px}.action-btn{padding:6px 8px;background:#3a3a5a;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.85rem}.action-btn:hover{background:#4a4a6a}.action-btn.delete:hover{background:#ef44444d}.drop-overlay{position:absolute;inset:0;background:#667eea33;border:3px dashed #667eea;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:10}.drop-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:#667eea;font-size:1.25rem;font-weight:500}.drop-message .drop-icon{font-size:3rem}.media-selection-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#16162a;border-top:1px solid #2a2a4a}.media-selection-footer span{color:#888}.confirm-btn{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.media-preview-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.preview-content{max-width:90vw;max-height:90vh;background:#1a1a2e;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative}.preview-content .close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#00000080;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.preview-content .close-btn:hover{background:#000000b3}.preview-content img,.preview-content video{max-width:100%;max-height:60vh;object-fit:contain}.preview-content audio{width:100%;margin:40px 0}.preview-content .file-preview{padding:60px;display:flex;flex-direction:column;align-items:center;gap:16px}.preview-content .file-preview .file-icon{font-size:4rem}.preview-info{padding:20px;background:#16162a}.preview-info h3{margin:0 0 12px;color:#fff;word-break:break-all}.preview-info p{margin:0 0 16px;color:#888;font-size:.9rem;line-height:1.6}.preview-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-actions input{flex:1;min-width:200px;padding:8px 12px;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#fff;font-size:.85rem}.preview-actions button,.preview-actions a{padding:8px 16px;background:#3a3a5a;border:none;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;text-decoration:none;transition:background .2s}.preview-actions button:hover,.preview-actions a:hover{background:#4a4a6a}.media-picker{position:relative}.picker-preview{display:flex;align-items:center;gap:12px;padding:8px;background:#2a2a4a;border:2px dashed #3a3a5a;border-radius:8px;cursor:pointer;transition:all .2s}.picker-preview:hover{border-color:#667eea}.picker-preview img{width:60px;height:60px;object-fit:cover;border-radius:6px}.picker-preview .placeholder{color:#666;font-size:.9rem}.picker-preview .preview-url{flex:1;color:#888;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-preview .browse-btn{padding:6px 12px;background:#3a3a5a;border:none;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer}.picker-preview .browse-btn:hover{background:#4a4a6a}.media-picker .clear-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.picker-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.picker-modal-content{width:90vw;max-width:1000px;height:80vh;background:#1a1a2e;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.picker-modal-content .media-manager{flex:1;overflow:hidden}.picker-modal-content .cancel-btn{margin:16px;padding:12px 24px;background:#3a3a5a;border:none;border-radius:8px;color:#fff;cursor:pointer;align-self:flex-start}.picker-modal-content .cancel-btn:hover{background:#4a4a6a}@media(max-width:768px){.media-manager-filters{flex-direction:column;align-items:flex-start;gap:12px}.view-toggle{margin-left:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.preview-content{max-width:95vw}}.admin-layout{display:flex;min-height:100vh;background:var(--primary-50)}.admin-sidebar{width:260px;background:var(--primary-900);color:#fff;display:flex;flex-direction:column;transition:width .2s ease;position:fixed;top:0;left:0;bottom:0;z-index:100}.admin-sidebar.collapsed{width:70px}.admin-main{flex:1;margin-left:260px;padding:0;transition:margin-left .2s ease;min-height:100vh}.admin-sidebar.collapsed+.admin-main{margin-left:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--primary-800)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.1rem}.sidebar-logo svg{color:var(--primary-400)}.collapse-btn{background:var(--primary-800);border:none;color:var(--primary-300);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.collapse-btn:hover{background:var(--primary-700);color:#fff}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--primary-200);text-decoration:none;border-radius:8px;transition:all .2s;font-size:.9375rem}.nav-item:hover{background:var(--primary-800);color:#fff}.nav-item.active{background:var(--primary-600);color:#fff}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.admin-sidebar.collapsed .nav-item span{display:none}.sidebar-footer{padding:1rem;border-top:1px solid var(--primary-800)}.back-to-wizard{display:flex;align-items:center;gap:.5rem;color:var(--primary-200);text-decoration:none;font-size:.875rem;padding:.5rem;border-radius:6px;transition:all .2s}.back-to-wizard:hover{color:#fff;background:var(--primary-800)}.admin-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:600;color:var(--primary-900);margin:0 0 .25rem}.page-header p{color:var(--primary-600);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.purple{background:var(--primary-100);color:var(--primary-600)}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.green{background:#d1fae5;color:#059669}.stat-content{flex:1}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.stat-label{color:var(--gray-500);font-size:.875rem}.stat-link{width:100%;display:flex;align-items:center;gap:.25rem;color:var(--primary-600);text-decoration:none;font-size:.875rem;font-weight:500;padding-top:1rem;border-top:1px solid var(--gray-100);margin-top:.5rem}.stat-link:hover{color:var(--primary-700)}.section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.section h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--gray-900)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-all{color:var(--primary-600);text-decoration:none;font-size:.875rem;font-weight:500}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--gray-50);border-radius:10px;text-decoration:none;color:var(--gray-700);transition:all .2s;border:2px solid transparent}.action-card:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.templates-table{overflow-x:auto}.templates-table table{width:100%;border-collapse:collapse}.templates-table th,.templates-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-100)}.templates-table th{font-weight:500;color:var(--gray-500);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.templates-table td{color:var(--gray-700)}.template-name{font-weight:500;color:var(--gray-900)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--primary-100);color:var(--primary-700);border-radius:9999px;font-size:.75rem;font-weight:500}.badge.secondary{background:var(--gray-100);color:var(--gray-600)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--gray-500)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--gray-700)}.empty-state p{margin:0 0 1.5rem}.empty-state.small{padding:2rem}.empty-state.small svg{width:32px;height:32px}.loading-state{text-align:center;padding:3rem;color:var(--gray-500)}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:0 1rem;flex:1;min-width:200px}.search-input svg{color:var(--gray-400)}.search-input input{border:none;padding:.75rem 0;flex:1;outline:none;font-size:.9375rem}.filter-select{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:0 1rem}.filter-select svg{color:var(--gray-400)}.filter-select select{border:none;padding:.75rem 0;outline:none;background:transparent;font-size:.9375rem;cursor:pointer}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.template-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s;position:relative}.template-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.template-card.selected{box-shadow:0 0 0 2px #4f46e5,0 4px 12px #4f46e533}.template-preview{background:var(--gray-100);padding:1.5rem;display:flex;justify-content:center;align-items:center}.preview-placeholder{background:var(--gray-200);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--gray-500);font-size:.75rem}.template-info{padding:1rem 1.25rem}.template-info h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--gray-900)}.template-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.template-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{font-size:.6875rem;padding:.125rem .5rem;background:var(--gray-100);color:var(--gray-600);border-radius:4px}.template-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--gray-100);background:var(--gray-50)}.action-btn{background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:.5rem;cursor:pointer;color:var(--gray-600);transition:all .2s}.action-btn:hover{background:var(--gray-100);color:var(--gray-900)}.action-btn.danger:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.modal-header h2{margin:0;font-size:1.25rem}.close-btn{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem}.close-btn:hover{color:var(--gray-600)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-100);background:var(--gray-50)}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.9375rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-400)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100)}.btn-danger{background:#dc2626!important;color:#fff!important;cursor:pointer;border:none}.btn-danger:hover{background:#b91c1c!important}.btn-danger:active{background:#991b1b!important}.btn-lg{padding:1rem 1.5rem;font-size:1rem}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9375rem}.message.success{background:#d1fae5;color:#065f46}.message.error{background:#fee2e2;color:#991b1b}.text-muted{color:var(--gray-500);font-size:.875rem}.formats-sections{display:flex;flex-direction:column;gap:2rem}.format-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-700);margin:0 0 1rem;text-transform:capitalize}.formats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.format-card{border:1px solid var(--gray-200);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.format-preview{display:flex;justify-content:center;padding:1rem;background:var(--gray-50);border-radius:8px}.preview-box{background:var(--primary-100);border:2px dashed var(--primary-300);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;color:var(--primary-600);font-weight:500}.format-info h3{margin:0;font-size:.9375rem;font-weight:600}.format-info p{margin:.25rem 0 0;font-size:.8125rem;color:var(--gray-500)}.aspect-ratio{font-size:.75rem;color:var(--gray-400)}.format-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--gray-100)}.import-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:1024px){.import-layout{grid-template-columns:1fr}}.import-section h2{margin:0 0 1rem;font-size:1.125rem}.drop-zone{border:2px dashed var(--gray-300);border-radius:12px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--gray-500);transition:all .2s}.drop-zone.active,.drop-zone:hover{border-color:var(--primary-400);background:var(--primary-50)}.drop-zone.has-file{border-color:#10b981;background:#d1fae5}.drop-zone-success{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#065f46}.or{font-size:.8125rem;color:var(--gray-400)}.or-divider{text-align:center;margin:1.5rem 0;color:var(--gray-400);font-size:.875rem}.json-input{width:100%;padding:1rem;border:1px solid var(--gray-200);border-radius:8px;font-family:monospace;font-size:.8125rem;resize:vertical}.parse-error{display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.875rem;margin-top:.75rem}.template-preview-card{display:flex;flex-direction:column;gap:1rem}.preview-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.preview-header h3{margin:0}.preview-dimensions{color:var(--gray-500);font-size:.875rem}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat{text-align:center}.stat .stat-label{display:block;font-size:.75rem;color:var(--gray-500);margin-bottom:.25rem}.stat .stat-value{font-size:1rem;font-weight:600}.components-list{padding:1rem 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.components-list h4{margin:0 0 .5rem;font-size:.875rem;font-weight:500}.component-tags{display:flex;flex-wrap:wrap;gap:.375rem}.component-tag{font-size:.6875rem;padding:.25rem .5rem;background:var(--gray-100);border-radius:4px;color:var(--gray-600)}.import-settings h4{margin:0 0 1rem;font-size:.9375rem}.empty-preview{text-align:center;padding:3rem;color:var(--gray-400)}.empty-preview p{margin:1rem 0 0}.help-section{background:var(--gray-50);border-radius:12px;padding:1.5rem;margin-top:2rem}.help-section h3{margin:0 0 1rem;font-size:1rem}.code-block{background:var(--gray-900);color:#e5e5e5;padding:1rem;border-radius:8px;font-size:.8125rem;overflow-x:auto}.help-text{margin:1rem 0 0;font-size:.875rem;color:var(--gray-600)}.preview-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem}@media(max-width:1024px){.preview-layout{grid-template-columns:1fr}}.preview-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.preview-panel h2{margin:0 0 1.5rem;font-size:1.125rem}.color-input input[type=color]{width:48px;height:42px;padding:0;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer}.preview-thumbnail{margin-top:.5rem;padding:.5rem;background:var(--gray-100);border-radius:6px;display:inline-block}.preview-thumbnail img{max-height:40px;display:block}.product-input{display:flex;gap:.5rem;margin-bottom:.5rem}.product-input input{flex:1}.templates-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.template-preview-item{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.preview-box-wrapper{background:var(--gray-100);padding:1rem;display:flex;justify-content:center}.preview-box-content{border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.preview-logo{max-height:30px;max-width:60px}.preview-brand{font-size:.75rem;font-weight:600}.template-preview-info{padding:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.template-preview-info h4{margin:0;width:100%;font-size:.875rem}.generated-output{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.generated-output h3{margin:0 0 1rem}.output-info{background:var(--gray-50);padding:1rem;border-radius:8px;margin-bottom:1rem}.output-info p{margin:.25rem 0;font-size:.875rem}.json-output{background:var(--gray-900);color:#e5e5e5;padding:1rem;border-radius:8px;font-size:.75rem;max-height:300px;overflow:auto;margin-top:.5rem}details summary{cursor:pointer;color:var(--primary-600);font-size:.875rem}.settings-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-section h2{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem}.section-description{color:var(--gray-500);font-size:.875rem;margin:-.5rem 0 1rem}.health-card{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.health-status{display:flex;align-items:center;gap:.5rem;font-weight:600}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--gray-300)}.health-status.ok .status-indicator{background:#10b981}.health-status.error .status-indicator{background:#ef4444}.health-details{flex:1}.health-details p{margin:0;font-size:.875rem;color:var(--gray-600)}.env-vars-list{display:flex;flex-direction:column;gap:1rem}.env-var{padding:1rem;border:1px solid var(--gray-200);border-radius:8px}.env-var-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.env-var-info code{background:var(--gray-100);padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.required{font-size:.6875rem;padding:.125rem .375rem;background:#fee2e2;color:#dc2626;border-radius:4px}.optional{font-size:.6875rem;padding:.125rem .375rem;background:var(--gray-100);color:var(--gray-600);border-radius:4px}.env-var p{margin:0 0 .5rem;font-size:.875rem;color:var(--gray-600)}.env-var a{color:var(--primary-600);text-decoration:none;font-size:.8125rem;display:inline-flex;align-items:center;gap:.25rem}.env-var a:hover{text-decoration:underline}.endpoints-table{overflow-x:auto}.endpoints-table table{width:100%;border-collapse:collapse}.endpoints-table th,.endpoints-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-100)}.endpoints-table th{font-size:.75rem;text-transform:uppercase;color:var(--gray-500);font-weight:500}.method-badge{font-size:.6875rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.method-badge.get{background:#dbeafe;color:#1d4ed8}.method-badge.post{background:#d1fae5;color:#047857}.method-badge.put{background:#fef3c7;color:#b45309}.method-badge.delete{background:#fee2e2;color:#dc2626}.info-card{display:flex;gap:1rem;padding:1rem;border-radius:8px}.info-card.warning{background:#fef3c7;color:#92400e}.info-card h4{margin:0 0 .5rem}.info-card p{margin:0;font-size:.875rem}.info-card ul{margin:.5rem 0 0;padding-left:1.25rem}.info-card li{font-size:.875rem;margin:.25rem 0}.info-card a{color:inherit}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.admin-sidebar{width:70px}.admin-sidebar .sidebar-logo span,.admin-sidebar .nav-item span,.admin-sidebar .sidebar-footer{display:none}.admin-sidebar .nav-item{justify-content:center}.admin-main{margin-left:70px;padding:1rem}.page-header{flex-direction:column;gap:1rem}.stats-grid,.form-row{grid-template-columns:1fr}}.import-page .page-header p{color:var(--gray-500)}.import-page .page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.import-method-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--gray-100);border-radius:8px;font-size:.875rem}.import-method-toggle span{color:var(--gray-400);transition:color .2s}.import-method-toggle span.active{color:var(--gray-900);font-weight:600}.import-method-toggle .toggle-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--primary-500);display:flex;align-items:center;justify-content:center;transition:transform .2s}.import-method-toggle .toggle-btn:hover{transform:scale(1.1)}.import-mode-selector{display:flex;gap:.5rem}.import-mode-selector .mode-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;color:var(--gray-500);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.import-mode-selector .mode-btn:hover{background:var(--gray-200);color:var(--gray-700)}.import-mode-selector .mode-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.import-mode-selector .mode-btn.active:first-child{background:#10b981;border-color:#10b981}.import-layout-new{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;align-items:start;max-height:calc(100vh - 180px)}@media(max-width:1200px){.import-layout-new{grid-template-columns:1fr;max-height:none}}.import-left{display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 180px);overflow-y:auto;padding-right:.5rem}.import-left::-webkit-scrollbar{width:6px}.import-left::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.import-left::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.import-left::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.import-right{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;max-height:calc(100vh - 180px);overflow-y:auto}@media(max-width:1200px){.import-left,.import-right{max-height:none;position:static;overflow-y:visible}}.import-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.import-section h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--gray-800)}.import-section .section-desc{font-size:.8125rem;color:var(--gray-500);margin:-.5rem 0 1rem}.upload-icons{display:flex;gap:.5rem;color:var(--gray-400);margin-bottom:.5rem}.template-info-bar{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:8px;margin-bottom:1rem;font-size:.8125rem;color:var(--gray-600)}.full-width{width:100%;justify-content:center}.preview-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.preview-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header-bar h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0;color:var(--gray-800)}.preview-dims{font-size:.8125rem;color:var(--gray-500);background:var(--gray-100);padding:.25rem .75rem;border-radius:4px}.preview-container{background:var(--gray-100);border-radius:8px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-frame-wrapper{transform-origin:top left}.preview-iframe{background:#fff;box-shadow:0 2px 8px #0000001a}.preview-empty,.preview-placeholder{text-align:center;padding:3rem;color:var(--gray-400)}.preview-empty svg,.preview-placeholder svg{margin-bottom:1rem;opacity:.5}.preview-placeholder h3{margin:0 0 .5rem;color:var(--gray-700)}.preview-placeholder p{margin:0 0 1rem;color:var(--gray-500)}.code-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.code-tabs{display:flex;border-bottom:1px solid var(--gray-200)}.code-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;font-size:.875rem;color:var(--gray-500);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.code-tab:hover:not(:disabled){color:var(--gray-700);background:var(--gray-50)}.code-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.code-tab:disabled{opacity:.5;cursor:not-allowed}.code-preview{background:var(--gray-900);color:#e5e5e5;padding:1rem;margin:0;font-size:.75rem;font-family:Monaco,Menlo,monospace;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-all}.color-input{display:flex;gap:.5rem}.color-input input[type=color]{width:48px;height:42px;padding:2px;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;background:#fff}.color-input input[type=text]{flex:1}.import-section .form-group label{display:flex;align-items:center;gap:.375rem}.import-section .form-group label svg{color:var(--gray-400)}.import-section textarea{font-family:inherit;resize:vertical}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-row h2{margin:0}.section-actions{display:flex;gap:.5rem}.paste-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.paste-section label{display:block;font-size:.8125rem;color:var(--gray-600);margin-bottom:.5rem}.html-textarea{width:100%;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:.75rem;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);resize:vertical}.html-textarea:focus{outline:none;border-color:var(--primary-500);background:#fff}.bulk-json-input{background:var(--gray-50);border-radius:8px;padding:1rem;margin-bottom:1rem}.bulk-json-input textarea{width:100%;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:.75rem;border:1px solid var(--gray-200);border-radius:6px;background:#fff;margin-bottom:.75rem}.bulk-json-actions{display:flex;gap:.5rem}.components-list{display:flex;flex-direction:column;gap:.5rem}.component-item{border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;background:#fff}.component-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background .15s}.component-header:hover{background:var(--gray-50)}.component-info{display:flex;align-items:center;gap:.5rem}.component-info svg{color:var(--gray-400)}.component-type-badge{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.component-id{font-size:.8125rem;color:var(--gray-700);font-family:Monaco,Menlo,monospace}.component-source{font-size:.6875rem;color:var(--gray-400);text-transform:uppercase}.required-badge{font-size:.625rem;background:#dbeafe;color:#1e40af;padding:.125rem .375rem;border-radius:4px;font-weight:500}.component-item.required{border-color:#bfdbfe;background:#f0f9ff}.quick-edit-fields{padding:.75rem 0;border-bottom:1px solid var(--gray-200);margin-bottom:.5rem}.quick-edit-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.quick-edit-row:last-child{margin-bottom:0}.quick-edit-row label{font-size:.75rem;font-weight:500;color:var(--gray-600);min-width:60px}.quick-edit-row input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;background:#fff}.quick-edit-row .color-text-input{width:90px;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:.5rem;border:1px solid var(--gray-200);border-radius:6px}.quick-edit-row .url-input{flex:1;font-size:.8125rem;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:6px}.quick-edit-row input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #8b5cf61a}.preview-thumbnail{margin-top:.5rem;padding:.5rem;background:var(--gray-100);border-radius:6px;text-align:center}.preview-thumbnail img{max-width:120px;max-height:60px;object-fit:contain}.json-details{margin-top:.5rem}.json-details summary{font-size:.75rem;color:var(--gray-500);cursor:pointer;padding:.25rem 0}.json-details summary:hover{color:var(--gray-700)}.json-details[open] summary{margin-bottom:.5rem}.quick-edit-row .number-input{width:80px;font-size:.8125rem;padding:.5rem;border:1px solid var(--gray-200);border-radius:6px}.quick-edit-row .small-input{width:100px;font-size:.8125rem;padding:.5rem;border:1px solid var(--gray-200);border-radius:6px}.quick-edit-row .input-suffix{font-size:.75rem;color:var(--gray-500)}.quick-edit-row.full-width{flex-direction:column;align-items:flex-start}.quick-edit-row.full-width label{margin-bottom:.25rem}.quick-edit-row .text-area-input{width:100%;font-size:.8125rem;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:6px;resize:vertical;font-family:inherit}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.template-editor-page .page-header{display:flex;justify-content:space-between;align-items:center}.template-editor-page .header-left{display:flex;align-items:center;gap:1rem}.template-editor-page .header-left h1{margin:0}.template-editor-page .header-left p{margin:0;color:var(--gray-500);font-size:.875rem}.template-editor-page .header-actions{display:flex;gap:.5rem}.editor-layout{display:grid;grid-template-columns:420px 1fr;gap:1.5rem;margin-top:1.5rem;max-height:calc(100vh - 200px)}@media(max-width:1200px){.editor-layout{grid-template-columns:1fr;max-height:none}}.editor-left{display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:.5rem}.editor-left::-webkit-scrollbar{width:6px}.editor-left::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.editor-left::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.editor-left::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.editor-right{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;max-height:calc(100vh - 200px);overflow-y:auto}@media(max-width:1200px){.editor-left,.editor-right{max-height:none;position:static;overflow-y:visible}}.editor-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.editor-section h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--gray-800)}.add-component-row{margin-bottom:1rem}.add-component-row select{width:100%;padding:.625rem .75rem;border:1px dashed var(--gray-300);border-radius:8px;background:var(--gray-50);color:var(--gray-600);cursor:pointer}.add-component-row select:hover{border-color:var(--primary-400);background:var(--primary-50)}.remove-btn{opacity:0;transition:opacity .15s}.component-item:hover .remove-btn{opacity:1}.remove-btn:hover{color:var(--danger-500)!important}.component-version{font-size:.625rem;color:var(--gray-400);font-family:Monaco,Menlo,monospace;background:var(--gray-100);padding:.125rem .375rem;border-radius:4px}.upgrade-btn{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;color:var(--success-600);background:var(--success-50);border:1px solid var(--success-200);padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .15s}.upgrade-btn:hover{background:var(--success-100);border-color:var(--success-300)}.code-editor{width:100%;min-height:300px;font-family:Monaco,Menlo,monospace;font-size:.75rem;line-height:1.5;padding:1rem;border:none;background:var(--gray-900);color:#e5e5e5;border-radius:0 0 8px 8px;resize:vertical}.code-editor:focus{outline:none}.btn-danger.btn-ghost{background:transparent;color:#dc2626}.btn-danger.btn-ghost:hover{background:#fef2f2}.components-page .header-stats{display:flex;gap:1rem}.components-page .stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--gray-600);background:var(--gray-100);padding:.5rem .75rem;border-radius:8px}.field-types-legend{background:#fff;border-radius:12px;padding:1rem 1.5rem;margin-top:1.5rem;box-shadow:0 1px 3px #0000001a}.field-types-legend h3{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--gray-700)}.types-grid{display:flex;flex-wrap:wrap;gap:.5rem}.type-badge{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:4px}.field-count-badge{font-size:.6875rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:var(--gray-100);color:var(--gray-600)}.schema-field-row{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-family:Monaco,Menlo,monospace;font-size:.75rem;border-bottom:1px solid var(--gray-100)}.schema-field-row:last-child{border-bottom:none}.schema-type-badge{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:4px}.schema-options{font-size:.625rem;color:var(--gray-400);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.components-library{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.component-category{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--gray-50);border-left:4px solid var(--primary-500)}.category-header h2{margin:0;font-size:1rem;font-weight:600}.category-count{font-size:.75rem;background:var(--gray-200);padding:.25rem .5rem;border-radius:12px;color:var(--gray-600)}.category-components{padding:.5rem}.component-library-item{border:1px solid var(--gray-100);border-radius:8px;margin-bottom:.5rem;overflow:hidden}.component-library-item:last-child{margin-bottom:0}.component-library-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;transition:background .15s}.component-library-header:hover{background:var(--gray-50)}.component-library-info{display:flex;align-items:center;gap:.75rem}.component-library-info svg{color:var(--gray-400)}.component-color-dot{width:12px;height:12px;border-radius:50%}.component-library-title{display:flex;flex-direction:column;gap:.125rem}.component-library-title h3{margin:0;font-size:.9375rem;font-weight:600}.component-type-code{font-size:.6875rem;color:var(--gray-500);background:var(--gray-100);padding:.125rem .375rem;border-radius:4px;font-family:Monaco,Menlo,monospace}.component-library-meta{display:flex;align-items:center;gap:.5rem}.version-badge{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;background:var(--primary-100);color:var(--primary-700)}.always-present-badge{font-size:.6875rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:#dbeafe;color:#1e40af}.component-library-details{padding:0 1rem 1rem;border-top:1px solid var(--gray-100);background:var(--gray-50)}.component-description{margin:1rem 0;color:var(--gray-600);font-size:.875rem}.component-details-row{display:flex;gap:1.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-600)}.detail-item svg{color:var(--gray-400)}.version-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.version-selector label{font-size:.8125rem;font-weight:500;color:var(--gray-600)}.version-selector select{padding:.375rem .75rem;border:1px solid var(--gray-200);border-radius:6px;font-size:.8125rem;background:#fff}.upgrade-available{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--success-600);font-weight:500}.version-info{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.version-info-row{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-600)}.version-changelog{display:flex;align-items:flex-start;gap:.375rem;margin-top:.5rem;font-size:.8125rem;color:var(--gray-700)}.version-changelog svg{flex-shrink:0;margin-top:2px;color:var(--primary-500)}.schema-toggle{margin-bottom:1rem}.schema-display{background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;margin-bottom:1rem}.schema-header{padding:.75rem 1rem;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.schema-header h4{margin:0;font-size:.8125rem;font-weight:600}.schema-fields{padding:.75rem 1rem;font-family:Monaco,Menlo,monospace;font-size:.75rem}.schema-field{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.schema-key{color:var(--primary-700);font-weight:500}.schema-type{font-size:.6875rem;padding:.125rem .375rem;border-radius:4px;background:var(--gray-100);color:var(--gray-600)}.schema-type.type-color{background:#fce7f3;color:#be185d}.schema-type.type-url{background:#dbeafe;color:#1e40af}.schema-type.type-boolean{background:#d1fae5;color:#065f46}.schema-type.type-number{background:#fef3c7;color:#92400e}.schema-type.type-select{background:#e0e7ff;color:#3730a3}.schema-required{font-size:.625rem;padding:.125rem .25rem;border-radius:3px;background:var(--danger-100);color:var(--danger-700);font-weight:500}.schema-default{color:var(--gray-400);font-style:italic}.schema-label{color:var(--gray-400);margin-left:auto}.schema-children{border-left:2px solid var(--gray-200);margin-left:8px;padding-left:8px}.defaults-preview{background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.defaults-preview h4{margin:0;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.defaults-json{margin:0;padding:1rem;font-family:Monaco,Menlo,monospace;font-size:.75rem;background:var(--gray-900);color:#e5e5e5;overflow-x:auto;max-height:200px}.dynamic-form-fields{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.dynamic-field{display:flex;align-items:center;gap:.75rem;min-height:36px}.dynamic-field .field-label{flex:0 0 140px;font-size:.8125rem;font-weight:500;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-field input[type=text],.dynamic-field input[type=url],.dynamic-field input[type=number],.dynamic-field select,.dynamic-field textarea{flex:1;padding:.5rem .625rem;border:1px solid var(--gray-200);border-radius:6px;font-size:.8125rem;background:#fff;transition:border-color .15s}.dynamic-field input:focus,.dynamic-field select:focus,.dynamic-field textarea:focus{outline:none;border-color:var(--primary-400)}.dynamic-field textarea{min-height:80px;resize:vertical}.field-boolean{justify-content:space-between}.field-boolean .toggle-switch{margin-left:auto}.field-color .color-input-group{display:flex;align-items:center;gap:.5rem;flex:1}.field-color input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer}.field-color .color-text{flex:1}.field-url{flex-wrap:wrap}.field-url .url-preview{width:100%;margin-top:.5rem;margin-left:148px}.field-url .url-preview img{max-width:100px;max-height:60px;border-radius:4px;border:1px solid var(--gray-200)}.unit-input-group{display:flex;align-items:center;flex:1}.unit-input-group input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.unit-badge{padding:.5rem .625rem;background:var(--gray-100);border:1px solid var(--gray-200);border-left:none;border-radius:0 6px 6px 0;font-size:.75rem;color:var(--gray-500);font-weight:500}.field-slider{display:flex;flex-direction:column;gap:.25rem}.slider-input-group{display:flex;align-items:center;gap:.5rem}.slider-range{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--gray-200);border-radius:3px;outline:none;cursor:pointer}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform .1s}.slider-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-range::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.slider-number{width:60px;padding:.375rem .5rem;border:1px solid var(--gray-200);border-radius:6px 0 0 6px;font-size:.875rem;text-align:center}.slider-input-group .unit-badge{border-left:none}.field-align{display:flex;align-items:center;gap:.5rem}.align-buttons{display:flex;gap:2px;background:var(--gray-100);padding:2px;border-radius:6px;border:1px solid var(--gray-200)}.align-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--gray-500);transition:all .15s ease}.align-btn:hover{background:var(--gray-200);color:var(--gray-700)}.align-btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.align-btn svg{width:16px;height:16px}.field-object,.field-array{flex-direction:column;align-items:stretch}.field-object .field-header,.field-array .field-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--gray-50);border-radius:6px;cursor:pointer;transition:background .15s}.field-object .field-header:hover,.field-array .field-header:hover{background:var(--gray-100)}.field-object .field-header svg,.field-array .field-header svg{color:var(--gray-400)}.object-fields,.array-items{margin-top:.5rem;padding-left:1rem;border-left:2px solid var(--gray-200)}.array-count{margin-left:auto;font-size:.75rem;color:var(--gray-400);background:var(--gray-200);padding:.125rem .5rem;border-radius:10px}.array-editor{display:flex;flex-direction:column;gap:.5rem}.array-item{background:#fff;border:1px solid var(--gray-200);border-radius:6px;overflow:hidden}.array-item-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.array-item-header .drag-handle{color:var(--gray-300);cursor:grab}.array-item-header .item-index{font-size:.75rem;font-weight:600;color:var(--gray-500)}.array-item-header .remove-item{margin-left:auto;color:var(--gray-400)}.array-item-header .remove-item:hover{color:var(--danger-500)}.array-item-content{padding:.75rem}.add-item{align-self:flex-start;margin-top:.5rem}.btn-xs{padding:.25rem .375rem;font-size:.75rem}.slides-editor{display:flex;flex-direction:column;gap:.5rem}.slide-editor-item{background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.slide-editor-header{display:flex;align-items:center;gap:.5rem;padding:.625rem;background:var(--gray-50);cursor:pointer;transition:background .15s}.slide-editor-header:hover{background:var(--gray-100)}.slide-editor-header .drag-handle{color:var(--gray-300);cursor:grab}.slide-preview{width:40px;height:40px;border-radius:4px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.slide-preview img{width:100%;height:100%;object-fit:cover}.slide-preview svg{color:var(--gray-400)}.slide-info{flex:1;min-width:0}.slide-title{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-id{display:block;font-size:.6875rem;color:var(--gray-400)}.remove-slide{color:var(--gray-400);margin-left:auto}.remove-slide:hover{color:var(--danger-500)}.slide-editor-content{padding:.75rem;border-top:1px solid var(--gray-100);display:flex;flex-direction:column;gap:.75rem}.slide-field{display:flex;flex-direction:column;gap:.25rem}.slide-field label{font-size:.75rem;font-weight:500;color:var(--gray-600)}.slide-field input{padding:.5rem .625rem;border:1px solid var(--gray-200);border-radius:6px;font-size:.8125rem}.slide-field input:focus{outline:none;border-color:var(--primary-400)}.slide-image-preview{margin-top:.5rem}.slide-image-preview img{max-width:100px;max-height:60px;border-radius:4px;border:1px solid var(--gray-200)}.slide-cta-section{padding-top:.75rem;border-top:1px dashed var(--gray-200)}.slide-cta-section .section-label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-500);margin-bottom:.5rem}.slide-cta-section .slide-field{margin-top:.5rem}.add-slide{align-self:flex-start;margin-top:.5rem}.component-data{padding:0 1rem 1rem;background:var(--gray-50);border-top:1px solid var(--gray-100)}.component-json-input{width:100%;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:.75rem;border:1px solid var(--gray-200);border-radius:6px;background:#fff;margin-top:.75rem;resize:vertical;line-height:1.5}.component-json-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #8b5cf61a}.preview-header-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.preview-header-bar h2{margin:0;flex:1}.preview-header-bar .btn{flex-shrink:0}.template-creator-page{max-width:none!important;padding:1rem 1.5rem!important}.template-creator-page .page-header{margin-bottom:.75rem}.template-creator-page .header-actions{display:flex;gap:.5rem}.creator-layout-v2{display:grid;grid-template-columns:240px 1fr 380px;gap:1rem;height:calc(100vh - 110px)}.creator-sidebar{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:.25rem}.creator-sidebar::-webkit-scrollbar{width:4px}.creator-sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.sidebar-section{background:#fff;border-radius:8px;padding:.625rem;box-shadow:0 1px 3px #0000001a}.sidebar-section h3{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;color:var(--gray-600);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.form-group.compact{margin-bottom:.5rem}.form-group.compact label{font-size:.6875rem;margin-bottom:.25rem}.form-group.compact input,.form-group.compact select{padding:.375rem .5rem;font-size:.8125rem}.form-row.compact{display:flex;gap:.5rem}.form-row.compact .form-group{flex:1}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.comp-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:4px;font-size:.625rem;cursor:pointer;transition:all .15s}.comp-btn:hover{background:var(--gray-100);border-color:inherit}.comp-btn .dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.layers-section{flex:1;min-height:100px;display:flex;flex-direction:column}.layers-section .layers-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.layer-row{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--gray-50);border-radius:4px;cursor:pointer;transition:background .15s}.layer-row:hover{background:var(--gray-100)}.layer-row.selected{background:var(--primary-50);box-shadow:inset 0 0 0 1px var(--primary-300)}.layer-row.global-layer{background:var(--gray-100);border-left:2px solid var(--gray-400)}.layer-row .dot{width:6px;height:6px;border-radius:50%}.layer-row .name{flex:1;font-size:.75rem;font-weight:500}.layer-row .z{font-size:.625rem;color:var(--gray-400);background:var(--gray-200);padding:.125rem .25rem;border-radius:2px}.layer-row .layer-btns{display:flex;gap:.125rem;opacity:0;transition:opacity .15s}.layer-row:hover .layer-btns,.layer-row.selected .layer-btns{opacity:1}.layer-row .layer-btns button{padding:.125rem;background:none;border:none;color:var(--gray-500);cursor:pointer;border-radius:2px}.layer-row .layer-btns button:hover{background:var(--gray-200);color:var(--gray-700)}.layer-row .layer-btns button.danger:hover{background:var(--red-100);color:var(--red-600)}.layers-list .empty{text-align:center;color:var(--gray-400);font-size:.75rem;padding:1rem}.creator-canvas-area{display:flex;flex-direction:column;background:#1a1a2e;border-radius:8px;overflow:hidden;min-width:0}.canvas-info{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.375rem 1rem;background:#0000004d;color:#fff9;font-size:.6875rem;flex-shrink:0}.canvas-info .grid-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#ffffff1a;border:none;border-radius:4px;color:#fff9;font-size:.625rem;cursor:pointer;transition:all .15s}.canvas-info .grid-toggle:hover{background:#fff3}.canvas-info .grid-toggle.active{background:var(--primary-500);color:#fff}.canvas-scroll{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:.75rem;min-height:0}.creator-iframe{border:none;box-shadow:0 4px 20px #0000004d;background:#fff;flex-shrink:0}.creator-properties{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;min-width:340px}.creator-properties>h3{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;color:var(--gray-600);margin:0;padding:.625rem .75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-100);background:var(--gray-50);flex-shrink:0}.properties-content{flex:1;overflow-y:auto;padding:.75rem}.prop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-100)}.prop-header .badge{padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.6875rem;font-weight:600}.prop-header .danger{color:var(--red-500)}.prop-group{margin-bottom:1rem}.prop-group h4{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;color:var(--gray-500);margin:0 0 .5rem;text-transform:uppercase}.prop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}.prop-field{display:flex;flex-direction:column;gap:.125rem}.prop-field label{font-size:.5625rem;color:var(--gray-400);font-weight:500}.prop-field input{padding:.25rem .375rem;border:1px solid var(--gray-200);border-radius:3px;font-size:.75rem;width:100%}.z-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--gray-100)}.z-row label{font-size:.6875rem;color:var(--gray-500)}.z-row input{width:60px;padding:.25rem .375rem;border:1px solid var(--gray-200);border-radius:3px;font-size:.75rem}.prop-scroll{max-height:none;overflow-y:visible}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--gray-400)}.no-selection p{margin:0;font-size:.875rem}.no-selection .hint{font-size:.75rem;margin-top:.25rem}.global-settings-section{background:var(--gray-50);border-radius:6px;padding:.75rem;margin-bottom:1rem}.global-settings-section h4{font-size:.6875rem;font-weight:600;color:var(--gray-600);margin:0 0 .75rem;text-transform:uppercase}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.color-field{display:flex;align-items:center;gap:.5rem}.color-field label{font-size:.6875rem;color:var(--gray-500);min-width:60px}.color-field input[type=color]{width:28px;height:28px;border:1px solid var(--gray-200);border-radius:4px;cursor:pointer;padding:2px}.color-field input[type=text]{flex:1;padding:.25rem .375rem;font-size:.6875rem;border:1px solid var(--gray-200);border-radius:3px}@media(max-width:1400px){.creator-layout-v2{grid-template-columns:220px 1fr 340px}}@media(max-width:1100px){.creator-layout-v2{grid-template-columns:200px 1fr 300px}}@media(max-width:900px){.creator-layout-v2{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto}.creator-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-section{flex:1;min-width:180px}.canvas-scroll{min-height:400px}}.upgrade-modal{max-width:600px;width:90%}.new-properties-list{margin:1rem 0;max-height:300px;overflow-y:auto}.new-property-group{background:var(--gray-50);border-radius:8px;padding:1rem;margin-bottom:.75rem}.new-property-group h4{font-size:.875rem;font-weight:600;color:var(--primary-600);margin:0 0 .5rem}.new-property-group ul{list-style:none;padding:0;margin:0}.new-property-group li{display:flex;align-items:center;gap:.75rem;padding:.375rem 0;border-bottom:1px solid var(--gray-200);font-size:.8125rem}.new-property-group li:last-child{border-bottom:none}.new-property-group li code{background:var(--gray-200);padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.new-property-group .default-value{color:var(--gray-500);font-size:.75rem;margin-left:auto}.modal-body .hint{font-size:.8125rem;color:var(--gray-500);margin-top:1rem;padding:.75rem;background:var(--yellow-50);border-radius:6px;border-left:3px solid var(--yellow-400)}.modal-body .hint code{background:var(--gray-200);padding:.125rem .375rem;border-radius:3px;font-size:.75rem}.ai-config-page .config-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200);padding-bottom:.5rem}.ai-config-page .tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:8px 8px 0 0;color:var(--gray-600);cursor:pointer;font-weight:500;transition:all .15s}.ai-config-page .tab:hover{background:var(--gray-100);color:var(--gray-800)}.ai-config-page .tab.active{background:var(--primary-50);color:var(--primary-600);border-bottom:2px solid var(--primary-500)}.ai-config-page .config-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014}.ai-config-page .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.ai-config-page .section-header h2{margin:0 0 .25rem;font-size:1.25rem}.ai-config-page .section-header p{margin:0;color:var(--gray-500);font-size:.875rem}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.provider-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:1rem;transition:all .15s}.provider-card.disabled{opacity:.6}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.provider-name{display:flex;align-items:center;gap:.5rem;font-weight:600}.provider-actions{display:flex;gap:.25rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--gray-500);cursor:pointer;transition:all .15s}.icon-btn:hover{background:var(--gray-200);color:var(--gray-700)}.icon-btn.danger:hover{background:var(--red-100);color:var(--red-600)}.status-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:10px;background:var(--gray-200);color:var(--gray-600)}.status-badge.success{background:var(--green-100);color:var(--green-700)}.provider-capabilities{display:flex;gap:.5rem;margin-bottom:.75rem}.capability-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;font-weight:500}.capability-badge.text{background:var(--blue-100);color:var(--blue-700)}.capability-badge.image{background:var(--purple-100);color:var(--purple-700)}.capability-badge.video{background:var(--cyan-100);color:var(--cyan-700)}.provider-edit{border-top:1px solid var(--gray-200);padding-top:1rem;margin-top:.75rem}.provider-edit .form-group{margin-bottom:.75rem}.provider-edit .form-group label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.provider-edit input[type=password],.provider-edit select{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem}.provider-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.provider-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .15s}.provider-option:hover{border-color:var(--primary-400);background:var(--primary-50)}.provider-option-name{font-weight:600;font-size:.875rem}.provider-option-caps{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.prompt-scope-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:8px}.prompt-scope-selector label{font-weight:500;white-space:nowrap}.prompt-scope-selector select{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;min-width:180px}.prompts-editor{display:flex;flex-direction:column;gap:1rem}.prompt-category{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.category-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;background:var(--gray-50);border:none;cursor:pointer;font-weight:600;font-size:.9375rem;text-align:left;transition:background .15s}.category-header:hover{background:var(--gray-100)}.category-prompts{padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.prompt-item{border:1px solid var(--gray-200);border-radius:8px;padding:1rem}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.prompt-header label{font-weight:600;font-size:.875rem}.prompt-actions{display:flex;gap:.25rem}.prompt-item textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--gray-300);border-radius:6px;font-family:SF Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5;resize:vertical}.prompt-variables{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.prompt-variables span{font-size:.75rem;color:var(--gray-500)}.prompt-variables code{font-size:.7rem;padding:.15rem .4rem;background:var(--primary-100);color:var(--primary-700);border-radius:4px;cursor:pointer}.prompt-variables code:hover{background:var(--primary-200)}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.assignment-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:1.25rem}.assignment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.assignment-header h3{margin:0;font-size:1rem}.no-assignment{display:flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.875rem;padding:.75rem;background:var(--yellow-50);border-radius:6px}.assigned-providers{display:flex;flex-direction:column;gap:.5rem}.assigned-provider{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--gray-200);border-radius:6px;font-size:.8125rem}.assigned-provider .priority{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--primary-600);min-width:60px}.assigned-provider .provider-info{display:flex;align-items:center;gap:.375rem;font-weight:500}.assigned-provider .model-info{color:var(--gray-500);font-size:.75rem;margin-left:auto}.assignments-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--blue-50);border-radius:8px;border-left:3px solid var(--blue-400);font-size:.875rem;color:var(--blue-800)}.assignments-note p{margin:0}.template-generation .template-selection{margin:2rem 0}.template-generation .template-selection h3{margin:0 0 1rem;font-size:1.125rem;color:var(--gray-700)}.template-generation .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.template-generation .template-option{position:relative;padding:1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .15s}.template-generation .template-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.template-generation .template-option.selected{border-color:var(--primary-500);background:var(--primary-50)}.template-generation .template-preview-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background:var(--gray-100);border-radius:8px;margin-bottom:.75rem;color:var(--gray-500)}.template-generation .template-info h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.template-generation .component-badges{display:flex;gap:.375rem;flex-wrap:wrap}.template-generation .component-badges .badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.2rem .5rem;background:var(--gray-200);border-radius:4px}.template-generation .selected-check{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-500);color:#fff;border-radius:50%}.template-generation .generation-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--blue-50);border-radius:8px;color:var(--blue-700);font-size:.875rem}.template-generation .generation-progress{margin:2rem 0}.template-generation .generation-progress h3{margin:0 0 1rem}.template-generation .progress-items{display:flex;flex-direction:column;gap:.75rem}.template-generation .progress-item{padding:1rem;background:var(--gray-50);border-radius:8px;border-left:3px solid var(--gray-300)}.template-generation .progress-item.generating{border-left-color:var(--blue-500);background:var(--blue-50)}.template-generation .progress-item.complete{border-left-color:var(--green-500)}.template-generation .progress-item.error{border-left-color:var(--red-500);background:var(--red-50)}.template-generation .progress-header{display:flex;align-items:center;gap:.5rem;font-weight:500}.template-generation .pending-dot{width:16px;height:16px;background:var(--gray-300);border-radius:50%}.template-generation .progress-steps{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.template-generation .step-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:var(--gray-200)}.template-generation .step-badge.generating{background:var(--blue-200);color:var(--blue-800)}.template-generation .step-badge.complete{background:var(--green-200);color:var(--green-800)}.template-generation .step-badge.error{background:var(--red-200);color:var(--red-800)}.template-generation .step-badge.skipped{background:var(--yellow-200);color:var(--yellow-800)}.template-generation .generated-results{margin:2rem 0}.template-generation .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-generation .result-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:1rem}.template-generation .result-card.success{border-left:3px solid var(--green-500)}.template-generation .result-card.error{border-left:3px solid var(--red-500);background:var(--red-50)}.template-generation .result-header{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem}.template-generation .success-icon{color:var(--green-600)}.template-generation .error-icon{color:var(--red-600)}.template-generation .result-preview{padding:.75rem;background:#fff;border-radius:6px;margin-bottom:.75rem}.template-generation .preview-headline{font-weight:600;font-size:.9375rem;margin:0 0 .5rem;color:var(--gray-800)}.template-generation .preview-body{font-size:.8125rem;color:var(--gray-600);margin:0;line-height:1.5}.template-generation .result-actions{display:flex;gap:.5rem}.template-generation .btn-sm{padding:.375rem .75rem;font-size:.8125rem}.template-generation .error-info{font-size:.875rem;color:var(--red-700)}.template-generation .error-info p{margin:0 0 .5rem}.template-generation .preview-modal .modal-body{max-height:60vh;overflow-y:auto}.template-generation .preview-content{display:flex;flex-direction:column;gap:1rem}.template-generation .preview-section{padding:1rem;background:var(--gray-50);border-radius:8px}.template-generation .preview-section h4{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;color:var(--gray-500)}.template-generation .preview-section p{margin:0;font-size:.9375rem}.template-generation .product-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:.5rem}.template-generation .product-thumb{text-align:center}.template-generation .product-thumb img{width:60px;height:60px;object-fit:cover;border-radius:6px;margin-bottom:.25rem}.template-generation .product-thumb span{font-size:.7rem;color:var(--gray-600);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-generation .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.key-status{margin-bottom:.75rem}.key-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.25rem .625rem;border-radius:6px;font-weight:500}.key-badge.env{background:var(--green-100);color:var(--green-700)}.key-badge.config{background:var(--blue-100);color:var(--blue-700)}.key-badge.none,.status-badge.warning{background:var(--yellow-100);color:var(--yellow-700)}.form-hint{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.375rem}.provider-edit input[type=text]{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;font-family:SF Mono,Menlo,monospace}.provider-edit input[type=text]:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.editor-page input,.editor-page select,.editor-page textarea,.editor-page button{outline:none}.editor-page input:focus,.editor-page select:focus,.editor-page textarea:focus{outline:none;border-color:var(--primary-400, #8b5cf6)}