:root{--primary-color: #4F46E5;--primary-hover: #4338CA;--background-color: #f4f5f7;--card-background: #fafbfc;--text-primary: #111827;--text-secondary: #6B7280;--border-color: #E5E7EB;--success-color: #10B981;--error-color: #EF4444;--bg-primary: #ffffff;--bg-second: #f8fafc;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--accent-color: #2563eb;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--primary-color: #6366F1;--primary-hover: #4F46E5;--background-color: #111827;--card-background: #1F2937;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--border-color: #374151;--success-color: #059669;--error-color: #DC2626;--bg-primary: #1e293b;--bg-second: #0f172a;--bg-hover: #1e293b;--bg-active: #334155;--accent-color: #3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);min-height:100vh;min-height:-webkit-fill-available;width:100%;margin:0;padding:0}html{height:-webkit-fill-available}#app{margin:0 auto;min-height:100vh;min-height:-webkit-fill-available}.container{background-color:var(--card-background);border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:2rem;margin-bottom:2rem}.container-viewer{min-width:70%;padding-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;font-size:.875rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--background-color)}.dropzone{border:2px dashed var(--border-color);border-radius:1rem;padding:2rem;text-align:center;background-color:var(--background-color);transition:all .2s ease}.dropzone:hover{border-color:var(--primary-color);background-color:#f5f3ff}.color-swatch{width:40px;height:40px;border-radius:.5rem;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease}.color-swatch:hover{transform:scale(1.1);box-shadow:0 4px 6px #0000001a}.colors-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:1rem;padding:1rem;background-color:var(--background-color);border-radius:.5rem;margin:1rem 0}.reset-colors{display:none;background-color:var(--error-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-colors:hover{filter:brightness(110%)}.canvas-container{background-color:var(--card-background);border-radius:1rem;box-shadow:0 1px 3px #0000001a}.canvas{width:100%;height:auto;border-radius:.5rem;background-color:var(--background-color)}@media (max-width: 768px){.container{padding:1rem}.btn{width:100%}}.header.svelte-1aaswgi.svelte-1aaswgi{padding:1rem 0;position:relative;z-index:40}.header-content.svelte-1aaswgi.svelte-1aaswgi{max-width:1300px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.logo-link.svelte-1aaswgi.svelte-1aaswgi{text-decoration:none;color:inherit}.logo-text.svelte-1aaswgi.svelte-1aaswgi{letter-spacing:-.05rem;font-family:Sora,sans-serif;font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,rgb(37,99,235) 0%,rgb(79,70,229) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.logo-text-sub.svelte-1aaswgi.svelte-1aaswgi{font-size:1.8rem;font-weight:500;margin-left:-.2rem;color:#9ca3af}.nav-links.svelte-1aaswgi.svelte-1aaswgi{display:flex;gap:.75rem;background-color:#f1f5f9;padding:.375rem;border-radius:.75rem;align-items:center}.nav-button.svelte-1aaswgi.svelte-1aaswgi{text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;color:#475569;font-size:.875rem;font-weight:500;transition:all .2s ease}.nav-button.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#e2e8f0}.nav-button.active.svelte-1aaswgi.svelte-1aaswgi{background-color:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.desktop-nav.svelte-1aaswgi.svelte-1aaswgi{display:flex;gap:.75rem;background-color:#f1f5f9;padding:.375rem;border-radius:.75rem}.hamburger-btn.svelte-1aaswgi.svelte-1aaswgi{display:none;background:none;border:none;padding:.5rem;cursor:pointer;z-index:60}.hamburger-icon.svelte-1aaswgi.svelte-1aaswgi{width:24px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon.svelte-1aaswgi span.svelte-1aaswgi{display:block;width:100%;height:2px;background-color:#475569;transition:all .3s ease;transform-origin:left center}.hamburger-icon.open.svelte-1aaswgi span.svelte-1aaswgi:first-child{transform:rotate(45deg)}.hamburger-icon.open.svelte-1aaswgi span.svelte-1aaswgi:nth-child(2){opacity:0}.hamburger-icon.open.svelte-1aaswgi span.svelte-1aaswgi:last-child{transform:rotate(-45deg)}.mobile-nav-overlay.svelte-1aaswgi.svelte-1aaswgi{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:100;backdrop-filter:blur(4px)}.mobile-nav.svelte-1aaswgi.svelte-1aaswgi{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:2rem;border-radius:1.5rem 1.5rem 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:105;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f}.mobile-nav.open.svelte-1aaswgi.svelte-1aaswgi{transform:translateY(0)}.mobile-nav-content.svelte-1aaswgi.svelte-1aaswgi{display:flex;flex-direction:column;gap:1rem}.mobile-nav-button.svelte-1aaswgi.svelte-1aaswgi{text-decoration:none;padding:1rem;border-radius:.75rem;color:#475569;font-size:1rem;font-weight:500;transition:all .2s ease;text-align:center;background-color:#f1f5f9}.mobile-nav-button.active.svelte-1aaswgi.svelte-1aaswgi{background-color:#2563eb;color:#fff}@media (max-width: 768px){.desktop-nav.svelte-1aaswgi.svelte-1aaswgi{display:none}.hamburger-btn.svelte-1aaswgi.svelte-1aaswgi{display:block}.header-content.svelte-1aaswgi.svelte-1aaswgi{padding:0 1rem;z-index:100!important}.logo-text.svelte-1aaswgi.svelte-1aaswgi,.logo-text-sub.svelte-1aaswgi.svelte-1aaswgi{font-size:1.5rem}.unit-dropdown.svelte-1aaswgi.svelte-1aaswgi{display:none}}.unit-dropdown.svelte-1aaswgi.svelte-1aaswgi{position:relative;margin-left:.5rem;width:110px}.unit-dropdown-trigger.svelte-1aaswgi.svelte-1aaswgi{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:none;border-radius:.5rem;background-color:#fff;color:#334155;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.unit-dropdown-trigger.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#f8fafc}.dropdown-chevron.svelte-1aaswgi.svelte-1aaswgi{transition:transform .15s cubic-bezier(.4,0,.2,1);width:14px;height:14px;flex-shrink:0}.dropdown-chevron.open.svelte-1aaswgi.svelte-1aaswgi{transform:rotate(180deg)}.unit-dropdown-content.svelte-1aaswgi.svelte-1aaswgi{position:absolute;top:calc(100% + .25rem);right:0;width:100%;background-color:#fff;border:1px solid rgb(226,232,240);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;opacity:0;transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.unit-dropdown-content.svelte-1aaswgi.svelte-1aaswgi.visible{opacity:1;transform:translateY(0);pointer-events:auto}.unit-dropdown-item.svelte-1aaswgi.svelte-1aaswgi{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;color:#334155;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;text-align:left;cursor:pointer;border:none;background:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.unit-dropdown-item.svelte-1aaswgi.svelte-1aaswgi:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.unit-dropdown-item.svelte-1aaswgi.svelte-1aaswgi:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.unit-dropdown-item.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#f8fafc}.unit-dropdown-item.selected.svelte-1aaswgi.svelte-1aaswgi{color:#2563eb;background-color:#eff6ff}.check-icon.svelte-1aaswgi.svelte-1aaswgi{color:#2563eb;width:14px;height:14px;flex-shrink:0}.dark-mode-toggle.svelte-1aaswgi.svelte-1aaswgi{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:.5rem;background-color:#fff;color:#334155;cursor:pointer;transition:all .2s ease}.dark-mode-toggle.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#e2e8f0}.dark .dark-mode-toggle.svelte-1aaswgi.svelte-1aaswgi{background-color:#1e293b;color:#e2e8f0}.dark .dark-mode-toggle.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#334155}.dark .nav-links.svelte-1aaswgi.svelte-1aaswgi{background-color:#1e293b}.dark .nav-button.svelte-1aaswgi.svelte-1aaswgi{color:#e2e8f0}.dark .nav-button.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#334155}.dark .nav-button.active.svelte-1aaswgi.svelte-1aaswgi{background-color:#0f172a;color:#3b82f6}.dark .unit-dropdown-trigger.svelte-1aaswgi.svelte-1aaswgi{background-color:#1e293b;color:#e2e8f0}.dark .unit-dropdown-trigger.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#334155}.dark .unit-dropdown-content.svelte-1aaswgi.svelte-1aaswgi{background-color:#1e293b;border-color:#334155}.dark .unit-dropdown-item.svelte-1aaswgi.svelte-1aaswgi{color:#e2e8f0}.dark .unit-dropdown-item.svelte-1aaswgi.svelte-1aaswgi:hover{background-color:#334155}.dark .unit-dropdown-item.selected.svelte-1aaswgi.svelte-1aaswgi{background-color:#1e293b;color:#3b82f6}.dark .mobile-nav.svelte-1aaswgi.svelte-1aaswgi{background-color:#0f172a}.dark .mobile-nav-button.svelte-1aaswgi.svelte-1aaswgi{background-color:#1e293b;color:#e2e8f0}.dark .mobile-nav-button.active.svelte-1aaswgi.svelte-1aaswgi{background-color:#3b82f6}.dark .hamburger-icon.svelte-1aaswgi span.svelte-1aaswgi{background-color:#e2e8f0}#container.svelte-1fidr90.svelte-1fidr90{display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center;margin-top:20px}#container:has(.canvas-container + .canvas-container){gap:20px}.canvas-container.svelte-1fidr90.svelte-1fidr90{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;width:100%;max-width:1200px;margin-bottom:30px;padding:25px 55px 40px;border:1px solid var(--bg-primary);border-radius:12px;background-color:var(--bg-primary);background-image:url({selectedBackground});background-repeat:repeat;background-position:center;background-size:100% 100%;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffff0d;color:var(--text-primary);font-family:Sora,sans-serif;text-align:center;transition:all .3s ease-in-out;opacity:0;transition:opacity .3s ease-in-out,all .3s ease-in-out}.canvas.svelte-1fidr90.svelte-1fidr90{height:300px;width:100%;object-fit:contain;background-color:transparent;margin-bottom:10px}.colors-container.svelte-1fidr90.svelte-1fidr90{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;row-gap:8px;width:100%;max-width:500px;padding:15px;background:var(--bg-second);border-radius:12px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000001a;backdrop-filter:blur(10px);border:1px solid var(--border-color)}.color-swatch{height:25px!important;width:25px!important;border-radius:6px!important;border:2px solid rgba(255,255,255,.1)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 4px #0003,inset 0 1px 1px #ffffff1a!important}.color-swatch:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 1px 1px #fff3!important}.color-swatch:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #0003!important}.stitches-container.svelte-1fidr90.svelte-1fidr90{width:100%;max-width:500px;margin:10px 0;background:var(--bg-second);border-radius:12px;padding:15px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000001a;backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-primary)}.download-buttons.svelte-1fidr90.svelte-1fidr90{display:flex;gap:.5rem;width:100%;position:relative;bottom:-20px}.download-button.svelte-1fidr90.svelte-1fidr90{flex:1;position:relative;background:var(--bg-second);color:var(--text-primary);border:1px solid var(--border-color);font-family:Sora,sans-serif;font-weight:500;font-size:.875rem;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a,0 1px 3px #0000001a;backdrop-filter:blur(10px);overflow:hidden}.download-button.svelte-1fidr90.svelte-1fidr90:hover{background:var(--bg-hover);transform:translateY(-1px)}.download-button.svelte-1fidr90.svelte-1fidr90:active{transform:translateY(0);background:var(--bg-active);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d}.gif-button.svelte-1fidr90.svelte-1fidr90{background:var(--bg-second)}.gif-button.svelte-1fidr90.svelte-1fidr90:hover{background:var(--bg-hover)}.gif-button.svelte-1fidr90.svelte-1fidr90:hover:before{left:100%}.gif-button.svelte-1fidr90.svelte-1fidr90:active{transform:translateY(0);background:var(--bg-active);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d}.gif-button.svelte-1fidr90 svg.svelte-1fidr90{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.download-text.svelte-1fidr90.svelte-1fidr90{letter-spacing:.025em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media only screen and (max-device-width: 812px){.canvas-container.svelte-1fidr90.svelte-1fidr90{width:90%;min-height:auto;margin:20px auto 40px}.canvas.svelte-1fidr90.svelte-1fidr90{height:400px}.download-button.svelte-1fidr90.svelte-1fidr90{font-size:.8125rem;padding:.675rem 1.25rem}}.canvas-container.loaded.svelte-1fidr90.svelte-1fidr90{opacity:1}.background-selector.svelte-1fidr90.svelte-1fidr90{display:flex;justify-content:space-evenly;gap:20px}.background-selector.svelte-1fidr90 button.svelte-1fidr90{margin-top:20px;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--bg-second);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a}.background-selector.svelte-1fidr90 button.svelte-1fidr90:hover{background-color:var(--bg-hover);transform:translateY(0)}.background-selector.svelte-1fidr90 button.active.svelte-1fidr90{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.controls-container.svelte-1fidr90.svelte-1fidr90{display:flex;justify-content:center;align-items:center;gap:1rem}.dropdown-chevron.svelte-1fidr90.svelte-1fidr90{transition:transform .15s cubic-bezier(.4,0,.2,1)}.dropdown-chevron.open.svelte-1fidr90.svelte-1fidr90{transform:rotate(180deg)}@keyframes svelte-1fidr90-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.check-icon.svelte-1fidr90.svelte-1fidr90{color:#2563eb}.desktop-only.svelte-1fidr90.svelte-1fidr90{display:flex}.mobile-only.svelte-1fidr90.svelte-1fidr90{display:none}.background-dropdown.svelte-1fidr90.svelte-1fidr90{position:relative;display:none}.background-dropdown-trigger.svelte-1fidr90.svelte-1fidr90{display:flex;align-items:center;gap:.5rem;padding:1.25rem;border:1px solid var(--bg-second);border-radius:.5rem;background-color:var(--bg-second);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:1.25rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0003}.background-dropdown-trigger.svelte-1fidr90.svelte-1fidr90:hover{background-color:color-mix(in srgb,var(--bg-second) 90%,white)}.background-dropdown-content.svelte-1fidr90.svelte-1fidr90{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--bg-second);border:1px solid var(--bg-second);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000004d;z-index:50;animation:svelte-1fidr90-scaleIn .15s cubic-bezier(.4,0,.2,1);transform-origin:top}.background-dropdown-item.svelte-1fidr90.svelte-1fidr90{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;text-align:left;cursor:pointer;border:none;background:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.background-dropdown-item.svelte-1fidr90.svelte-1fidr90:hover{background-color:color-mix(in srgb,var(--bg-second) 90%,white)}.background-dropdown-item.selected.svelte-1fidr90.svelte-1fidr90{color:#60a5fa;background-color:color-mix(in srgb,var(--bg-second) 80%,#60a5fa 20%)}@media (max-width: 812px){.desktop-only.svelte-1fidr90.svelte-1fidr90{display:none!important}.mobile-only.svelte-1fidr90.svelte-1fidr90,.background-dropdown.svelte-1fidr90.svelte-1fidr90{display:block}.controls-container.svelte-1fidr90.svelte-1fidr90{flex-direction:column;gap:1rem;width:100%}.background-dropdown.svelte-1fidr90.svelte-1fidr90{width:100%}.background-dropdown-trigger.svelte-1fidr90.svelte-1fidr90{width:100%;justify-content:space-between}.animation-controls.svelte-1fidr90.svelte-1fidr90,.gif-button.svelte-1fidr90.svelte-1fidr90{display:none!important}}.animation-controls.svelte-1fidr90.svelte-1fidr90{position:absolute;top:10px;left:10px;display:flex;gap:6px;background:var(--bg-second);padding:6px;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000001a;backdrop-filter:blur(10px);border:1px solid var(--border-color);z-index:10}.animation-button.svelte-1fidr90.svelte-1fidr90{background:var(--bg-second);border:1px solid var(--border-color);border-radius:6px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);width:24px;height:24px;position:relative;overflow:hidden}.animation-button.svelte-1fidr90.svelte-1fidr90:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.animation-button.svelte-1fidr90.svelte-1fidr90:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a,0 2px 4px #0000001a;color:var(--text-primary)}.animation-button.svelte-1fidr90.svelte-1fidr90:hover:before{left:100%}.animation-button.svelte-1fidr90.svelte-1fidr90:active{transform:translateY(0);background:var(--bg-active);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d}.animation-button.svelte-1fidr90 svg.svelte-1fidr90{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.gradient-dropdown.svelte-1fidr90.svelte-1fidr90{position:relative}.gradient-button.svelte-1fidr90.svelte-1fidr90{padding:.5rem;border:1px solid var(--bg-second);border-radius:.375rem;background-color:var(--bg-second);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a;display:flex;align-items:center;justify-content:center}.gradient-icon.svelte-1fidr90.svelte-1fidr90{width:20px;height:20px;border-radius:3px;background:linear-gradient(45deg,rgba(255,182,193,.9) 0%,rgba(255,218,185,.9) 20%,rgba(176,224,230,.9) 40%,rgba(221,160,221,.9) 60%,rgba(255,192,203,.9) 80%,rgba(255,228,196,.9) 100%);transition:transform .2s ease}.gradient-button.svelte-1fidr90:hover .gradient-icon.svelte-1fidr90{transform:scale(1.1)}.gradient-dropdown-content.svelte-1fidr90.svelte-1fidr90{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--bg-second);border:1px solid var(--bg-second);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:.75rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:280px;z-index:50;animation:svelte-1fidr90-scaleIn .15s cubic-bezier(.4,0,.2,1)}.gradient-swatch.svelte-1fidr90.svelte-1fidr90{position:relative;width:100%;padding-top:60%;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);overflow:hidden}.gradient-swatch.svelte-1fidr90.svelte-1fidr90:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.gradient-name.svelte-1fidr90.svelte-1fidr90{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:var(--bg-second);color:#e0e0e0;font-size:.65rem;text-transform:capitalize;opacity:0;transition:opacity .2s ease;letter-spacing:.02em;font-weight:500}.gradient-swatch.svelte-1fidr90:hover .gradient-name.svelte-1fidr90{opacity:1}.gradient-section.svelte-1fidr90.svelte-1fidr90{padding-top:.75rem;margin-top:.75rem}.gradient-grid.svelte-1fidr90.svelte-1fidr90{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding-bottom:1rem}.gradient-swatch-mobile.svelte-1fidr90.svelte-1fidr90{position:relative;width:100%;padding-top:100%;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.gradient-swatch-mobile.svelte-1fidr90 .gradient-name.svelte-1fidr90{display:none}.download-button.svelte-1fidr90.svelte-1fidr90:disabled{opacity:.7;cursor:not-allowed}.download-button.svelte-1fidr90.svelte-1fidr90:disabled:hover{transform:none;box-shadow:0 4px 6px #0003,0 1px 3px #0000004d}#container.iframe-mode.svelte-1fidr90.svelte-1fidr90{margin-top:0;padding:0}.canvas-container.iframe-mode.svelte-1fidr90.svelte-1fidr90{margin:0;padding:15px;min-height:auto;width:100%;border:none;border-radius:0;box-shadow:none}.iframe-layout.svelte-1fidr90.svelte-1fidr90{display:flex;gap:20px;align-items:center;justify-content:center;width:100%}.preview-section.svelte-1fidr90.svelte-1fidr90{min-width:0;flex:1}.info-section.svelte-1fidr90.svelte-1fidr90{flex:0 0 40%;max-width:400px;min-width:0;display:inline-block;flex-direction:column;gap:10px}.canvas-container.iframe-mode.svelte-1fidr90 .canvas.svelte-1fidr90{width:100%;height:auto;max-height:400px;object-fit:contain}.canvas-container.iframe-mode.svelte-1fidr90 .stitches-container.svelte-1fidr90,.canvas-container.iframe-mode.svelte-1fidr90 .colors-container.svelte-1fidr90,.canvas-container.iframe-mode.svelte-1fidr90 .size-container.svelte-1fidr90{margin:0;padding:10px;width:auto}.canvas-container.iframe-mode.svelte-1fidr90 .download-buttons.svelte-1fidr90,.canvas-container.iframe-mode.svelte-1fidr90 .animation-controls.svelte-1fidr90{display:none}@media (max-width: 640px){.iframe-layout.svelte-1fidr90.svelte-1fidr90{min-height:auto;flex-direction:column;align-items:stretch}.preview-section.svelte-1fidr90.svelte-1fidr90,.info-section.svelte-1fidr90.svelte-1fidr90{width:100%;max-width:none}}.download-original.svelte-1fidr90.svelte-1fidr90{background:var(--bg-second);color:var(--text-primary);border:1px solid var(--border-color);font-family:Sora,sans-serif;font-weight:500;font-size:.875rem;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a,0 1px 3px #0000001a;backdrop-filter:blur(10px);margin-top:10px}.download-original.svelte-1fidr90.svelte-1fidr90:hover{background:var(--bg-hover);transform:translateY(-1px)}.download-original.svelte-1fidr90.svelte-1fidr90:active{transform:translateY(0);background:var(--bg-active);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d}.file-icon.svelte-1ma9bci{position:relative;width:60px;height:72px;display:inline-block;transition:transform .2s ease;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.1))}.file-icon.svelte-1ma9bci:hover{transform:translateY(-2px)}.file-svg.svelte-1ma9bci{width:100%;height:100%}.dropzone.svelte-vc27lm.svelte-vc27lm{position:relative;cursor:pointer;padding:3rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px dashed var(--border-color);border-radius:1rem;width:100%;background:var(--bg-second);box-shadow:0 1px 3px #0000000d}.dropzone.svelte-vc27lm.svelte-vc27lm:hover,.dropzone.dragging-over.svelte-vc27lm.svelte-vc27lm{border-color:var(--primary-color);background:var(--bg-hover);box-shadow:0 4px 6px -1px #6366f11a,0 2px 4px -1px #6366f10f}.dropzone.dragging-over.svelte-vc27lm.svelte-vc27lm{border-style:solid;transform:scale(1.02)}.upload-icon.svelte-vc27lm.svelte-vc27lm{color:var(--primary-color);width:48px;height:48px;opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropzone.svelte-vc27lm:hover .upload-icon.svelte-vc27lm{transform:translateY(-2px);opacity:1}.dropzone-text.svelte-vc27lm.svelte-vc27lm{font-size:1.2rem;font-weight:600;color:var(--text-primary);transition:all .3s ease;margin:.75rem 0;text-align:center;letter-spacing:-.025em}#file-input.svelte-vc27lm.svelte-vc27lm{display:none}.format-icons.svelte-vc27lm.svelte-vc27lm{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;padding:1rem .5rem}.dropzone.dropzone-compact.svelte-vc27lm.svelte-vc27lm{padding:1.75rem 2rem;background:var(--bg-primary)}.dropzone.dropzone-compact.svelte-vc27lm .upload-icon.svelte-vc27lm{width:28px;height:28px}.dropzone.dropzone-compact.svelte-vc27lm .dropzone-text.svelte-vc27lm{display:none}.sr-only.svelte-vc27lm.svelte-vc27lm{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dark .dropzone.svelte-vc27lm.svelte-vc27lm{box-shadow:0 1px 3px #0003}.dark .dropzone.svelte-vc27lm.svelte-vc27lm:hover,.dark .dropzone.dragging-over.svelte-vc27lm.svelte-vc27lm{box-shadow:0 4px 6px -1px #818cf81a,0 2px 4px -1px #818cf80f}.dark .dropzone.dragging-over.svelte-vc27lm.svelte-vc27lm{background:rgba(129,140,248,.1)}.file-list.svelte-1wf0qro.svelte-1wf0qro{margin:1rem 0}.file-list-title.svelte-1wf0qro.svelte-1wf0qro{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.file-card.svelte-1wf0qro.svelte-1wf0qro{display:flex;align-items:center;padding:1rem;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:.5rem}.file-card.error.svelte-1wf0qro.svelte-1wf0qro{border-color:var(--error-color);background-color:#fef2f2}.file-card.error.svelte-1wf0qro .file-icon.svelte-1wf0qro{color:var(--error-color)}.file-icon.svelte-1wf0qro.svelte-1wf0qro{color:var(--primary-color);margin-right:1rem}.file-info.svelte-1wf0qro.svelte-1wf0qro{flex:1}.file-name.svelte-1wf0qro.svelte-1wf0qro{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.file-size.svelte-1wf0qro.svelte-1wf0qro{font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.file-card.svelte-1wf0qro.svelte-1wf0qro{padding:.75rem}}.title.svelte-v6m2wn{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);opacity:0;animation:svelte-v6m2wn-slideDown .6s ease-out .4s forwards;letter-spacing:-.5px;font-family:sora,-apple-system,sans-serif}.description.svelte-v6m2wn{color:var(--text-secondary);margin-bottom:2rem;text-align:center;opacity:0;animation:svelte-v6m2wn-slideDown .6s ease-out .5s forwards}.container.svelte-v6m2wn{box-shadow:0 1px 3px #0000001a;width:100%;max-width:800px;margin:30px auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem}@media (max-width: 768px){.title.svelte-v6m2wn{font-size:1.5rem}}.dropzone-container.svelte-v6m2wn{position:relative;width:100%}.metallic-badge.svelte-v6m2wn{display:inline-block;padding:.4rem 1rem;background:linear-gradient(145deg,#e6e9f0 0%,#c2c9d6 100%);border-radius:20px;color:#2a3744;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:inset 0 1px 1px #fffc,0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:1rem;margin-left:auto;margin-right:auto;display:block;width:fit-content;opacity:0;animation:svelte-v6m2wn-slideDown .6s ease-out .3s forwards;transition:transform .2s ease-out}.metallic-badge.svelte-v6m2wn:hover{transform:scale(1.05)}.features.svelte-v6m2wn{text-align:center;margin:3rem auto;max-width:800px;width:100%;background:var(--bg-second);padding:2rem;border-radius:1rem;border:1px solid var(--border-color)}.features-title.svelte-v6m2wn{font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem;text-align:center}.features-grid.svelte-v6m2wn{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.feature-item.svelte-v6m2wn{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;transition:transform .2s ease-out}.feature-item.svelte-v6m2wn:hover{transform:translateY(-2px)}.feature-check.svelte-v6m2wn{color:var(--primary-color);font-weight:700;font-size:1.1rem}@media (max-width: 768px){.features-grid.svelte-v6m2wn{grid-template-columns:1fr;gap:1rem}.feature-item.svelte-v6m2wn{justify-content:center}}.header-content.svelte-v6m2wn{opacity:0;animation:svelte-v6m2wn-fadeIn .6s ease-out forwards;background:var(--bg-primary);padding:2rem;border-radius:1rem;border:1px solid var(--border-color);box-shadow:0 4px 20px #00000012;margin-bottom:2rem;position:relative;z-index:2}@keyframes svelte-v6m2wn-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-v6m2wn-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sample-button.svelte-v6m2wn{position:relative;top:-70px;z-index:1;display:flex;align-items:center;gap:8px;padding:65px 23px 14px;background:linear-gradient(180deg,#4F46E5 0%,#4338CA 100%);border:1px solid #4338CA;border-radius:0 0 12px 12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:-1px auto 1rem;transform-origin:top center;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a,inset 0 2px 4px #fff3;max-width:200px;opacity:0;animation:svelte-v6m2wn-slideDown .6s ease-out 1.2s forwards,svelte-v6m2wn-float 3s ease-in-out infinite;will-change:transform}.sample-button.svelte-v6m2wn:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:10px;background:linear-gradient(180deg,#4F46E5 0%,#4338CA 100%);border:1px solid #4338CA;border-bottom:none;border-radius:6px 6px 0 0;box-shadow:inset 0 2px 4px #fff3,0 -2px 4px #4f46e51a;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.sample-button.svelte-v6m2wn:hover:not(:disabled){animation-play-state:paused;transform:translateY(4px);box-shadow:0 2px 4px -1px #4f46e533,0 1px 2px -1px #4f46e51a,inset 0 2px 4px #fff3}.sample-button.svelte-v6m2wn:hover:not(:disabled):before{transform:translate(-50%) scaleY(.9)}.sample-button.svelte-v6m2wn:active:not(:disabled){transform:translateY(-100px);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.sample-button.svelte-v6m2wn:active:not(:disabled):before{transform:translate(-50%) scaleY(.8)}.sample-button.pulling.svelte-v6m2wn{transform:translateY(-100px);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.sample-button.pulling.svelte-v6m2wn:before{transform:translate(-50%) scaleY(.7)}@keyframes svelte-v6m2wn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tab-content.svelte-v6m2wn{display:flex;align-items:center;gap:8px}.dark .sample-button.svelte-v6m2wn{background:linear-gradient(180deg,#4F46E5 0%,#4338CA 100%);border-color:#4338ca;box-shadow:0 4px 6px -1px #4f46e54d,0 2px 4px -1px #4f46e533,inset 0 2px 4px #fff3}.dark .sample-button.svelte-v6m2wn:before{background:linear-gradient(180deg,#4F46E5 0%,#4338CA 100%);border-color:#4338ca;box-shadow:inset 0 2px 4px #fff3,0 -2px 4px #4f46e533}.dark .sample-button.svelte-v6m2wn:hover:not(:disabled){animation-play-state:paused;transform:translateY(4px);box-shadow:0 2px 4px -1px #4f46e54d,0 1px 2px -1px #4f46e533,inset 0 2px 4px #fff3}.dark .metallic-badge.svelte-v6m2wn{background:linear-gradient(145deg,#334155 0%,#1e293b 100%);color:#f1f5f9;box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #0003;border:1px solid rgba(255,255,255,.1)}.dark .feature-check.svelte-v6m2wn{color:#818cf8}.loading-container.svelte-v6m2wn{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);border-radius:1rem;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10}.loading-container.loading.svelte-v6m2wn{opacity:1}.loading-container.loading.svelte-v6m2wn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--bg-primary) 0%,var(--bg-second) 100%);opacity:.7}.loading-icon.svelte-v6m2wn{position:relative;width:48px;height:48px;animation:svelte-v6m2wn-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-icon.svelte-v6m2wn:before{content:"";position:absolute;inset:0;border:3px solid var(--primary-color);border-radius:50%;opacity:.2}.loading-icon.svelte-v6m2wn:after{content:"";position:absolute;inset:0;border:3px solid var(--primary-color);border-radius:50%;opacity:.8;clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%);animation:svelte-v6m2wn-rotate 1.5s linear infinite}.loading-text.svelte-v6m2wn{position:relative;font-family:sora,-apple-system,sans-serif;font-size:1.25rem;font-weight:600;color:var(--primary-color);opacity:.9;text-align:center}@keyframes svelte-v6m2wn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes svelte-v6m2wn-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark .loading-text.svelte-v6m2wn{color:var(--primary-color)}.dark .loading-icon.svelte-v6m2wn:before,.dark .loading-icon.svelte-v6m2wn:after{border-color:var(--primary-color)}.container-viewer.svelte-v6m2wn{position:relative}.content-container.svelte-v6m2wn{position:relative;z-index:1;width:100%;height:100%}canvas.svelte-j6z70g.svelte-j6z70g{max-width:100%;height:auto}.title.svelte-j6z70g.svelte-j6z70g{letter-spacing:-.5px;text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem;font-family:sora,-apple-system,sans-serif;color:var(--text-primary)}@media (max-width: 768px){.title.svelte-j6z70g.svelte-j6z70g{font-size:1.5rem}}.description.svelte-j6z70g.svelte-j6z70g{color:var(--text-secondary);margin-bottom:2rem;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.description.svelte-j6z70g.svelte-j6z70g{font-size:.9rem;margin-bottom:1.5rem}}.metallic-badge.svelte-j6z70g.svelte-j6z70g{display:inline-block;padding:.4rem 1rem;background:linear-gradient(145deg,#e6e9f0 0%,#c2c9d6 100%);border-radius:20px;color:#2a3744;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:inset 0 1px 1px #fffc,0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:1rem;margin-left:auto;margin-right:auto;display:block;width:fit-content;opacity:0;animation:svelte-j6z70g-slideDown .6s ease-out .3s forwards;transition:transform .2s ease-out}.metallic-badge.svelte-j6z70g.svelte-j6z70g:hover{transform:scale(1.05)}.dark .metallic-badge.svelte-j6z70g.svelte-j6z70g{background:linear-gradient(145deg,#334155 0%,#1e293b 100%);color:#f1f5f9;box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #0003;border:1px solid rgba(255,255,255,.1)}@keyframes svelte-j6z70g-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.upload-icon.svelte-j6z70g.svelte-j6z70g{color:var(--primary-color);opacity:.8;transition:all .3s ease}.dropzone-text.svelte-j6z70g.svelte-j6z70g{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:.5rem 0;text-align:center}.features.svelte-j6z70g.svelte-j6z70g{background:var(--bg-second);backdrop-filter:blur(8px);padding:2rem;border-radius:1rem;margin-top:auto;width:100%;max-width:800px;border:1px solid var(--border-color)}@media (max-width: 768px){.features-grid.svelte-j6z70g.svelte-j6z70g{grid-template-columns:1fr;gap:1rem}.feature-item.svelte-j6z70g.svelte-j6z70g{justify-content:center}}.result-container.svelte-j6z70g.svelte-j6z70g{position:sticky;top:2rem;width:500px;flex-shrink:0;padding:2rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;gap:1rem}@media (max-width: 1024px){.result-container.svelte-j6z70g.svelte-j6z70g{position:static;width:100%;padding:1.5rem}}.primary-stat.svelte-j6z70g.svelte-j6z70g{text-align:center}.primary-stat.svelte-j6z70g h3.svelte-j6z70g{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.stitch-count.svelte-j6z70g.svelte-j6z70g{font-size:3.5rem;font-weight:700;color:var(--primary-color);line-height:1}@media (max-width: 768px){.stitch-count.svelte-j6z70g.svelte-j6z70g{font-size:2.5rem}}.divider.svelte-j6z70g.svelte-j6z70g{height:1px;background-color:var(--border-color);width:100%}.secondary-stats.svelte-j6z70g.svelte-j6z70g{display:flex;flex-direction:column;gap:1rem}.stat-row.svelte-j6z70g.svelte-j6z70g{display:flex;justify-content:space-between;align-items:center}.stat-label.svelte-j6z70g.svelte-j6z70g{color:var(--text-secondary);font-size:.9rem}.stat-value.svelte-j6z70g.svelte-j6z70g{font-weight:600;color:var(--text-primary)}h2.svelte-j6z70g.svelte-j6z70g{margin-bottom:1rem}h3.svelte-j6z70g.svelte-j6z70g{color:var(--text-primary)}.content-container.svelte-j6z70g.svelte-j6z70g{display:flex;gap:2rem;align-items:flex-start;justify-content:center;margin-top:2rem;width:100%}@media (max-width: 1024px){.content-container.svelte-j6z70g.svelte-j6z70g{flex-direction:column;align-items:stretch;gap:1rem}}.canvas-container.svelte-j6z70g.svelte-j6z70g{flex:1;max-width:800px;width:100%}.width-control.svelte-j6z70g.svelte-j6z70g{margin-top:1rem;margin-bottom:2rem;padding:1.5rem;background-color:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color)}.width-control.svelte-j6z70g label.svelte-j6z70g{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}.label-text.svelte-j6z70g.svelte-j6z70g{font-weight:500}.value.svelte-j6z70g.svelte-j6z70g{font-weight:600;color:var(--primary-color)}.slider-container.svelte-j6z70g.svelte-j6z70g{position:relative;padding:1.5rem 0;margin:0 .5rem}.slider-markers.svelte-j6z70g.svelte-j6z70g{position:absolute;width:calc(100% - 20px);left:10px;bottom:0;height:20px}.marker.svelte-j6z70g.svelte-j6z70g{position:absolute;width:1px;height:6px;background-color:var(--text-secondary);transform:translate(-50%)}.marker-label.svelte-j6z70g.svelte-j6z70g{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-secondary);white-space:nowrap}input[type=range].svelte-j6z70g.svelte-j6z70g{width:calc(100% - 1rem);height:6px;-webkit-appearance:none;background:var(--bg-secondary);border-radius:3px;outline:none;margin:0 .5rem}input[type=range].svelte-j6z70g.svelte-j6z70g::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;border:1px solid var(--border-color)}input[type=range].svelte-j6z70g.svelte-j6z70g::-moz-range-track{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;border:1px solid var(--border-color)}input[type=range].svelte-j6z70g.svelte-j6z70g::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0000001a;margin-top:-7px}input[type=range].svelte-j6z70g.svelte-j6z70g::-moz-range-thumb{width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0000001a;margin-top:-7px}.dark input[type=range].svelte-j6z70g.svelte-j6z70g{background:var(--bg-secondary)}.dark input[type=range].svelte-j6z70g.svelte-j6z70g::-webkit-slider-runnable-track{background:var(--bg-secondary);border-color:var(--border-color)}.dark input[type=range].svelte-j6z70g.svelte-j6z70g::-moz-range-track{background:var(--bg-secondary);border-color:var(--border-color)}.preview-container.svelte-j6z70g.svelte-j6z70g{background-color:var(--bg-primary);padding:2rem;border-radius:.5rem;margin-bottom:1rem;width:100%;height:500px;min-width:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color)}@media (max-width: 1024px){.preview-container.svelte-j6z70g.svelte-j6z70g{min-width:0;height:auto;min-height:300px;padding:1rem}}canvas.svelte-j6z70g.svelte-j6z70g{width:auto!important;height:auto!important;max-width:calc(100% - 4rem)!important;max-height:460px!important;object-fit:contain}.background-toggle.svelte-j6z70g.svelte-j6z70g{margin-bottom:1rem;width:100%;padding:.75rem;border-radius:.5rem;background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;font-weight:500;transition:all .2s}.background-toggle.svelte-j6z70g.svelte-j6z70g:hover{background-color:var(--background-hover)}.production-calculator.svelte-j6z70g.svelte-j6z70g{display:flex;flex-direction:column;gap:1.5rem}.production-calculator.svelte-j6z70g h3.svelte-j6z70g{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem}.input-group.svelte-j6z70g.svelte-j6z70g{display:flex;flex-direction:column;gap:1rem}.input-group.svelte-j6z70g label.svelte-j6z70g{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary)}.number-input.svelte-j6z70g.svelte-j6z70g{display:flex;align-items:center;background:var(--background-secondary);border-radius:.5rem;overflow:hidden;width:120px}.number-input.svelte-j6z70g input.svelte-j6z70g{width:60px;border:1px solid transparent;background:none;text-align:center;font-size:.9rem;padding:.5rem 0;color:var(--text-primary);-moz-appearance:textfield;border-radius:.5rem;outline:none}.number-input.svelte-j6z70g input.svelte-j6z70g:focus{outline:none}.number-input.svelte-j6z70g input.svelte-j6z70g:focus{border:1px solid var(--primary-color)}.number-input.svelte-j6z70g input.svelte-j6z70g::-webkit-outer-spin-button,.number-input.svelte-j6z70g input.svelte-j6z70g::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.adjust-btn.svelte-j6z70g.svelte-j6z70g{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;padding:0}.adjust-btn.svelte-j6z70g.svelte-j6z70g:disabled{color:var(--text-disabled);cursor:not-allowed}.adjust-btn.svelte-j6z70g.svelte-j6z70g:not(:disabled):hover{background-color:var(--background-hover)}.time-estimates.svelte-j6z70g.svelte-j6z70g{display:flex;flex-direction:column;gap:.75rem}.time-estimate.svelte-j6z70g.svelte-j6z70g{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem}.speed-label.svelte-j6z70g.svelte-j6z70g{display:flex;flex-direction:column;gap:.25rem}.speed-label.svelte-j6z70g span.svelte-j6z70g:first-child{font-weight:500;color:var(--text-primary)}.speed-value.svelte-j6z70g.svelte-j6z70g{font-size:.8rem;color:var(--text-secondary)}.duration.svelte-j6z70g.svelte-j6z70g{font-weight:600;color:var(--primary-color)}.thread-colors.svelte-j6z70g.svelte-j6z70g{background-color:var(--bg-secondary);padding:1.5rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid var(--border-color)}.color-grid.svelte-j6z70g.svelte-j6z70g{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}@media (max-width: 768px){.color-grid.svelte-j6z70g.svelte-j6z70g{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.color-item.svelte-j6z70g.svelte-j6z70g{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;position:relative;border:1px solid var(--border-color)}.color-swatch.svelte-j6z70g.svelte-j6z70g{width:40px;height:40px;border-radius:.5rem;border:2px solid var(--border-color);box-shadow:0 2px 4px #0000001a}.thread-name.svelte-j6z70g.svelte-j6z70g{font-size:.9rem;color:var(--text-primary);font-weight:500;text-align:center}.thread-category.svelte-j6z70g.svelte-j6z70g{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.thread-percentage.svelte-j6z70g.svelte-j6z70g{position:absolute;top:.5rem;right:.5rem;font-size:.8rem;font-weight:600;color:var(--primary-color)}.features-title.svelte-j6z70g.svelte-j6z70g{text-align:center;font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.hero-content.svelte-j6z70g.svelte-j6z70g{box-shadow:0 4px 20px #00000012;position:relative;z-index:2;text-align:center;padding:2rem;background:var(--bg-primary);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid var(--border-color);margin:0 auto}.title.svelte-j6z70g.svelte-j6z70g{margin-top:0}.description.svelte-j6z70g.svelte-j6z70g{margin-bottom:0}.upload-hero-container.svelte-j6z70g.svelte-j6z70g{position:relative;min-height:80vh;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:70px;justify-content:space-between;padding:2rem 6rem;cursor:pointer;background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:1rem;transition:all .3s ease;gap:1rem}@media (max-width: 768px){.upload-hero-container.svelte-j6z70g.svelte-j6z70g{padding:2rem 1rem;min-height:60vh;margin-top:40px;gap:0rem!important}}.upload-hero-container.svelte-j6z70g.svelte-j6z70g:hover,.upload-hero-container.dragging-over.svelte-j6z70g.svelte-j6z70g{border-color:var(--primary-color);background-color:var(--bg-hover)}.upload-hero-container.dragging-over.svelte-j6z70g.svelte-j6z70g{border-style:solid;transform:scale(1.01)}.hero-content.svelte-j6z70g.svelte-j6z70g{text-align:center;top:-70px;padding:2rem;background:var(--bg-primary);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid var(--border-color)}@media (max-width: 768px){.hero-content.svelte-j6z70g.svelte-j6z70g{padding:1.5rem}}.upload-prompt.svelte-j6z70g.svelte-j6z70g{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;margin-top:-2rem}.upload-icon.svelte-j6z70g.svelte-j6z70g{color:var(--primary-color);opacity:.8;transition:transform .3s ease}.upload-hero-container.svelte-j6z70g:hover .upload-icon.svelte-j6z70g{transform:translateY(-5px)}.features.svelte-j6z70g.svelte-j6z70g{backdrop-filter:blur(8px);padding:2rem;border-radius:1rem;margin-top:auto;width:100%;max-width:800px}.features-grid.svelte-j6z70g.svelte-j6z70g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.feature-item.svelte-j6z70g.svelte-j6z70g{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.feature-check.svelte-j6z70g.svelte-j6z70g{color:#4f46e5;font-weight:700;font-size:1.1rem}@media (max-width: 768px){.features-grid.svelte-j6z70g.svelte-j6z70g{grid-template-columns:1fr;gap:1rem}.feature-item.svelte-j6z70g.svelte-j6z70g{justify-content:center}.format-icons.svelte-j6z70g.svelte-j6z70g{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;padding:1rem .5rem;max-width:200px!important}}.dropzone-text.svelte-j6z70g.svelte-j6z70g{font-size:1.2 rem;font-weight:600;color:var(--text-primary);margin:0}.loading-overlay.svelte-j6z70g.svelte-j6z70g{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary-translucent);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:1rem}.loading-spinner.svelte-j6z70g.svelte-j6z70g{display:flex;animation:svelte-j6z70g-spin 1s linear infinite}.loading-text.svelte-j6z70g.svelte-j6z70g{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;margin-bottom:.5rem}.loading-subtext.svelte-j6z70g.svelte-j6z70g{font-size:.875rem;color:var(--text-secondary);margin:0}@keyframes svelte-j6z70g-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-hero-container.loading.svelte-j6z70g.svelte-j6z70g{border-style:solid;border-color:#e5e7eb;cursor:wait}.canvas.loading.svelte-j6z70g.svelte-j6z70g{opacity:.5}.sr-only.svelte-j6z70g.svelte-j6z70g{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.format-icons.svelte-j6z70g.svelte-j6z70g{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;padding:1rem .5rem;max-width:500px}.dark{--bg-primary:#1e293b;--bg-secondary:#334155;--bg-hover:rgba(99, 102, 241, .1);--bg-primary-translucent:rgba(30, 41, 59, .95);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#475569;--primary-color:#818cf8;--bg-second:#1e293b}.dark .loading-spinner.svelte-j6z70g circle.svelte-j6z70g:first-child{stroke:#334155}.dark .loading-spinner.svelte-j6z70g circle.svelte-j6z70g:last-child{stroke:#818cf8}.dark .feature-check.svelte-j6z70g.svelte-j6z70g{color:#818cf8}.dark .number-input.svelte-j6z70g.svelte-j6z70g{background:#334155;border:1px solid var(--border-color)}.dark .adjust-btn.svelte-j6z70g.svelte-j6z70g:not(:disabled):hover{background-color:#475569}.dark .time-estimate.svelte-j6z70g.svelte-j6z70g{background-color:#334155;border:1px solid var(--border-color)}.dark .loading-overlay.svelte-j6z70g.svelte-j6z70g{background:var(--bg-primary-translucent)}.dark .upload-hero-container.svelte-j6z70g.svelte-j6z70g{background-color:var(--bg-primary)}.dark .hero-content.svelte-j6z70g.svelte-j6z70g{background:var(--bg-primary)}.dark .color-item.svelte-j6z70g.svelte-j6z70g{background:var(--bg-secondary)}.dark .preview-container.svelte-j6z70g.svelte-j6z70g,.dark .width-control.svelte-j6z70g.svelte-j6z70g,.dark .thread-colors.svelte-j6z70g.svelte-j6z70g{background-color:var(--bg-secondary)}.footer.svelte-fmqvur{margin-top:auto;padding:1.5rem 0;background-color:var(--card-background)}.footer-content.svelte-fmqvur{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-bottom.svelte-fmqvur{display:flex;justify-content:space-between;gap:1rem;align-items:center}.copyright.svelte-fmqvur{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.footer-content.svelte-fmqvur{padding:0 1rem}.footer-bottom.svelte-fmqvur{flex-direction:column;gap:.5rem}}.preview-container.svelte-1wu6ew0.svelte-1wu6ew0{width:100%;aspect-ratio:4/3;background:var(--bg-primary);border-radius:1rem;overflow:hidden;cursor:pointer;position:relative;border:1px solid var(--border-color)}.upload-area.svelte-1wu6ew0.svelte-1wu6ew0{height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.dashed-border.svelte-1wu6ew0.svelte-1wu6ew0{border:2px dashed var(--primary-color);border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem}.dashed-border.svelte-1wu6ew0 p.svelte-1wu6ew0{margin:0;color:var(--text-primary);font-size:.9rem}.result-area.svelte-1wu6ew0.svelte-1wu6ew0{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.number.svelte-1wu6ew0.svelte-1wu6ew0{font-size:2rem;font-weight:700;color:var(--primary-color)}.label.svelte-1wu6ew0.svelte-1wu6ew0{font-size:.9rem;color:var(--text-secondary)}.draggable-file.svelte-1wu6ew0.svelte-1wu6ew0{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;cursor:grab;margin-bottom:1rem;transition:all .2s;box-shadow:0 2px 4px #0000001a}.draggable-file.svelte-1wu6ew0.svelte-1wu6ew0:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0003}.draggable-file.svelte-1wu6ew0.svelte-1wu6ew0:active{cursor:grabbing;transform:scale(.98)}.file-icon.svelte-1wu6ew0.svelte-1wu6ew0{position:relative;width:40px;height:50px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center}.folded-corner.svelte-1wu6ew0.svelte-1wu6ew0{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 12px 12px 0;border-color:transparent var(--border-color) transparent transparent}.folded-corner.svelte-1wu6ew0.svelte-1wu6ew0:after{content:"";position:absolute;top:0;right:-11px;width:0;height:0;border-style:solid;border-width:0 11px 11px 0;border-color:transparent var(--bg-primary) transparent transparent}.filename.svelte-1wu6ew0.svelte-1wu6ew0{font-size:.9rem;color:var(--primary-color);font-weight:500}.drop-target.svelte-1wu6ew0.svelte-1wu6ew0{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dashed-border.svelte-1wu6ew0.svelte-1wu6ew0{border:2px dashed var(--primary-color);border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;margin:1rem;transition:all .3s}.dashed-border.highlight.svelte-1wu6ew0.svelte-1wu6ew0{background:var(--bg-hover);border-color:var(--primary-color);transform:scale(1.02)}.loading-area.svelte-1wu6ew0.svelte-1wu6ew0{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--primary-color);background:var(--bg-primary);position:relative}.loading-area.svelte-1wu6ew0.svelte-1wu6ew0:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,white 0%,var(--bg-primary) 100%);opacity:.3}.loading-icon.svelte-1wu6ew0.svelte-1wu6ew0{position:relative;width:48px;height:48px;animation:svelte-1wu6ew0-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-icon.svelte-1wu6ew0.svelte-1wu6ew0:before{content:"";position:absolute;inset:0;border:3px solid var(--primary-color);border-radius:50%;opacity:.2}.loading-icon.svelte-1wu6ew0.svelte-1wu6ew0:after{content:"";position:absolute;inset:0;border:3px solid var(--primary-color);border-radius:50%;opacity:.8;clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%);animation:svelte-1wu6ew0-rotate 1.5s linear infinite}.loading-text.svelte-1wu6ew0.svelte-1wu6ew0{position:relative;font-family:sora,-apple-system,sans-serif;font-size:1.25rem;font-weight:600;color:var(--primary-color);opacity:.9;text-align:center}.loading-subtext.svelte-1wu6ew0.svelte-1wu6ew0{position:relative;font-size:.875rem;color:var(--text-secondary);opacity:.8}@keyframes svelte-1wu6ew0-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes svelte-1wu6ew0-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-grid.svelte-1wu6ew0.svelte-1wu6ew0{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;padding:2rem;width:100%;max-width:500px}.result-card.svelte-1wu6ew0.svelte-1wu6ew0{background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 2px 4px #0000001a}.card-header.svelte-1wu6ew0.svelte-1wu6ew0{background:var(--bg-secondary);padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.card-content.svelte-1wu6ew0.svelte-1wu6ew0{padding:1rem;display:flex;align-items:center;gap:.75rem}.file-info.svelte-1wu6ew0 .card-content.svelte-1wu6ew0{padding:1rem;align-items:center;text-align:center;justify-content:center;gap:1rem}.stitch-info.svelte-1wu6ew0 .card-content.svelte-1wu6ew0{flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1rem}.mini-file-icon.svelte-1wu6ew0.svelte-1wu6ew0{width:80px;height:80px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center}.mini-file-icon.svelte-1wu6ew0 .emoji.svelte-1wu6ew0{font-size:2rem;line-height:1;position:relative;z-index:1}.color-swatch.svelte-1wu6ew0.svelte-1wu6ew0{width:12px;height:60px;background-color:gold;border-radius:4px;border:1px solid #e2e8f0}.dark{--bg-primary:#1e293b;--bg-secondary:#334155;--bg-hover:rgba(99, 102, 241, .1);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#475569;--primary-color:#818cf8}.dark .draggable-file.svelte-1wu6ew0.svelte-1wu6ew0{box-shadow:0 2px 4px #0003}.dark .draggable-file.svelte-1wu6ew0.svelte-1wu6ew0:hover{box-shadow:0 4px 6px #0000004d}.dark .loading-text.svelte-1wu6ew0.svelte-1wu6ew0{color:var(--primary-color)}.dark .loading-icon.svelte-1wu6ew0.svelte-1wu6ew0:before,.dark .loading-icon.svelte-1wu6ew0.svelte-1wu6ew0:after{border-color:var(--primary-color)}.info-header.svelte-fo64zd.svelte-fo64zd{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;margin-top:2rem}.info-header.svelte-fo64zd h1.svelte-fo64zd{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2;letter-spacing:-.03em}.subtitle.svelte-fo64zd.svelte-fo64zd{font-size:1.25rem;color:var(--text-secondary);margin-top:1rem}.highlight.svelte-fo64zd.svelte-fo64zd{position:relative;text-transform:lowercase;color:var(--text-primary);font-weight:700;font-family:sora,-apple-system,sans-serif}.highlight.svelte-fo64zd.svelte-fo64zd:after{content:"";position:absolute;left:0;bottom:0;width:0;height:5px;background-color:#6366f1;transition:width .3s ease-in-out}.highlight.svelte-fo64zd.svelte-fo64zd:hover:after{width:100%}@keyframes svelte-fo64zd-underline{0%{width:0}to{width:100%}}.highlight.animated.svelte-fo64zd.svelte-fo64zd:after{animation:svelte-fo64zd-underline .5s forwards}.dark .highlight.svelte-fo64zd.svelte-fo64zd:after{background-color:#818cf8}.home-container.svelte-1p78g8x.svelte-1p78g8x{width:100%;max-width:1200px;margin:0 auto}.hero-section.svelte-1p78g8x.svelte-1p78g8x{display:flex;min-height:400px;margin:4rem 0;gap:2rem}.hero-split.svelte-1p78g8x.svelte-1p78g8x{flex:1;border-radius:1rem;padding:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;color:#fff;text-align:center;overflow:hidden}.hero-split.svelte-1p78g8x.svelte-1p78g8x:hover{transform:scale(1.02)}.viewer.svelte-1p78g8x.svelte-1p78g8x{background:linear-gradient(135deg,#0f172a,#1e40af);position:relative;overflow:hidden}.viewer.svelte-1p78g8x.svelte-1p78g8x:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.calculator.svelte-1p78g8x.svelte-1p78g8x{background:linear-gradient(135deg,#1e1b4b,#4338ca);position:relative;overflow:hidden}.calculator.svelte-1p78g8x.svelte-1p78g8x:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.mockup-image.svelte-1p78g8x.svelte-1p78g8x{width:320px;height:220px;margin:20px auto;border-radius:12px;overflow:visible;box-shadow:0 4px 15px #0003;transition:transform .3s ease;position:relative;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.1)}.interface-screenshot.svelte-1p78g8x.svelte-1p78g8x{width:100%;height:100%;display:block;border-radius:12px;object-fit:cover}.overlay-image.svelte-1p78g8x.svelte-1p78g8x{position:absolute;width:140px;height:auto;bottom:-30px;left:-50px;transform:rotate(-20deg);filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));z-index:2;transition:transform .3s ease}.mockup-image.svelte-1p78g8x:hover .overlay-image.svelte-1p78g8x{transform:rotate(20deg) translateY(-5px)}.content.svelte-1p78g8x.svelte-1p78g8x{max-width:300px;display:flex;flex-direction:column;align-items:center;min-height:100%;padding:2rem 0;justify-content:space-between}.content.svelte-1p78g8x h2.svelte-1p78g8x{font-size:2rem;margin-bottom:1rem;margin-top:0;font-family:sora,-apple-system,sans-serif}.cta-button.svelte-1p78g8x.svelte-1p78g8x{margin-top:1.5rem;padding:.8rem 1.5rem;border:2px solid white;background:transparent;color:#fff;border-radius:2rem;font-size:1.1rem;cursor:pointer;transition:background-color .2s}.cta-button.svelte-1p78g8x.svelte-1p78g8x:hover{background:rgba(255,255,255,.1)}.info-section.svelte-1p78g8x.svelte-1p78g8x{margin-bottom:8rem;margin-top:8rem;border-radius:1.5rem}.features.svelte-1p78g8x.svelte-1p78g8x{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.feature-card.svelte-1p78g8x.svelte-1p78g8x{background:var(--card-background);border-radius:1.5rem;padding:2.5rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;border:1px solid #e2e8f0}.feature-card.svelte-1p78g8x.svelte-1p78g8x:hover{transform:translateY(-5px);border-color:#4338ca}.feature-card.svelte-1p78g8x:hover .feature-icon.svelte-1p78g8x{background:#4338ca;color:#fff;transform:scale(1.1)}.feature-icon.svelte-1p78g8x.svelte-1p78g8x{background:#f1f5f9;color:#4338ca;padding:1rem;border-radius:1rem;margin-bottom:1.5rem;transition:all .3s ease}.feature-content.svelte-1p78g8x h3.svelte-1p78g8x{color:#0f172a;font-size:1.5rem;font-weight:600;margin-bottom:1rem;position:relative}.feature-content.svelte-1p78g8x h3.svelte-1p78g8x:after{content:"";position:absolute;bottom:-.5rem;left:0;width:2rem;height:2px;background:#4338ca;transition:width .3s ease}.feature-card.svelte-1p78g8x:hover .feature-content h3.svelte-1p78g8x:after{width:3rem}.feature-content.svelte-1p78g8x p.svelte-1p78g8x{color:#64748b;line-height:1.7;margin:0;font-size:1.05rem}@keyframes svelte-1p78g8x-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1p78g8x-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.hero-section.svelte-1p78g8x.svelte-1p78g8x{flex-direction:column}.hero-split.svelte-1p78g8x.svelte-1p78g8x{min-height:400px}.mockup-image.svelte-1p78g8x.svelte-1p78g8x{transform:scale(.9)}.info-section.svelte-1p78g8x.svelte-1p78g8x{padding:3rem 1rem}.features.svelte-1p78g8x.svelte-1p78g8x{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.feature-card.svelte-1p78g8x.svelte-1p78g8x{padding:2rem}}.stitch-guide.svelte-1p78g8x.svelte-1p78g8x{padding:8rem 2rem;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:1.5rem;margin:2rem 0}.stitch-guide.svelte-1p78g8x h2.svelte-1p78g8x{text-align:center;color:#1e293b;font-size:2.5rem;margin-bottom:2rem;letter-spacing:-.03em}.guide-content.svelte-1p78g8x.svelte-1p78g8x{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto}.guide-text.svelte-1p78g8x h3.svelte-1p78g8x{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.formula.svelte-1p78g8x.svelte-1p78g8x{background:#fff;padding:1.5rem;border-radius:1rem;margin:1.5rem 0;text-align:center;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem}.formula.svelte-1p78g8x span.svelte-1p78g8x{font-family:monospace;font-size:1.2rem;color:#4338ca;padding:.5rem;background:#f8fafc;border-radius:.5rem}.stitch-tips.svelte-1p78g8x.svelte-1p78g8x{list-style:none;padding:0}.stitch-tips.svelte-1p78g8x li.svelte-1p78g8x{margin:1rem 0;color:#64748b}.stitch-tips.svelte-1p78g8x li strong.svelte-1p78g8x{color:#1e293b}.guide-example.svelte-1p78g8x.svelte-1p78g8x{display:flex;flex-direction:column}@media (max-width: 768px){.guide-content.svelte-1p78g8x.svelte-1p78g8x{grid-template-columns:1fr;gap:2rem}.stitch-guide.svelte-1p78g8x.svelte-1p78g8x{padding:3rem 1rem}.stitch-guide.svelte-1p78g8x h2.svelte-1p78g8x{font-size:2rem}}.calculator-cta.svelte-1p78g8x.svelte-1p78g8x{text-align:center;padding:2rem;background:var(--card-background);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;height:fit-content;align-self:center}.calculator-cta.svelte-1p78g8x p.svelte-1p78g8x{font-size:1.2rem;color:#1e293b;margin-bottom:1.5rem}.app-name.svelte-1p78g8x.svelte-1p78g8x{font-weight:600;color:#4338ca}.calculator-button.svelte-1p78g8x.svelte-1p78g8x{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#4338ca;color:#fff;border:none;border-radius:2rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.calculator-button.svelte-1p78g8x.svelte-1p78g8x:hover{background:#3730a3;transform:translateY(-2px)}.calculator-button.svelte-1p78g8x svg.svelte-1p78g8x{transition:transform .2s ease}.calculator-button.svelte-1p78g8x:hover svg.svelte-1p78g8x{transform:translate(4px)}.preview-container.svelte-1p78g8x.svelte-1p78g8x{margin-bottom:1.5rem;border-radius:.5rem;overflow:hidden}.dark .hero-split.viewer.svelte-1p78g8x.svelte-1p78g8x{background:linear-gradient(135deg,#020617,#1e3a8a)}.dark .hero-split.calculator.svelte-1p78g8x.svelte-1p78g8x{background:linear-gradient(135deg,#1e1b4b,#3730a3)}.dark .stitch-guide.svelte-1p78g8x.svelte-1p78g8x{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.dark .stitch-guide.svelte-1p78g8x h2.svelte-1p78g8x,.dark .guide-text.svelte-1p78g8x h3.svelte-1p78g8x{color:#f1f5f9}.dark .formula.svelte-1p78g8x.svelte-1p78g8x{background:#1e293b;border-color:#334155}.dark .formula.svelte-1p78g8x span.svelte-1p78g8x{background:#0f172a;color:#60a5fa}.dark .stitch-tips.svelte-1p78g8x li.svelte-1p78g8x{color:#94a3b8}.dark .stitch-tips.svelte-1p78g8x li strong.svelte-1p78g8x{color:#f1f5f9}.dark .feature-card.svelte-1p78g8x.svelte-1p78g8x{background:#1e293b;border-color:#334155}.dark .feature-card.svelte-1p78g8x.svelte-1p78g8x:hover{border-color:#60a5fa}.dark .feature-content.svelte-1p78g8x h3.svelte-1p78g8x{color:#f1f5f9}.dark .feature-content.svelte-1p78g8x p.svelte-1p78g8x{color:#94a3b8}.dark .feature-icon.svelte-1p78g8x.svelte-1p78g8x{background:#0f172a;color:#60a5fa}.dark .calculator-cta.svelte-1p78g8x.svelte-1p78g8x{background:#1e293b;border-color:#334155}.dark .calculator-cta.svelte-1p78g8x p.svelte-1p78g8x{color:#f1f5f9}.dark .app-name.svelte-1p78g8x.svelte-1p78g8x{color:#60a5fa}.dark .calculator-button.svelte-1p78g8x.svelte-1p78g8x{background:#3730a3}.dark .calculator-button.svelte-1p78g8x.svelte-1p78g8x:hover{background:#4338ca}.floating-thumbnail.svelte-fpkkyu.svelte-fpkkyu{position:fixed;bottom:1.5rem;right:1.5rem;width:100px;height:100px;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:2px solid white;z-index:50}img.svelte-fpkkyu.svelte-fpkkyu{width:100%;height:100%;object-fit:cover}.close-button.svelte-fpkkyu.svelte-fpkkyu{position:absolute;top:.25rem;right:.25rem;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;line-height:1;padding:0}.close-button.svelte-fpkkyu.svelte-fpkkyu:hover{background:rgba(0,0,0,.7)}.floating-thumbnail.svelte-fpkkyu .close-button.svelte-fpkkyu{display:none}.analyzer-container.svelte-1xzyp9g.svelte-1xzyp9g{display:flex;align-items:center;padding:0 .75rem;height:100%}.upload-button.svelte-1xzyp9g.svelte-1xzyp9g{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;color:#64748b;cursor:pointer;font-weight:500;font-size:.8125rem;white-space:nowrap;border-radius:.375rem;transition:all .15s ease}.upload-button.svelte-1xzyp9g.svelte-1xzyp9g:hover{background:#f1f5f9;color:#475569}.icon.svelte-1xzyp9g.svelte-1xzyp9g{width:16px;height:16px;stroke-width:1.5}.analysis-results.svelte-1xzyp9g.svelte-1xzyp9g{display:flex;align-items:center;gap:.5rem;padding:.25rem}.preview-and-colors.svelte-1xzyp9g.svelte-1xzyp9g{display:flex;align-items:center;gap:.75rem}.mini-preview.svelte-1xzyp9g.svelte-1xzyp9g{width:24px;height:24px;border-radius:.25rem;overflow:hidden;border:1px solid #e2e8f0}.mini-preview.svelte-1xzyp9g img.svelte-1xzyp9g{width:100%;height:100%;object-fit:cover}.mini-colors.svelte-1xzyp9g.svelte-1xzyp9g{display:flex;gap:.375rem;align-items:center}.mini-swatch.svelte-1xzyp9g.svelte-1xzyp9g{width:16px;height:16px;border-radius:3px;border:1px solid #e2e8f0}.close-button.svelte-1xzyp9g.svelte-1xzyp9g{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;color:#6b7280;display:flex;align-items:center;justify-content:center}.close-button.svelte-1xzyp9g.svelte-1xzyp9g:hover{color:#374151}@media (max-width: 768px){.analyzer-container.svelte-1xzyp9g.svelte-1xzyp9g{border-left:none;border-top:1px solid #f1f5f9;padding:.75rem;justify-content:center;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}.mobile-analyzer-container.svelte-f7ppg5.svelte-f7ppg5{display:flex;align-items:center;padding:0;height:100%;width:100%}.mobile-upload-button.svelte-f7ppg5.svelte-f7ppg5{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1rem;color:#64748b;cursor:pointer;font-weight:500;font-size:.8125rem;white-space:nowrap;border-radius:.375rem;background:#f8fafc;border:1px solid #e2e8f0;transition:all .15s ease;height:38px;width:100%}.mobile-upload-button.svelte-f7ppg5.svelte-f7ppg5:hover{background:#f1f5f9;color:#475569}.icon.svelte-f7ppg5.svelte-f7ppg5{width:14px;height:14px;stroke-width:1.5}.mobile-analysis-results.svelte-f7ppg5.svelte-f7ppg5{display:flex;align-items:center;gap:.5rem;padding:.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem}.mobile-preview-and-colors.svelte-f7ppg5.svelte-f7ppg5{display:flex;align-items:center;gap:.5rem}.mobile-mini-preview.svelte-f7ppg5.svelte-f7ppg5{width:20px;height:20px;border-radius:.25rem;overflow:hidden;border:1px solid #e2e8f0}.mobile-mini-preview.svelte-f7ppg5 img.svelte-f7ppg5{width:100%;height:100%;object-fit:cover}.mobile-mini-colors.svelte-f7ppg5.svelte-f7ppg5{display:flex;gap:.25rem;align-items:center;display:none!important}.mobile-mini-swatch.svelte-f7ppg5.svelte-f7ppg5{width:14px;height:14px;border-radius:2px;border:1px solid #e2e8f0}.mobile-close-button.svelte-f7ppg5.svelte-f7ppg5{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;color:#6b7280;display:flex;align-items:center;justify-content:center}.mobile-close-button.svelte-f7ppg5.svelte-f7ppg5:hover{color:#374151}.mobile-search-container.svelte-15ulihk.svelte-15ulihk{width:20.5rem;background:white;border:1px solid #e4e7eb;border-radius:.75rem}.mobile-search-input-wrapper.svelte-15ulihk.svelte-15ulihk{width:100%;border-bottom:1px solid #f1f5f9}.mobile-search-input.svelte-15ulihk.svelte-15ulihk{width:100%;padding:1rem;border:none;font-size:1rem;color:#1e293b;background:transparent}.mobile-search-input.svelte-15ulihk.svelte-15ulihk::placeholder{color:#94a3b8}.mobile-search-input.svelte-15ulihk.svelte-15ulihk:focus{outline:none}.mobile-controls.svelte-15ulihk.svelte-15ulihk{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:1rem;gap:1rem}.mobile-dropdown-container.svelte-15ulihk.svelte-15ulihk{position:relative;width:100%}.mobile-dropdown-button.svelte-15ulihk.svelte-15ulihk{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:38px}.mobile-dropdown-button.svelte-15ulihk.svelte-15ulihk:hover{background:#f1f5f9;border-color:#cbd5e1}.mobile-dropdown-icon.svelte-15ulihk.svelte-15ulihk{width:14px;height:14px}.mobile-column-toggles-dropdown.svelte-15ulihk.svelte-15ulihk{position:absolute;top:calc(100% + .5rem);left:0;width:200px;background:white;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.mobile-toggle-label.svelte-15ulihk.svelte-15ulihk{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;font-size:.875rem;color:#64748b;cursor:pointer;transition:all .2s ease}.mobile-toggle-label.svelte-15ulihk.svelte-15ulihk:hover{background:#f8fafc;color:#475569}.mobile-toggle-label.svelte-15ulihk input.svelte-15ulihk{margin:0;width:1.25rem;height:1.25rem;border-radius:.25rem;border:1.5px solid #cbd5e1;transition:all .2s ease}.mobile-toggle-label.svelte-15ulihk input.svelte-15ulihk:checked{border-color:#3b82f6;background-color:#3b82f6}.title.svelte-fxt20d.svelte-fxt20d{letter-spacing:-.5px;text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem;font-family:sora,-apple-system,sans-serif;color:var(--text-primary)}@media (max-width: 768px){.title.svelte-fxt20d.svelte-fxt20d{font-size:1.5rem}}.thread-colors-container.svelte-fxt20d.svelte-fxt20d{width:100%;max-width:1400px;margin:0 auto;padding:2rem}h1.svelte-fxt20d.svelte-fxt20d{text-align:center;margin-bottom:2rem;color:#1e293b;font-size:2.5rem;font-weight:700}.tables-container.svelte-fxt20d.svelte-fxt20d{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:2rem}.table-wrapper.svelte-fxt20d.svelte-fxt20d{background:var(--bg-primary);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:scroll;border:1px solid var(--border-color, #e2e8f0)}table.svelte-fxt20d.svelte-fxt20d{width:100%;border-collapse:collapse;font-size:.875rem}th.svelte-fxt20d.svelte-fxt20d{background:var(--bg-secondary, #f8fafc);padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);cursor:pointer;user-select:none;white-space:nowrap;position:relative;border-bottom:1px solid var(--border-color, #e2e8f0)}th.svelte-fxt20d.svelte-fxt20d:hover{background:var(--bg-hover, #f1f5f9)}th.sorted.svelte-fxt20d.svelte-fxt20d{background:var(--bg-sorted, #e2e8f0)}.sort-indicator.svelte-fxt20d.svelte-fxt20d{margin-left:.5rem;font-size:.75rem}td.svelte-fxt20d.svelte-fxt20d{padding:.75rem 1rem;border-top:1px solid var(--border-color, #e2e8f0);color:var(--text-primary)}td.svelte-fxt20d.svelte-fxt20d:first-child{padding:8px!important;width:100px}tr.svelte-fxt20d:hover td.svelte-fxt20d{background:var(--bg-hover, #f8fafc)}td.color-column.svelte-fxt20d.svelte-fxt20d{padding:8px!important;cursor:pointer;width:100px}.toast.svelte-fxt20d.svelte-fxt20d{position:fixed;bottom:20px;right:20px;background:#333;color:#fff;padding:12px 24px;border-radius:4px;z-index:1000;animation:svelte-fxt20d-fadeIn .3s ease}@keyframes svelte-fxt20d-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.tables-container.svelte-fxt20d.svelte-fxt20d{grid-template-columns:1fr}}@media (max-width: 640px){.thread-colors-container.svelte-fxt20d.svelte-fxt20d{padding:0rem}table.svelte-fxt20d.svelte-fxt20d{font-size:.75rem}th.svelte-fxt20d.svelte-fxt20d,td.svelte-fxt20d.svelte-fxt20d{padding:.5rem}}.search-wrapper.svelte-fxt20d.svelte-fxt20d{width:100%;max-width:1200px;position:relative;display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color, #e4e7eb);border-radius:.75rem;box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.search-input.svelte-fxt20d.svelte-fxt20d{flex:1;padding:.875rem 1.25rem;border:none;border-radius:.75rem;font-size:.9375rem;color:var(--text-primary);background:transparent;min-width:0}.search-input.svelte-fxt20d.svelte-fxt20d::placeholder{color:var(--text-secondary)}.search-input.svelte-fxt20d.svelte-fxt20d:focus{outline:none}.search-wrapper.svelte-fxt20d.svelte-fxt20d:focus-within{border-color:var(--border-focus, #e2e8f0);box-shadow:0 2px 4px #00000005,0 1px 6px #94a3b80d}.column-toggles.svelte-fxt20d.svelte-fxt20d{display:flex;gap:.5rem;padding:.75rem 1rem;border-left:1px solid var(--border-color, #f1f5f9);background:linear-gradient(to left,var(--bg-secondary, #f8fafc),var(--bg-primary));border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.toggle-label.svelte-fxt20d.svelte-fxt20d{display:flex;align-items:center;gap:.375rem;cursor:pointer;user-select:none;padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;color:var(--text-secondary);transition:all .2s ease;border:1px solid transparent}.toggle-label.svelte-fxt20d.svelte-fxt20d:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary)}.toggle-label.svelte-fxt20d input.svelte-fxt20d{margin:0;width:1rem;height:1rem;border-radius:.25rem;border:1.5px solid #cbd5e1;transition:all .2s ease}.toggle-label.svelte-fxt20d input.svelte-fxt20d:checked{border-color:#3b82f6;background-color:#3b82f6}.sticky-header.svelte-fxt20d.svelte-fxt20d{position:sticky;top:0;background:linear-gradient(to bottom,rgba(249,250,251,1) 0%,rgba(249,250,251,1) 60%,rgba(249,250,251,0) 100%);padding:1.25rem 0 3rem;z-index:50;margin-bottom:-2rem}.controls-wrapper.svelte-fxt20d.svelte-fxt20d{display:flex;gap:1rem;align-items:flex-start;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.controls-wrapper.svelte-fxt20d.svelte-fxt20d{width:100%;padding:0}.search-wrapper.svelte-fxt20d.svelte-fxt20d{flex-direction:column;border-radius:.75rem;width:100%}.search-input.svelte-fxt20d.svelte-fxt20d{width:100%;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9}.column-toggles.svelte-fxt20d.svelte-fxt20d{display:none}.toggle-label.svelte-fxt20d.svelte-fxt20d{padding:.5rem;border-radius:.25rem}.toggle-label.svelte-fxt20d.svelte-fxt20d:hover{background:#f8fafc}}.load-more-container.svelte-fxt20d.svelte-fxt20d{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-bottom:2rem}.load-button.svelte-fxt20d.svelte-fxt20d{padding:.75rem 1.5rem;background-color:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.load-button.svelte-fxt20d.svelte-fxt20d:hover{background-color:var(--bg-hover, #f1f5f9);border-color:var(--border-hover, #cbd5e1);transform:translateY(-1px)}.load-button.svelte-fxt20d.svelte-fxt20d:active{transform:translateY(0)}@keyframes svelte-fxt20d-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.desktop-only.svelte-fxt20d.svelte-fxt20d{display:flex;gap:.5rem;align-items:center}.mobile-only.svelte-fxt20d.svelte-fxt20d{display:none}@media (max-width: 768px){.desktop-only.svelte-fxt20d.svelte-fxt20d{display:none!important}.mobile-only.svelte-fxt20d.svelte-fxt20d{display:flex}}.dark{--bg-secondary:#1e293b;--bg-hover:#334155;--bg-sorted:#334155;--border-color:#334155;--border-hover:#475569;--border-focus:#475569}.dark .toast.svelte-fxt20d.svelte-fxt20d{background:#1e293b;color:#f1f5f9}.dark .sticky-header.svelte-fxt20d.svelte-fxt20d{background:linear-gradient(to bottom,rgba(14,19,33,1) 0%,rgba(14,19,33,1) 60%,rgba(14,19,33,0) 100%)}.iframe-container.svelte-1k4947c{width:100%;height:100%;min-height:400px;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column}.frame-view.svelte-1k4947c{background:#E2E8F0}.frame-view.svelte-1k4947c .app-container{padding:0!important;height:100%!important;min-height:400px!important;background:#E2E8F0!important;overflow-y:auto!important}.frame-view.svelte-1k4947c main{padding:0!important;height:100%!important;overflow-y:auto!important;background:#E2E8F0!important}.frame-view.svelte-1k4947c #container{height:auto!important;min-height:100%!important;overflow-y:auto!important;background:#E2E8F0!important}.canvas-container{height:auto!important;min-height:400px!important;width:100%!important;max-width:1200px!important;margin:0 auto 30px!important}.stitch-count-display{background:rgba(30,144,255,.1)!important;backdrop-filter:blur(4px)!important}.size-value{color:#1e90ff!important}@media (max-width: 640px){.iframe-container.svelte-1k4947c{height:auto;min-height:600px}}:root{--bg-primary:#ffffff;--bg-second:#F9FAFB;--text-primary:#1e293b;--text-secondary:#64748b;--card-background:#fafbfc}.dark{--bg-primary:#0f172a;--bg-second:#0e1321;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--card-background:#0e1321}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}.app-container.svelte-gsirkr{display:flex;flex-direction:column;min-height:100vh;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));background-color:var(--bg-second);color:var(--text-primary);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main.svelte-gsirkr{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:15px;flex:1}