.upgrade-banner.svelte-t5p0cm{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;animation:svelte-t5p0cm-slideDown .3s ease}@keyframes svelte-t5p0cm-slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-banner.blue.svelte-t5p0cm{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd}.upgrade-banner.purple.svelte-t5p0cm{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #c4b5fd}.upgrade-banner.orange.svelte-t5p0cm{background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #fb923c}.banner-content.svelte-t5p0cm{display:flex;align-items:center;gap:1rem;flex:1}.banner-icon.svelte-t5p0cm{font-size:2rem;flex-shrink:0}.banner-text.svelte-t5p0cm{flex:1}.banner-title.svelte-t5p0cm{font-size:.9375rem;font-weight:700;color:#111827;margin-bottom:.25rem}.banner-message.svelte-t5p0cm{font-size:.875rem;color:#374151;line-height:1.5}.banner-actions.svelte-t5p0cm{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.upgrade-button.svelte-t5p0cm{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #10b9814d;font-family:inherit}.upgrade-button.svelte-t5p0cm:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.dismiss-button.svelte-t5p0cm{background:#0000001a;border:none;border-radius:50%;width:28px;height:28px;font-size:1.25rem;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.dismiss-button.svelte-t5p0cm:hover{background:#00000026;color:#374151}@media(max-width:768px){.upgrade-banner.svelte-t5p0cm{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.banner-content.svelte-t5p0cm{flex-direction:column;align-items:flex-start;gap:.75rem}.banner-icon.svelte-t5p0cm{font-size:1.75rem}.banner-actions.svelte-t5p0cm{width:100%}.upgrade-button.svelte-t5p0cm{flex:1;padding:.75rem 1rem;font-size:.8125rem}.dismiss-button.svelte-t5p0cm{position:absolute;top:1rem;right:1rem}}.modal-overlay.svelte-27wlta{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:svelte-27wlta-fadeIn .2s ease}@keyframes svelte-27wlta-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-27wlta{background:#fff;border-radius:20px;padding:3rem;max-width:540px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:svelte-27wlta-slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes svelte-27wlta-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button.svelte-27wlta{position:absolute;top:1.5rem;right:1.5rem;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.close-button.svelte-27wlta:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.modal-icon.svelte-27wlta{font-size:4rem;text-align:center;margin-bottom:1.5rem}.modal-title.svelte-27wlta{font-size:2rem;font-weight:800;color:#111827;text-align:center;margin-bottom:.5rem}.modal-subtitle.svelte-27wlta{font-size:1rem;color:#6b7280;text-align:center;margin-bottom:1.5rem}.modal-message.svelte-27wlta{font-size:1rem;color:#374151;text-align:center;margin-bottom:2rem;line-height:1.6}.features-list.svelte-27wlta{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:.875rem}.feature-item.svelte-27wlta{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem}.feature-check.svelte-27wlta{color:#10b981;font-size:1.125rem;font-weight:700;flex-shrink:0}.feature-text.svelte-27wlta{color:#374151;line-height:1.5}.pricing-badge.svelte-27wlta{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:12px;padding:1.25rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 12px #f59e0b4d}.price-main.svelte-27wlta{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.price.svelte-27wlta{font-size:2.5rem;font-weight:800}.period.svelte-27wlta{font-size:1rem;opacity:.9}.price-note.svelte-27wlta{font-size:.875rem;opacity:.95;font-weight:600}.modal-actions.svelte-27wlta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.upgrade-button.svelte-27wlta{width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d;font-family:inherit}.upgrade-button.svelte-27wlta:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.cancel-button.svelte-27wlta{width:100%;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;background:transparent;color:#6b7280;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.cancel-button.svelte-27wlta:hover{color:#374151}.trust-signals.svelte-27wlta{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.8125rem;color:#6b7280}.separator.svelte-27wlta{opacity:.5}@media(max-width:640px){.modal-content.svelte-27wlta{padding:2rem 1.5rem}.modal-icon.svelte-27wlta{font-size:3rem}.modal-title.svelte-27wlta{font-size:1.5rem}.modal-subtitle.svelte-27wlta,.modal-message.svelte-27wlta{font-size:.9375rem}.features-list.svelte-27wlta{padding:1.25rem}.feature-item.svelte-27wlta{font-size:.875rem}.price.svelte-27wlta{font-size:2rem}.trust-signals.svelte-27wlta{flex-direction:column;gap:.5rem}.separator.svelte-27wlta{display:none}}.home-page.svelte-50hmas{min-height:100%;width:100%;background:#1e1e1e;color:#ccc;padding:0;margin:0}.my-canvases-section.svelte-50hmas{padding:var(--page-padding-y) var(--page-padding-x);width:100%;background:transparent;position:relative;z-index:1}.hero-section.svelte-50hmas{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:var(--space-2xl);margin-bottom:var(--section-gap);position:relative;overflow:hidden}.hero-section.svelte-50hmas:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-content.svelte-50hmas{display:flex;justify-content:space-between;align-items:center;gap:3rem;position:relative;z-index:1;flex-wrap:wrap}.hero-text.svelte-50hmas{flex:1;min-width:300px}.hero-greeting.svelte-50hmas{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;line-height:1.2}.hero-name.svelte-50hmas{background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle.svelte-50hmas{font-size:1.125rem;color:#9ca3af;margin:0;line-height:1.6}.progress-card.svelte-50hmas{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003}.progress-ring-container.svelte-50hmas{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring.svelte-50hmas{transform:rotate(0);transition:all .6s ease}.progress-percentage.svelte-50hmas{position:absolute;font-size:2rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.progress-stats.svelte-50hmas{display:flex;gap:2rem;align-items:center}.stat-item.svelte-50hmas{text-align:center}.stat-value.svelte-50hmas{font-size:2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.stat-label.svelte-50hmas{font-size:.875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-divider.svelte-50hmas{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent)}.hero-cta.svelte-50hmas{width:100%;display:flex;justify-content:flex-end;margin-top:2rem}.hero-cta-btn.svelte-50hmas{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b98166;position:relative;overflow:hidden}.hero-cta-btn.svelte-50hmas:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero-cta-btn.svelte-50hmas:hover:before{left:100%}.hero-cta-btn.svelte-50hmas:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #10b98180}.cta-icon.svelte-50hmas{font-size:1.5rem}@media(max-width:968px){.hero-section.svelte-50hmas{padding:2rem}.hero-content.svelte-50hmas{flex-direction:column;align-items:flex-start;gap:2rem}.hero-greeting.svelte-50hmas{font-size:2rem}.progress-card.svelte-50hmas{width:100%}.hero-cta.svelte-50hmas{justify-content:stretch}.hero-cta-btn.svelte-50hmas{width:100%;justify-content:center}}.create-canvas-btn.svelte-50hmas{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.create-canvas-btn.svelte-50hmas:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.btn-icon.svelte-50hmas{font-size:1.25rem}.skeleton-card.svelte-50hmas{background:linear-gradient(135deg,#2d2d30,#252528);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.75rem;overflow:hidden;animation:svelte-50hmas-fadeInSkeleton .6s ease-out forwards;opacity:0}@keyframes svelte-50hmas-fadeInSkeleton{to{opacity:1}}.skeleton-header.svelte-50hmas{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.skeleton-icon.svelte-50hmas{width:48px;height:48px;border-radius:12px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:svelte-50hmas-shimmer 1.5s infinite}.skeleton-badges.svelte-50hmas{display:flex;gap:.5rem}.skeleton-badge.svelte-50hmas{width:60px;height:24px;border-radius:12px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:svelte-50hmas-shimmer 1.5s infinite}.skeleton-title.svelte-50hmas{width:70%;height:28px;border-radius:8px;margin-bottom:1rem;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:svelte-50hmas-shimmer 1.5s infinite}.skeleton-description.svelte-50hmas{margin-bottom:1.5rem}.skeleton-line.svelte-50hmas{height:16px;border-radius:8px;margin-bottom:.5rem;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:svelte-50hmas-shimmer 1.5s infinite}.skeleton-line.short.svelte-50hmas{width:60%}.skeleton-progress.svelte-50hmas{width:100%;height:8px;border-radius:10px;margin-bottom:1.5rem;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:svelte-50hmas-shimmer 1.5s infinite}.skeleton-actions.svelte-50hmas{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.skeleton-btn.svelte-50hmas{flex:1;height:42px;border-radius:10px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:svelte-50hmas-shimmer 1.5s infinite}.error-state.svelte-50hmas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.error-icon-container.svelte-50hmas{position:relative;margin-bottom:2rem}.error-icon.svelte-50hmas{font-size:5rem;position:relative;z-index:1;animation:svelte-50hmas-errorBounce 2s ease-in-out infinite}@keyframes svelte-50hmas-errorBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-pulse.svelte-50hmas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.2) 0%,transparent 70%);animation:svelte-50hmas-pulsate 2s ease-out infinite}@keyframes svelte-50hmas-pulsate{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.error-title.svelte-50hmas{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem}.error-message.svelte-50hmas{color:#ef4444;font-size:1.125rem;font-weight:500;margin-bottom:2rem;max-width:400px}.retry-btn.svelte-50hmas{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.retry-btn.svelte-50hmas:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.retry-icon.svelte-50hmas{font-size:1.25rem;animation:svelte-50hmas-rotateIcon 2s linear infinite}@keyframes svelte-50hmas-rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn.svelte-50hmas:hover .retry-icon:where(.svelte-50hmas){animation-duration:.6s}.empty-state.svelte-50hmas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.empty-illustration.svelte-50hmas{position:relative;width:200px;height:200px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.empty-circle.svelte-50hmas{position:absolute;border-radius:50%;border:2px dashed rgba(139,92,246,.3);animation:svelte-50hmas-float 3s ease-in-out infinite}.empty-circle.circle-1.svelte-50hmas{width:180px;height:180px;animation-delay:0s}.empty-circle.circle-2.svelte-50hmas{width:140px;height:140px;animation-delay:.5s;border-color:#3b82f64d}.empty-circle.circle-3.svelte-50hmas{width:100px;height:100px;animation-delay:1s;border-color:#10b9814d}@keyframes svelte-50hmas-float{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.empty-icon.svelte-50hmas{font-size:5rem;position:relative;z-index:1;animation:svelte-50hmas-bounce 2s ease-in-out infinite}@keyframes svelte-50hmas-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.empty-title.svelte-50hmas{font-size:2rem;font-weight:800;color:#fff;margin-bottom:1rem}.empty-description.svelte-50hmas{color:#9ca3af;font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem;max-width:500px}.empty-cta-btn.svelte-50hmas{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b98166;margin-bottom:3rem}.empty-cta-btn.svelte-50hmas:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #10b98180;background:linear-gradient(135deg,#059669,#047857)}.empty-features.svelte-50hmas{display:flex;flex-direction:column;gap:1rem;max-width:400px}.feature-item.svelte-50hmas{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#9ca3af}.feature-check.svelte-50hmas{color:#10b981;font-size:1.125rem;font-weight:700;flex-shrink:0}.canvas-grid.svelte-50hmas{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--card-gap)}.canvas-card.svelte-50hmas{position:relative;background:linear-gradient(135deg,#2d2d30,#252528);border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006,0 0 0 1px #ffffff0d inset}.canvas-card.svelte-50hmas:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981);opacity:0;transition:opacity .3s ease}.canvas-card.svelte-50hmas:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #8b5cf64d,0 0 0 1px #8b5cf666 inset;border-color:#8b5cf699}.canvas-card.svelte-50hmas:hover:before{opacity:1}.card-gradient-bg.svelte-50hmas{position:absolute;inset:0;opacity:.05;pointer-events:none;transition:opacity .3s ease}.canvas-card[data-completion="100"].svelte-50hmas .card-gradient-bg:where(.svelte-50hmas){background:linear-gradient(135deg,#10b981,#059669);opacity:.15}.canvas-card[data-completion^="9"].svelte-50hmas .card-gradient-bg:where(.svelte-50hmas),.canvas-card[data-completion^="8"].svelte-50hmas .card-gradient-bg:where(.svelte-50hmas){background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:.12}.canvas-card[data-completion^="7"].svelte-50hmas .card-gradient-bg:where(.svelte-50hmas),.canvas-card[data-completion^="6"].svelte-50hmas .card-gradient-bg:where(.svelte-50hmas){background:linear-gradient(135deg,#8b5cf6,#7c3aed);opacity:.1}.canvas-card.svelte-50hmas:hover .card-gradient-bg:where(.svelte-50hmas){opacity:calc(attr(data-completion)/500)}.card-content.svelte-50hmas{position:relative;padding:1.75rem;z-index:1}.canvas-card-header.svelte-50hmas{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.canvas-icon.svelte-50hmas{font-size:2rem}.canvas-badges.svelte-50hmas{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.canvas-status.svelte-50hmas{padding:.375rem .875rem;background:#ffffff1a;color:var(--text-tertiary);border-radius:20px;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize}.canvas-status.active.svelte-50hmas{background:#10b98133;color:#10b981}.investment-grade-badge.svelte-50hmas{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;cursor:help;transition:all .2s ease;box-shadow:0 2px 4px #0003}.investment-grade-badge.svelte-50hmas:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.grade-a.svelte-50hmas{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.grade-b.svelte-50hmas{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.grade-c.svelte-50hmas{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.grade-d.svelte-50hmas{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.grade-f.svelte-50hmas{background:linear-gradient(135deg,#991b1b,#7f1d1d);color:#fff}.canvas-name.svelte-50hmas{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.4}.canvas-description.svelte-50hmas{color:#9ca3af;font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-bar-container.svelte-50hmas{margin-bottom:1.5rem}.progress-bar-bg.svelte-50hmas{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:.5rem;position:relative}.progress-bar-fill.svelte-50hmas{height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981);border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-fill.svelte-50hmas:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:svelte-50hmas-shimmer 2s infinite}@keyframes svelte-50hmas-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text.svelte-50hmas{font-size:.8125rem;color:#9ca3af;font-weight:600}.health-metrics.svelte-50hmas{margin-bottom:1.5rem}.card-actions.svelte-50hmas{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.action-btn.svelte-50hmas{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffffff0d;color:#fff}.action-btn.svelte-50hmas:hover{transform:translateY(-2px);border-color:#ffffff4d;background:#ffffff1a}.action-primary.svelte-50hmas{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f64d}.action-primary.svelte-50hmas:hover{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f64d}.action-secondary.svelte-50hmas{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border-color:#8b5cf64d}.action-secondary.svelte-50hmas:hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf64d}.action-accent.svelte-50hmas{flex:0 0 auto;background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b9814d}.action-accent.svelte-50hmas:hover{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#10b98180;box-shadow:0 4px 12px #10b9814d}.action-icon.svelte-50hmas{font-size:1.125rem}.filters-section.svelte-50hmas{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#2d2d30;border-radius:12px;margin-bottom:1rem;align-items:center;border:1px solid #3e3e42}.search-box.svelte-50hmas{position:relative;flex:1;min-width:250px;display:flex;align-items:center}.search-icon.svelte-50hmas{position:absolute;left:1rem;font-size:1.2rem;color:var(--text-muted)}.search-input.svelte-50hmas{width:100%;padding:.75rem 2.5rem;border:1px solid #3e3e42;border-radius:8px;font-size:.95rem;transition:all .2s;background:#1e1e1e;color:#ccc}.search-input.svelte-50hmas:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff33}.clear-search.svelte-50hmas{position:absolute;right:.75rem;background:#e5e7eb;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;color:#6b7280;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.clear-search.svelte-50hmas:hover{background:#d1d5db;color:var(--text-primary)}.sort-controls.svelte-50hmas{display:flex;align-items:center;gap:.5rem}.filter-label.svelte-50hmas{font-size:.9rem;font-weight:600;color:#ccc}.filter-select.svelte-50hmas{padding:.5rem .75rem;border:1px solid #3e3e42;border-radius:8px;font-size:.9rem;background:#1e1e1e;color:#ccc;cursor:pointer;transition:all .2s}.filter-select.svelte-50hmas:focus{outline:none;border-color:#4a9eff}.sort-order-btn.svelte-50hmas{width:36px;height:36px;border:1px solid #3e3e42;background:#1e1e1e;border-radius:8px;cursor:pointer;font-size:1.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#ccc}.sort-order-btn.svelte-50hmas:hover{border-color:#4a9eff;background:#4a9eff1a;color:#4a9eff}.completion-filter.svelte-50hmas{display:flex;align-items:center;gap:.75rem}.filter-buttons.svelte-50hmas{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn.svelte-50hmas{padding:.5rem 1rem;border:1px solid #3e3e42;background:#1e1e1e;border-radius:8px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);cursor:pointer;transition:all .2s}.filter-btn.svelte-50hmas:hover{border-color:#4a9eff;color:#4a9eff;background:#4a9eff0d}.filter-btn.active.svelte-50hmas{background:#4a9eff;border-color:#4a9eff;color:#fff;font-weight:600}.results-info.svelte-50hmas{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-md);font-weight:var(--font-medium)}.no-results.svelte-50hmas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.no-results-illustration.svelte-50hmas{position:relative;width:160px;height:160px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.no-results-icon.svelte-50hmas{font-size:5rem;position:relative;z-index:1;animation:svelte-50hmas-searchPulse 2s ease-in-out infinite}@keyframes svelte-50hmas-searchPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.search-lines.svelte-50hmas{position:absolute;width:100%;height:100%}.search-line.svelte-50hmas{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent);border-radius:2px;animation:svelte-50hmas-searchScan 3s ease-in-out infinite}.search-line.svelte-50hmas:nth-child(1){top:30%;left:0;right:0;animation-delay:0s}.search-line.svelte-50hmas:nth-child(2){top:50%;left:0;right:0;animation-delay:.5s}.search-line.svelte-50hmas:nth-child(3){top:70%;left:0;right:0;animation-delay:1s}@keyframes svelte-50hmas-searchScan{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}.no-results-title.svelte-50hmas{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem}.no-results-description.svelte-50hmas{color:#9ca3af;font-size:1.125rem;margin-bottom:2rem;max-width:400px}.no-results-description.svelte-50hmas strong:where(.svelte-50hmas){color:#fff;font-weight:600}.clear-filters-btn.svelte-50hmas{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.clear-filters-btn.svelte-50hmas:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.clear-icon.svelte-50hmas{font-size:1.25rem}@media(max-width:1024px){.canvas-grid.svelte-50hmas{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media(max-width:768px){.my-canvases-section.svelte-50hmas{padding:2rem 1rem;margin-bottom:2rem}.canvas-grid.svelte-50hmas{grid-template-columns:1fr;gap:1.25rem}.card-content.svelte-50hmas{padding:1.5rem}.card-actions.svelte-50hmas{flex-wrap:wrap}.action-btn.svelte-50hmas{font-size:.8125rem;padding:.625rem .875rem}.filters-section.svelte-50hmas{flex-direction:column;align-items:stretch}.search-box.svelte-50hmas{min-width:100%}.sort-controls.svelte-50hmas,.completion-filter.svelte-50hmas{flex-direction:column;align-items:flex-start;width:100%}.filter-select.svelte-50hmas,.filter-buttons.svelte-50hmas{width:100%}.filter-btn.svelte-50hmas{flex:1}}@keyframes svelte-50hmas-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-page.svelte-50hmas>:where(.svelte-50hmas){animation:svelte-50hmas-fadeInUp .6s ease-out}.home-page.svelte-50hmas>:where(.svelte-50hmas):nth-child(2){animation-delay:.1s}.home-page.svelte-50hmas>:where(.svelte-50hmas):nth-child(3){animation-delay:.2s}.home-page.svelte-50hmas>:where(.svelte-50hmas):nth-child(4){animation-delay:.3s}.modal-overlay.svelte-50hmas{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:svelte-50hmas-fadeIn .2s ease}.modal-content.svelte-50hmas{background:#2a2a2a;border-radius:12px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:svelte-50hmas-slideUp .3s ease}.modal-header.svelte-50hmas{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title.svelte-50hmas{font-size:24px;font-weight:600;color:#fff;margin:0}.modal-close.svelte-50hmas{background:transparent;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close.svelte-50hmas:hover{background:#3a3a3a;color:#fff}.form-group.svelte-50hmas{margin-bottom:24px}.form-label.svelte-50hmas{display:block;font-size:14px;font-weight:500;color:#ccc;margin-bottom:8px}.form-input.svelte-50hmas{width:100%;padding:12px;background:#1e1e1e;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.form-input.svelte-50hmas:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.modal-actions.svelte-50hmas{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn-primary.svelte-50hmas,.btn-secondary.svelte-50hmas{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary.svelte-50hmas{background:#06c;color:#fff}.btn-primary.svelte-50hmas:hover:not(:disabled){background:#0052a3;transform:translateY(-1px)}.btn-primary.svelte-50hmas:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-50hmas{background:transparent;color:#ccc;border:1px solid #444}.btn-secondary.svelte-50hmas:hover:not(:disabled){background:#3a3a3a;border-color:#666}@keyframes svelte-50hmas-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-50hmas-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}