.feedback-showcase.svelte-twem1u{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}.showcase-header.svelte-twem1u{text-align:center;margin-bottom:3rem;padding-bottom:3rem;border-bottom:2px solid var(--lg-warm-200, #e5e7eb)}.showcase-header.svelte-twem1u h1:where(.svelte-twem1u){font-size:3rem;font-weight:700;color:var(--lg-primary, #466d4d);margin-bottom:1rem}.lead.svelte-twem1u{font-size:1.25rem;color:var(--lg-text-secondary, #374151);max-width:700px;margin:0 auto;line-height:1.6}.demo-section.svelte-twem1u{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;border:2px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 2px 8px #0000000d}.demo-section.svelte-twem1u h2:where(.svelte-twem1u){font-size:1.75rem;color:var(--lg-text-primary, #111827);margin-bottom:.5rem}.demo-section.svelte-twem1u>p:where(.svelte-twem1u){color:var(--lg-text-secondary, #374151);margin-bottom:2rem}.alerts-container.svelte-twem1u{display:flex;flex-direction:column;gap:1rem}.alert.svelte-twem1u{display:flex;gap:1rem;padding:1rem;border-radius:.75rem;border:1px solid;position:relative;animation:svelte-twem1u-slideIn .3s ease}@keyframes svelte-twem1u-slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.alert-content.svelte-twem1u{flex:1}.alert-title.svelte-twem1u{font-size:1rem;font-weight:600;margin:0 0 .25rem}.alert-message.svelte-twem1u{font-size:.875rem;margin:0;line-height:1.5}.alert-close.svelte-twem1u{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:inherit;opacity:.6;transition:opacity .2s ease}.alert-close.svelte-twem1u:hover{opacity:1}.alert-success.svelte-twem1u{background:var(--lg-success-light, #dcfce7);border-color:var(--lg-success, #22c55e);color:var(--lg-success-dark, #166534)}.alert-warning.svelte-twem1u{background:var(--lg-warning-light, #fef3c7);border-color:var(--lg-warning, #f59e0b);color:var(--lg-warning-dark, #92400e)}.alert-error.svelte-twem1u{background:var(--lg-error-light, #fee2e2);border-color:var(--lg-error, #dc2626);color:var(--lg-error-dark, #991b1b)}.alert-info.svelte-twem1u{background:var(--lg-info-light, #dbeafe);border-color:var(--lg-info, #3b82f6);color:var(--lg-info-dark, #1e40af)}.toast-container.svelte-twem1u{position:fixed;top:1rem;right:1rem;z-index:1000;animation:svelte-twem1u-slideDown .3s ease}@keyframes svelte-twem1u-slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-examples.svelte-twem1u{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.toast.svelte-twem1u{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;box-shadow:0 4px 12px #0000001a;min-width:200px}.toast.static.svelte-twem1u{position:relative}.toast-success.svelte-twem1u{background:var(--lg-success, #22c55e);color:#fff}.toast-error.svelte-twem1u{background:var(--lg-error, #dc2626);color:#fff}.toast-warning.svelte-twem1u{background:var(--lg-warning, #f59e0b);color:#fff}.toast-info.svelte-twem1u{background:var(--lg-info, #3b82f6);color:#fff}.loading-grid.svelte-twem1u{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.loading-example.svelte-twem1u h4:where(.svelte-twem1u){font-size:1rem;font-weight:600;color:var(--lg-text-primary, #111827);margin-bottom:1rem}@keyframes svelte-twem1u-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container.svelte-twem1u{display:flex;justify-content:center;padding:2rem}.skeleton-card.svelte-twem1u{background:#fff;border:1px solid var(--lg-warm-200, #e5e7eb);border-radius:.5rem;padding:1rem;display:flex;gap:1rem}.skeleton.svelte-twem1u{background:linear-gradient(90deg,var(--lg-warm-200, #e5e7eb) 25%,var(--lg-warm-100, #f3f4f6) 50%,var(--lg-warm-200, #e5e7eb) 75%);background-size:200% 100%;animation:svelte-twem1u-shimmer 1.5s infinite;border-radius:.25rem}@keyframes svelte-twem1u-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-image.svelte-twem1u{width:80px;height:80px;border-radius:.5rem;flex-shrink:0}.skeleton-content.svelte-twem1u{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-title.svelte-twem1u{height:20px;width:60%}.skeleton-text.svelte-twem1u{height:16px;width:100%}.skeleton-text.short.svelte-twem1u{width:40%}.progress-container.svelte-twem1u{height:8px;background:var(--lg-warm-200, #e5e7eb);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.progress-bar.svelte-twem1u{height:100%;background:var(--lg-primary, #466d4d);border-radius:999px;transition:width .3s ease}.progress-label.svelte-twem1u{font-size:.875rem;color:var(--lg-text-muted, #6b7280);text-align:center;margin:0}.empty-states-grid.svelte-twem1u{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.empty-state.svelte-twem1u{text-align:center;padding:3rem 2rem;background:var(--lg-warm-50, #fafaf9);border-radius:.75rem;border:1px dashed var(--lg-warm-300, #d4d4d8)}.empty-icon.svelte-twem1u{font-size:3rem;display:block;margin-bottom:1rem;opacity:.8}.empty-state.svelte-twem1u h3:where(.svelte-twem1u){font-size:1.25rem;color:var(--lg-text-primary, #111827);margin:0 0 .5rem}.empty-state.svelte-twem1u p:where(.svelte-twem1u){color:var(--lg-text-muted, #6b7280);margin:0 0 1.5rem}.validation-form.svelte-twem1u{max-width:400px;display:flex;flex-direction:column;gap:1.5rem}.form-group.svelte-twem1u{display:flex;flex-direction:column;gap:.5rem}.form-label.svelte-twem1u{font-weight:600;color:var(--lg-text-primary, #111827);font-size:.875rem}.input-wrapper.svelte-twem1u{position:relative}.form-input.svelte-twem1u{width:100%;height:48px;padding:0 3rem 0 1rem;border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:.5rem;font-size:1rem;transition:all .2s ease}.form-input.svelte-twem1u:focus{outline:none;box-shadow:0 0 0 3px #466d4d1a}.form-input.valid.svelte-twem1u{border-color:var(--lg-success, #22c55e)}.form-input.invalid.svelte-twem1u{border-color:var(--lg-error, #dc2626)}.form-input.warning.svelte-twem1u{border-color:var(--lg-warning, #f59e0b)}.validation-message.svelte-twem1u{font-size:.875rem;display:flex;align-items:center;gap:.5rem}.validation-message.success.svelte-twem1u{color:var(--lg-success-dark, #166534)}.validation-message.error.svelte-twem1u{color:var(--lg-error-dark, #991b1b)}.validation-message.warning.svelte-twem1u{color:var(--lg-warning-dark, #92400e)}.tooltip-examples.svelte-twem1u{display:flex;gap:3rem;align-items:center;justify-content:center;padding:3rem 0}.tooltip-wrapper.svelte-twem1u{position:relative}.tooltip-trigger.svelte-twem1u:hover+.tooltip:where(.svelte-twem1u),.tooltip-trigger.svelte-twem1u:focus+.tooltip:where(.svelte-twem1u){opacity:1;visibility:visible}.tooltip.svelte-twem1u{position:absolute;padding:.5rem .75rem;background:var(--lg-gray-900, #111827);color:#fff;font-size:.875rem;border-radius:.375rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:100}.tooltip.svelte-twem1u:after{content:"";position:absolute;width:0;height:0;border:4px solid transparent}.tooltip-top.svelte-twem1u{bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem)}.tooltip-top.svelte-twem1u:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--lg-gray-900, #111827)}.tooltip-right.svelte-twem1u{left:100%;top:50%;transform:translateY(-50%) translate(.5rem)}.tooltip-right.svelte-twem1u:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--lg-gray-900, #111827)}.tooltip-bottom.svelte-twem1u{top:100%;left:50%;transform:translate(-50%) translateY(.5rem)}.tooltip-bottom.svelte-twem1u:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--lg-gray-900, #111827)}.badges-grid.svelte-twem1u{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.badge.svelte-twem1u{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:.375rem;text-transform:uppercase;letter-spacing:.025em}.badge-pill.svelte-twem1u{border-radius:999px}.badge-success.svelte-twem1u{background:var(--lg-success-light, #dcfce7);color:var(--lg-success-dark, #166534)}.badge-warning.svelte-twem1u{background:var(--lg-warning-light, #fef3c7);color:var(--lg-warning-dark, #92400e)}.badge-error.svelte-twem1u{background:var(--lg-error-light, #fee2e2);color:var(--lg-error-dark, #991b1b)}.badge-info.svelte-twem1u{background:var(--lg-info-light, #dbeafe);color:var(--lg-info-dark, #1e40af)}.badge-default.svelte-twem1u{background:var(--lg-warm-200, #e5e7eb);color:var(--lg-text-primary, #111827)}.badge-primary.svelte-twem1u{background:var(--lg-primary, #466d4d);color:#fff}.badge-count.svelte-twem1u{min-width:24px;height:24px;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--lg-error, #dc2626);color:#fff;font-size:.75rem;font-weight:700}.badge-count.badge-primary.svelte-twem1u{background:var(--lg-primary, #466d4d)}.badge-dot.svelte-twem1u{width:8px;height:8px;border-radius:50%;background:currentColor;animation:svelte-twem1u-pulse 2s ease-in-out infinite}@keyframes svelte-twem1u-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.btn.svelte-twem1u{height:48px;padding:0 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary.svelte-twem1u{background:var(--lg-primary, #466d4d);color:#fff;border-color:var(--lg-primary, #466d4d)}.btn-primary.svelte-twem1u:hover:not(:disabled){background:var(--lg-primary-dark, #3a5a40);border-color:var(--lg-primary-dark, #3a5a40);transform:translateY(-1px);box-shadow:0 4px 12px #466d4d33}.btn-primary.svelte-twem1u:disabled{opacity:.6;cursor:not-allowed}.btn-secondary.svelte-twem1u{background:#fff;color:var(--lg-primary, #466d4d);border-color:var(--lg-primary, #466d4d)}.btn-secondary.svelte-twem1u:hover{background:var(--lg-primary-light, rgba(70, 109, 77, .1))}.btn-ghost.svelte-twem1u{background:transparent;color:var(--lg-text-secondary, #374151);border-color:transparent}.btn-ghost.svelte-twem1u:hover{background:var(--lg-warm-100, #f3f4f6);color:var(--lg-text-primary, #111827)}.icon-button.svelte-twem1u{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--lg-text-secondary, #374151)}.icon-button.svelte-twem1u:hover{border-color:var(--lg-primary, #466d4d);color:var(--lg-primary, #466d4d);background:var(--lg-warm-50, #fafaf9)}@media (max-width: 768px){.showcase-header.svelte-twem1u h1:where(.svelte-twem1u){font-size:2rem}.lead.svelte-twem1u{font-size:1.125rem}.demo-section.svelte-twem1u{padding:1.5rem}.loading-grid.svelte-twem1u,.empty-states-grid.svelte-twem1u{grid-template-columns:1fr}.toast-container.svelte-twem1u{right:.5rem;left:.5rem}.toast.svelte-twem1u{width:100%}.tooltip-examples.svelte-twem1u{flex-direction:column}}.dark-mode-override .demo-section.svelte-twem1u{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .showcase-header.svelte-twem1u{border-bottom-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .showcase-header.svelte-twem1u h1:where(.svelte-twem1u){color:var(--lg-primary)}.dark-mode-override .lead.svelte-twem1u{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .demo-section.svelte-twem1u h2:where(.svelte-twem1u){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .demo-section.svelte-twem1u>p:where(.svelte-twem1u){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .alert.svelte-twem1u{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .alert-title.svelte-twem1u{color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .alert-message.svelte-twem1u{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .alert-success.svelte-twem1u{border-color:var(--lg-success)}.dark-mode-override .alert-warning.svelte-twem1u{border-color:var(--lg-warning)}.dark-mode-override .alert-error.svelte-twem1u{border-color:var(--lg-error)}.dark-mode-override .alert-info.svelte-twem1u{border-color:var(--lg-info)}.dark-mode-override .alert-close.svelte-twem1u{background:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .alert-close.svelte-twem1u:hover{background:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .toast.svelte-twem1u{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .progress-bar.svelte-twem1u,.dark-mode-override .skeleton.svelte-twem1u{background:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .skeleton.svelte-twem1u:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.dark-mode-override .btn.svelte-twem1u{background:var(--lg-primary);color:#fff;border-color:var(--lg-primary)}.dark-mode-override .btn.svelte-twem1u:hover{background:var(--lg-primary-hover, #3a5a40);border-color:var(--lg-primary-hover, #3a5a40)}.dark-mode-override .btn.svelte-twem1u:disabled{background:var(--lg-warm-300, #4a4a4a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-muted, #9a9a9a)}.dark-mode-override .btn-secondary.svelte-twem1u{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .btn-secondary.svelte-twem1u:hover{background:var(--lg-warm-200, #3a3a3a);border-color:var(--lg-primary);color:var(--lg-primary)}.dark-mode-override .empty-state.svelte-twem1u{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .empty-state.svelte-twem1u h3:where(.svelte-twem1u){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .empty-state.svelte-twem1u p:where(.svelte-twem1u){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .tooltip.svelte-twem1u{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .badge.svelte-twem1u{background:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .badge-primary.svelte-twem1u{background:var(--lg-primary);color:#fff;border-color:var(--lg-primary)}.dark-mode-override .badge-success.svelte-twem1u{background:var(--lg-success);color:#fff;border-color:var(--lg-success)}.dark-mode-override .badge-warning.svelte-twem1u{background:var(--lg-warning);color:#fff;border-color:var(--lg-warning)}.dark-mode-override .badge-error.svelte-twem1u{background:var(--lg-error);color:#fff;border-color:var(--lg-error)}.dark-mode-override .badge-info.svelte-twem1u{background:var(--lg-info);color:#fff;border-color:var(--lg-info)}