.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:focus{outline:2px solid #1976d2;outline-offset:2px}.skip-link{background:#1976d2;border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}@media print{.App{background-color:#fff}.export-section,.input-actions,button{display:none!important}}.usage-input-form{margin:0;padding:0;width:100%}.form-header{margin-bottom:24px;text-align:left}.form-header h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.form-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0}@media (min-width:768px){.form-header{margin-bottom:32px}.form-header h2{font-size:28px}.form-description{font-size:18px}}.input-form{display:flex;flex-direction:column;gap:32px}@media (min-width:768px){.input-form{gap:40px}}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s ease}.form-section.has-values{background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.section-title{font-size:18px;margin:0 0 8px}.section-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.form-section .input-group{margin-bottom:20px}.form-section .input-group:last-child{margin-bottom:0}@media (min-width:768px){.form-section{padding:24px}.section-title{font-size:20px}.section-description{font-size:15px}}.input-group{display:flex;flex-direction:column;gap:6px}.input-group.has-error .input-field{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.input-group.has-error .input-label{color:#dc3545}.input-label{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:8px}.input-unit{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;padding:4px 8px}.input-field{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:16px;min-height:48px;padding:12px 16px;transition:all .2s ease;width:100%}@media (min-width:768px){.input-field{padding:14px 18px}}.input-field:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.input-field::placeholder{color:#999}.input-description{color:#666;font-size:13px;line-height:1.4;margin:0}.input-error{align-items:center;color:#dc3545;display:flex;font-size:13px;font-weight:500;gap:4px;margin:0}.input-error:before{content:"⚠";font-size:14px}.form-actions{display:flex;justify-content:center;margin-top:24px}.submit-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;min-width:160px;padding:14px 36px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.submit-button:active:not(:disabled){box-shadow:0 2px 6px #3b82f633;transform:translateY(0)}.submit-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.submit-button:focus{box-shadow:0 0 0 3px #3b82f680;outline:none}@media (min-width:768px){.form-actions{margin-top:32px}.submit-button{font-size:18px;padding:14px 40px}}.form-footer{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:20px}@media (min-width:768px){.form-footer{margin-top:32px;padding-top:24px}}.form-note{color:#666;font-size:13px;line-height:1.5;margin:0;text-align:center}@media (max-width:480px){.input-label{align-items:flex-start;flex-direction:column;gap:4px}.input-unit{align-self:flex-start}}.input-field:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-field::placeholder{color:#6c757d;opacity:1}.input-group[aria-invalid=true] .input-field{border-color:#dc3545}.input-error:focus-within{border-radius:4px;outline:2px solid #dc3545;outline-offset:2px}@media (prefers-contrast:high){.input-field{border-width:2px}.input-group.has-error .input-field{border-width:3px}.submit-button{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.input-field,.submit-button{transition:none}.submit-button:hover:not(:disabled){transform:none}}.cost-breakdown{margin:0;padding:0;width:100%}.cost-breakdown.loading{display:flex;flex-direction:column;justify-content:center;min-height:200px}.breakdown-header{margin-bottom:24px;text-align:left}.breakdown-header h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.breakdown-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0}@media (min-width:768px){.breakdown-header{margin-bottom:32px}.breakdown-header h2{font-size:28px}.breakdown-description{font-size:18px}}.loading-spinner{align-items:center;display:flex;justify-content:center;margin-top:16px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.breakdown-content{margin-bottom:32px}.empty-state{color:#666;padding:48px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{color:#333;font-size:18px;font-weight:500;margin:0 0 8px}.empty-state p{font-size:14px;line-height:1.5;margin:0}.cost-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}@media (min-width:768px){.cost-items{gap:16px;margin-bottom:24px}}.cost-breakdown-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:18px;position:relative;transition:all .2s ease}.cost-breakdown-item:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media (min-width:768px){.cost-breakdown-item{padding:20px}}.cost-breakdown-item.has-cost{background:#eff6ff;border-color:#dbeafe}.cost-breakdown-item.no-cost{opacity:.6}.cost-breakdown-item:hover{background:#eef2ff;border-color:#c7d2fe}.cost-item-header{align-items:flex-start;display:flex;gap:12px}@media (min-width:768px){.cost-item-header{gap:16px}}.cost-item-icon{flex-shrink:0;font-size:24px;line-height:1;margin-top:2px}.cost-item-info{flex:1 1;min-width:0}.cost-item-label{color:#111827;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.cost-item-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.cost-item-amount{flex-shrink:0;text-align:right}.cost-value{color:#059669;display:block;font-size:18px;font-weight:600;line-height:1.2}.cost-breakdown-item.no-cost .cost-value{color:#999}.cost-item-rate{align-items:center;border-top:1px solid #d1d5db;color:#6b7280;display:flex;font-size:13px;gap:8px;justify-content:space-between;margin-top:12px;padding-top:12px}.rate-label{font-weight:500}.rate-value{background:#f3f4f6;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;padding:3px 8px;white-space:nowrap}.total-cost-section{margin-top:24px}@media (min-width:768px){.total-cost-section{margin-top:32px}}.total-cost-divider{background:linear-gradient(90deg,#e1e5e9,#007bff,#e1e5e9);border-radius:1px;height:2px;margin-bottom:24px}.total-cost-item{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:24px}.total-cost-header{flex:1 1}.total-cost-label{color:#111827;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 4px}.total-cost-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.total-cost-amount{flex-shrink:0;text-align:right}.total-cost-value{color:#1d4ed8;display:block;font-size:28px;font-weight:700;line-height:1.1}.total-cost-period{color:#6b7280;display:block;font-size:14px;font-weight:500;margin-top:2px}.breakdown-footer{border-top:1px solid #e1e5e9;padding-top:24px}.pricing-metadata{margin-bottom:16px;text-align:center}.pricing-source{color:#6b7280;font-size:13px;margin:0 0 4px}.pricing-link{color:#3b82f6;font-weight:500;text-decoration:none}.pricing-link:hover{text-decoration:underline}.pricing-updated{color:#999;font-size:12px;margin:0}.pricing-disclaimer{text-align:center}.pricing-disclaimer p{color:#6b7280;font-size:12px;font-style:italic;line-height:1.4;margin:0}@media (max-width:480px){.cost-item-header{align-items:flex-start;flex-direction:column;gap:8px}.cost-item-amount{align-self:flex-end;text-align:left}.cost-item-rate{gap:4px}.cost-item-rate,.total-cost-item{align-items:flex-start;flex-direction:column}.total-cost-item{text-align:left}.total-cost-amount{align-self:flex-end;text-align:right}}.pricing-link:focus-visible{border-radius:2px;outline:2px solid #007bff;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only:focus{clip:auto;background:#007bff;border-radius:4px;color:#fff;height:auto;margin:0;overflow:visible;padding:.5rem;position:static;white-space:normal;width:auto}@media (prefers-contrast:high){.cost-breakdown-item{border-width:2px}.cost-breakdown-item.has-cost{border-color:#06c}.total-cost-item{border-width:3px}}@media (prefers-reduced-motion:reduce){.cost-breakdown-item{transition:none}.spinner{animation:none}}@media print{.cost-breakdown{border:1px solid #ccc;box-shadow:none}.pricing-link{color:#000;text-decoration:underline}.cost-breakdown-item:hover{background:inherit;border-color:inherit}}.export-results{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;padding:.75rem}@media (min-width:768px){.export-results{margin-top:1.5rem;padding:1rem}}.export-actions{flex-direction:column;gap:.75rem}.export-actions,.export-button{align-items:center;display:flex}.export-button{background-color:#007bff;border:2px solid #007bff;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;min-width:120px;padding:.625rem 1.25rem;transition:all .2s ease}@media (min-width:768px){.export-button{font-size:1rem;min-width:140px;padding:.75rem 1.5rem}}.export-button:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3;transform:translateY(-1px)}.export-button:active:not(:disabled){transform:translateY(0)}.export-button:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.export-button.success{background-color:#28a745;border-color:#28a745}.export-button.success:hover{background-color:#218838;border-color:#218838}.export-button.error{background-color:#dc3545;border-color:#dc3545}.export-button.error:hover{background-color:#c82333;border-color:#c82333}.status-message{border-radius:4px;font-size:.8rem;font-weight:500;max-width:300px;padding:.4rem .8rem;text-align:center;transition:opacity .2s ease}@media (min-width:768px){.status-message{font-size:.875rem;padding:.5rem 1rem}}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.export-hint{color:#6c757d;font-size:.875rem;font-style:italic;margin-bottom:0;margin-top:.75rem;text-align:center}.export-button:focus{outline:2px solid #007bff;outline-offset:2px}.export-button:focus:not(:focus-visible){outline:none}.export-button:focus-visible{outline:2px solid #007bff;outline-offset:2px}.pricing-calculator{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}.pricing-calculator h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.pricing-calculator h2{font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3}.pricing-calculator h3{font-size:clamp(1.1rem,2.5vw,1.25rem);line-height:1.4}.pricing-calculator .spacing-xs{margin:.25rem 0}.pricing-calculator .spacing-sm{margin:.5rem 0}.pricing-calculator .spacing-md{margin:1rem 0}.pricing-calculator .spacing-lg{margin:1.5rem 0}.pricing-calculator .spacing-xl{margin:2rem 0}.calculator-header{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem 1rem;text-align:center}.calculator-header h1{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.calculator-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 auto;max-width:600px}@media (min-width:768px){.calculator-header{margin-bottom:2rem;padding:2rem 1rem}.calculator-header h1{font-size:2rem}.calculator-description{font-size:1rem}}@media (min-width:1024px){.calculator-header h1{font-size:2.5rem}.calculator-description{font-size:1.1rem}}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 1rem 2rem;overflow:hidden}.error-content{align-items:flex-start;display:flex;gap:.75rem;padding:1rem}.error-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.error-details{flex:1 1}.error-title{color:#dc2626;font-size:1rem;font-weight:600;margin:0 0 .25rem}.error-message{color:#7f1d1d;font-size:.875rem;line-height:1.4;margin:0}.error-details-toggle{margin-top:.5rem}.error-details-toggle summary{color:#dc2626;cursor:pointer;font-size:.75rem;font-weight:500}.error-technical-details{background:#fef2f2;border-radius:4px;color:#7f1d1d;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin:.25rem 0 0;padding:.5rem;word-break:break-word}.error-dismiss{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:1.25rem;padding:.25rem;transition:background-color .2s ease}.error-dismiss:hover{background:#dc26261a}.error-dismiss:focus{outline:2px solid #dc2626;outline-offset:2px}.calculator-content{box-sizing:border-box;margin:0;overflow-x:hidden;padding:0 1rem;width:100%}.calculator-grid{grid-gap:1.5rem;align-items:start;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr;width:100%}@media (min-width:768px){.calculator-grid{gap:2rem;grid-template-columns:1fr 1fr}.templates-section{grid-column:1/-1}}@media (min-width:1200px){.calculator-grid{gap:2rem;grid-template-columns:1fr 1fr 1fr;max-width:100vw}.templates-section{grid-column:auto}.calculator-content{padding:0 2rem 0 1rem}}.section-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.templates-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1rem}@media (min-width:768px){.templates-section{padding:1.5rem}}.input-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1rem}@media (min-width:768px){.input-section{padding:1.5rem}}.results-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}@media (min-width:768px){.results-section{padding:1.5rem}}.export-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1rem}@media (min-width:768px){.export-section{padding:1.5rem}}.calculator-footer{background:#1f2937;color:#fff;margin-top:4rem;padding:2rem 1rem}.footer-content{margin:0 auto;max-width:1200px}.disclaimer{margin-bottom:2rem}.disclaimer h3{color:#fbbf24;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.disclaimer ul{list-style:none;margin:0;padding:0}.disclaimer li{color:#d1d5db;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.disclaimer li:before{color:#fbbf24;content:"•";font-weight:700;left:0;position:absolute}.calculator-info{border-top:1px solid #4b5563;padding-top:1.5rem;text-align:center}.calculator-info p{color:#9ca3af;font-size:.875rem;margin:0}@media (max-width:480px){.error-content{gap:.5rem;padding:.75rem}.calculator-footer{padding:1.5rem 1rem}}@media (prefers-contrast:high){.pricing-calculator{background:#fff}.calculator-header{border-bottom:2px solid #000}.export-section,.input-section{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.error-dismiss{transition:none}}@media print{.pricing-calculator{background:#fff}.calculator-header,.export-section,.input-section{border:1px solid #000;box-shadow:none}.calculator-footer{background:#fff;border-top:2px solid #000;color:#000}.error-banner{border:2px solid #000}}.error-boundary{align-items:center;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;margin:1rem;min-height:400px;padding:2rem}.error-boundary-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;padding:2rem;text-align:center}.error-boundary-icon{font-size:3rem;margin-bottom:1rem}.error-boundary-title{color:#d32f2f;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-boundary-message{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-boundary-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.error-boundary-button.primary{background-color:#1976d2;color:#fff}.error-boundary-button.primary:hover{background-color:#1565c0}.error-boundary-button.secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.error-boundary-button.secondary:hover{background-color:#eee}.error-boundary-button:focus{outline:2px solid #1976d2;outline-offset:2px}.error-boundary-details{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;margin-top:2rem;padding:1rem;text-align:left}.error-boundary-details summary{color:#666;cursor:pointer;font-weight:600;margin-bottom:1rem}.error-boundary-details summary:hover{color:#333}.error-boundary-stack{font-family:Courier New,monospace;font-size:.875rem}.error-boundary-stack h4{color:#d32f2f;font-size:1rem;margin:1rem 0 .5rem}.error-boundary-stack pre{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap}@media (max-width:768px){.error-boundary{margin:.5rem;padding:1rem}.error-boundary-content{padding:1.5rem}.error-boundary-actions{align-items:center;flex-direction:column}.error-boundary-button{max-width:200px;width:100%}}.scenario-templates{margin-bottom:0;padding:0}.templates-header{margin-bottom:24px}.templates-header h3{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.templates-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0}@media (min-width:768px){.templates-header h3{font-size:28px}.templates-description{font-size:18px}}.category-filter{align-items:center;display:flex;gap:12px;margin-bottom:24px}.filter-label{color:#333;font-size:.9rem;font-weight:500}.category-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:border-color .2s ease}.category-select:hover{border-color:#9ca3af}.category-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.category-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.templates-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s ease}.template-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.template-card.template-selected{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.template-header{margin-bottom:16px}.template-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.template-name{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.template-description{color:#666;font-size:.9rem;line-height:1.4;margin:0}.category-badge{border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.category-runtime{background:#dbeafe;color:#1e40af}.category-browser{background:#dcfce7;color:#166534}.category-code-interpreter{background:#fef3c7;color:#92400e}.category-gateway{background:#e0e7ff;color:#3730a3}.category-memory{background:#fce7f3;color:#be185d}.category-multi-service{background:#f3e8ff;color:#7c2d12}.template-summary{background:#f9fafb;border-radius:6px;margin-bottom:16px;padding:12px}.summary-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.summary-item:last-child{margin-bottom:0}.summary-label{color:#666;font-size:.85rem;font-weight:500}.summary-value{color:#1a1a1a;font-size:.85rem;font-weight:600}.template-actions{display:flex;gap:8px;margin-bottom:16px}.use-template-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:10px 16px;transition:background-color .2s ease;width:auto}.use-template-button:hover:not(:disabled){background:#2563eb}.use-template-button:disabled{background:#9ca3af;cursor:not-allowed}.use-template-button.button-selected{background:#10b981;color:#fff}.use-template-button.button-selected:hover:not(:disabled){background:#059669}.details-toggle-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.details-toggle-button:hover{background:#f9fafb;border-color:#9ca3af}.template-details{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.details-section{margin-bottom:16px}.details-section:last-child{margin-bottom:0}.details-section h5{color:#1a1a1a;font-size:.9rem;font-weight:600;margin:0 0 8px}.details-section p,.features-list,.specs-list{color:#666;font-size:.85rem;line-height:1.4;margin:0}.features-list,.specs-list{padding-left:16px}.features-list li,.specs-list li{margin-bottom:4px}.usage-preview{grid-gap:8px;background:#f9fafb;border-radius:6px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:12px}.usage-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.usage-key{color:#666;text-transform:capitalize}.usage-value{color:#1a1a1a;font-weight:600}.no-templates{color:#666;padding:40px 20px;text-align:center}.no-templates p{font-size:.9rem;margin:0}.templates-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px}.templates-note{color:#666;font-size:.85rem;line-height:1.4;margin:0;text-align:center}@media (max-width:768px){.template-actions{flex-direction:column}.category-filter,.template-title-section{align-items:flex-start;flex-direction:column;gap:8px}.usage-preview{grid-template-columns:1fr}}@media (min-width:1200px){.template-card{padding:16px}.template-name{font-size:1rem}.template-description{font-size:.85rem}}
/*# sourceMappingURL=main.f1619ef7.css.map*/