:root{--neu-bg: #f0f0f3;--neu-bg-secondary: #e9e9ed;--neu-light: #ffffff;--neu-dark: #d8d8dd;--neu-shadow-light: rgba(255, 255, 255, .7);--neu-shadow-dark: rgba(166, 166, 180, .22);--neu-shadow-soft: rgba(166, 166, 180, .12);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-glow: rgba(99, 102, 241, .15);--neu-radius: 20px;--neu-transition: .5s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .25)}.dark{--neu-bg: #1a1a1e;--neu-bg-secondary: #212125;--neu-light: #28282e;--neu-dark: #101014;--neu-shadow-light: rgba(45, 45, 52, .4);--neu-shadow-dark: rgba(0, 0, 0, .5);--neu-shadow-soft: rgba(0, 0, 0, .3);--accent-glow: rgba(129, 140, 248, .12);--glass-bg: rgba(28, 28, 34, .6);--glass-border: rgba(55, 55, 65, .2)}.title-section.svelte-bzucwk{position:relative}.title-line.svelte-bzucwk{position:relative;overflow:hidden}.title-line-1.svelte-bzucwk{color:#27272a}.dark .title-line-1.svelte-bzucwk{color:#f4f4f5}.title-line-2.svelte-bzucwk{color:#27272a}.dark .title-line-2.svelte-bzucwk{color:#f4f4f5}.title-accent.svelte-bzucwk{color:transparent}.title-word.svelte-bzucwk{display:inline-block;position:relative}.char.svelte-bzucwk{display:inline-block;opacity:0;transform:translateY(20px);animation:svelte-bzucwk-charSlideUp .6s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:calc(var(--i) * 40ms)}@keyframes svelte-bzucwk-charSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title-line-1.svelte-bzucwk .char:where(.svelte-bzucwk){animation-delay:calc(50ms + var(--i) * 35ms)}.title-line-2.svelte-bzucwk .char:where(.svelte-bzucwk){animation-delay:calc(.2s + var(--i) * 30ms)}.title-line-3.svelte-bzucwk .char:where(.svelte-bzucwk){animation-delay:calc(.4s + var(--i) * 45ms)}.word-primary.svelte-bzucwk .char:where(.svelte-bzucwk){position:relative}.word-gradient.svelte-bzucwk{background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#a855f7 60%,#6366f1);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:svelte-bzucwk-gradientFlow 4s ease-in-out infinite;animation-delay:.8s}.dark .word-gradient.svelte-bzucwk{background:linear-gradient(135deg,#a5b4fc,#c4b5fd 40%,#d8b4fe 60%,#a5b4fc);background-size:200% 200%;-webkit-background-clip:text;background-clip:text}@keyframes svelte-bzucwk-gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-connector.svelte-bzucwk{display:inline-block;margin-left:.5em;opacity:0;font-weight:400;color:#71717a;animation:svelte-bzucwk-connectorFade .5s ease-out forwards;animation-delay:.45s}.dark .title-connector.svelte-bzucwk{color:#a1a1aa}@keyframes svelte-bzucwk-connectorFade{0%{opacity:0;transform:translate(-8px)}to{opacity:.6;transform:translate(0)}}.char.svelte-bzucwk{transition:transform .4s cubic-bezier(.25,.8,.25,1);cursor:default}.title-line.svelte-bzucwk:hover .char:where(.svelte-bzucwk){transform:translateY(-2px);transition-delay:calc(var(--i) * 20ms)}.word-gradient.svelte-bzucwk .char:where(.svelte-bzucwk):hover{transform:translateY(-3px) scale(1.02)}.title-line.svelte-bzucwk:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .5s cubic-bezier(.25,.8,.25,1)}.title-line.svelte-bzucwk:hover:after{width:100%}.title-line-3.svelte-bzucwk:after{height:3px;border-radius:2px}.description-text.svelte-bzucwk{opacity:0;animation:svelte-bzucwk-descFadeIn .8s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.6s;line-height:1.7;letter-spacing:.01em}@keyframes svelte-bzucwk-descFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-bzucwk-gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.step-badge.svelte-bzucwk{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:9999px;border:1px solid var(--glass-border);box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light),inset 0 1px 1px #ffffff4d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.step-badge.svelte-bzucwk:hover{transform:translate(4px);box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light),inset 0 1px 2px #fff6}.step-number.svelte-bzucwk{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:50%;font-size:.8rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #6366f166,inset 0 1px 2px #ffffff4d}.step-text.svelte-bzucwk{font-size:.8rem;font-weight:500;color:#3f3f46;letter-spacing:.01em}.dark .step-text.svelte-bzucwk{color:#d4d4d8}@keyframes svelte-bzucwk-titleGlowPulse{0%,to{text-shadow:0 0 30px rgba(99,102,241,.2)}50%{text-shadow:0 0 50px rgba(99,102,241,.4)}}.step-indicator-wrapper.svelte-bzucwk{position:relative}.step-number.pulse-ring.svelte-bzucwk{position:relative;animation:svelte-bzucwk-stepNumberPulse 2s ease-in-out infinite}.step-number.pulse-ring.svelte-bzucwk:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(99,102,241,.5);animation:svelte-bzucwk-pulseRingExpand 2s ease-out infinite}@keyframes svelte-bzucwk-stepNumberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes svelte-bzucwk-pulseRingExpand{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.step-connector.svelte-bzucwk{width:2px;height:20px;margin-left:.75rem;background:linear-gradient(180deg,rgba(99,102,241,.5),transparent);border-radius:1px;animation:svelte-bzucwk-connectorGrow .5s ease-out forwards;animation-delay:.6s;transform-origin:top;transform:scaleY(0)}@keyframes svelte-bzucwk-connectorGrow{to{transform:scaleY(1)}}.neu-card.svelte-bzucwk{background:var(--neu-bg);border-radius:var(--neu-radius);padding:1.5rem;border:1px solid var(--glass-border);box-shadow:8px 8px 20px var(--neu-shadow-dark),-8px -8px 20px var(--neu-shadow-light);transition:all var(--neu-transition);position:relative}.neu-card.svelte-bzucwk:hover{transform:translateY(-2px);box-shadow:10px 10px 25px var(--neu-shadow-dark),-10px -10px 25px var(--neu-shadow-light),0 8px 20px var(--accent-glow)}.tab-container.svelte-bzucwk{display:flex;position:relative;background:var(--neu-bg-secondary);border-radius:14px;padding:.35rem;box-shadow:inset 3px 3px 6px var(--neu-shadow-dark),inset -3px -3px 6px var(--neu-shadow-light);margin-bottom:1.25rem}.tab-btn.svelte-bzucwk{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:10px;font-size:.875rem;font-weight:500;color:#71717a;cursor:pointer;transition:all var(--neu-transition);z-index:1;position:relative}.tab-btn.svelte-bzucwk:hover:not(.active){color:#52525b}.dark .tab-btn.svelte-bzucwk:hover:not(.active){color:#a1a1aa}.tab-btn.active.svelte-bzucwk{color:var(--accent-primary)}.dark .tab-btn.active.svelte-bzucwk{color:#a5b4fc}.tab-icon.svelte-bzucwk{width:1rem;height:1rem;transition:transform var(--neu-transition)}.tab-btn.svelte-bzucwk:hover .tab-icon:where(.svelte-bzucwk){transform:scale(1.05)}.tab-btn.active.svelte-bzucwk .tab-icon:where(.svelte-bzucwk){animation:svelte-bzucwk-iconBounce .6s cubic-bezier(.4,0,.2,1)}@keyframes svelte-bzucwk-iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tab-indicator.svelte-bzucwk{position:absolute;top:.35rem;left:.35rem;width:calc(50% - .35rem);height:calc(100% - .7rem);background:var(--neu-bg);border-radius:10px;box-shadow:4px 4px 10px var(--neu-shadow-dark),-4px -4px 10px var(--neu-shadow-light);transition:transform .5s cubic-bezier(.4,0,.2,1)}.tab-indicator.url-active.svelte-bzucwk{transform:translate(100%)}.tab-content.svelte-bzucwk{min-height:140px}.upload-zone.svelte-bzucwk{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;background:var(--neu-bg-secondary);border-radius:16px;border:1.5px solid rgba(99,102,241,.15);cursor:pointer;transition:all var(--neu-transition);box-shadow:inset 2px 2px 6px var(--neu-shadow-soft),inset -2px -2px 6px var(--neu-shadow-light)}.dark .upload-zone.svelte-bzucwk{border-color:#a5b4fc1f}.upload-zone.svelte-bzucwk:hover{border-color:#6366f159;transform:scale(1.008);box-shadow:inset 2px 2px 6px var(--neu-shadow-soft),inset -2px -2px 6px var(--neu-shadow-light),0 0 15px var(--accent-glow)}.upload-zone.dragging.svelte-bzucwk{border-color:var(--accent-primary);border-width:2px;background:linear-gradient(145deg,#6366f10a,#8b5cf605);transform:scale(1.015);box-shadow:inset 2px 2px 6px var(--neu-shadow-soft),inset -2px -2px 6px var(--neu-shadow-light),0 0 20px var(--accent-glow)}.upload-zone.has-file.svelte-bzucwk{border-style:solid;border-color:#22c55e66;background:linear-gradient(145deg,rgba(34,197,94,.03),transparent)}.upload-content.svelte-bzucwk{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem;z-index:1}.upload-icon-wrapper.svelte-bzucwk{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--neu-bg);border-radius:50%;margin-bottom:.875rem;box-shadow:4px 4px 10px var(--neu-shadow-dark),-4px -4px 10px var(--neu-shadow-light);transition:all var(--neu-transition)}.upload-zone.svelte-bzucwk:hover .upload-icon-wrapper:where(.svelte-bzucwk){transform:translateY(-2px);box-shadow:5px 5px 12px var(--neu-shadow-dark),-5px -5px 12px var(--neu-shadow-light),0 4px 12px var(--accent-glow)}.upload-icon.svelte-bzucwk{width:1.75rem;height:1.75rem;color:#6366f1;transition:transform .3s ease}.upload-zone.svelte-bzucwk:hover .upload-icon:where(.svelte-bzucwk){animation:svelte-bzucwk-uploadBounce .6s ease-in-out}@keyframes svelte-bzucwk-uploadBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}.upload-text.svelte-bzucwk{display:flex;flex-direction:column;gap:.375rem}.upload-primary.svelte-bzucwk{font-size:.9375rem;font-weight:600;color:#27272a;letter-spacing:-.01em}.dark .upload-primary.svelte-bzucwk{color:#f4f4f5}.upload-secondary.svelte-bzucwk{font-size:.8125rem;color:#6366f1;font-weight:500;transition:color .3s ease}.upload-zone.svelte-bzucwk:hover .upload-secondary:where(.svelte-bzucwk){color:#4f46e5}.upload-hint.svelte-bzucwk{font-size:.6875rem;color:#a1a1aa;margin-top:.625rem;padding:.375rem .75rem;background:#6366f10f;border-radius:9999px;transition:all .3s ease}.upload-zone.svelte-bzucwk:hover .upload-hint:where(.svelte-bzucwk){background:#6366f11a}.file-preview.svelte-bzucwk{display:flex;align-items:center;gap:.75rem;padding:.75rem;width:100%}.preview-thumb.svelte-bzucwk{width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.file-info.svelte-bzucwk{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0}.file-name.svelte-bzucwk{font-size:.75rem;font-weight:500;color:#3f3f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .file-name.svelte-bzucwk{color:#e4e4e7}.clear-btn.svelte-bzucwk{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#fef2f2;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.clear-btn.svelte-bzucwk svg:where(.svelte-bzucwk){width:.75rem;height:.75rem;color:#ef4444}.clear-btn.svelte-bzucwk:hover{background:#fee2e2;transform:scale(1.1)}.success-indicator.svelte-bzucwk{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#dcfce7;border-radius:50%}.success-indicator.svelte-bzucwk svg:where(.svelte-bzucwk){width:.875rem;height:.875rem;color:#22c55e}.url-zone.svelte-bzucwk{padding:.5rem 0}.url-input-wrapper.svelte-bzucwk{position:relative;display:flex;align-items:center;background:var(--neu-bg);border-radius:.75rem;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);transition:all .3s ease}.url-input-wrapper.valid.svelte-bzucwk{box-shadow:inset 2px 2px 4px #22c55e33,inset -2px -2px 4px var(--neu-shadow-light)}.url-input-wrapper.error.svelte-bzucwk{box-shadow:inset 2px 2px 4px #ef444433,inset -2px -2px 4px var(--neu-shadow-light)}.url-input.svelte-bzucwk{flex:1;padding:.875rem 1rem;background:transparent;border:none;font-size:.875rem;color:#3f3f46;outline:none}.dark .url-input.svelte-bzucwk{color:#e4e4e7}.url-input.svelte-bzucwk::-moz-placeholder{color:#a1a1aa}.url-input.svelte-bzucwk::placeholder{color:#a1a1aa}.url-status.svelte-bzucwk{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.status-spinner.svelte-bzucwk{width:1rem;height:1rem;border:2px solid #e4e4e7;border-top-color:#6366f1;border-radius:50%;animation:svelte-bzucwk-spin .6s linear infinite}@keyframes svelte-bzucwk-spin{to{transform:rotate(360deg)}}.status-valid.svelte-bzucwk{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:#dcfce7;border-radius:50%}.status-valid.svelte-bzucwk svg:where(.svelte-bzucwk){width:.75rem;height:.75rem;color:#22c55e}.status-error.svelte-bzucwk{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:50%}.status-error.svelte-bzucwk svg:where(.svelte-bzucwk){width:.75rem;height:.75rem;color:#ef4444}.url-error-text.svelte-bzucwk{font-size:.75rem;color:#ef4444;margin-top:.5rem;padding-left:.5rem}.url-preview.svelte-bzucwk{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem;background:var(--neu-bg);border-radius:.75rem;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}.url-preview-img.svelte-bzucwk{width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.clear-url-btn.svelte-bzucwk{margin-left:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#ef4444;background:#fef2f2;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.clear-url-btn.svelte-bzucwk:hover{background:#fee2e2}.neu-cta.svelte-bzucwk{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;margin-top:1.25rem;background:linear-gradient(135deg,#5558e8,#6366f1);border:none;border-radius:14px;font-size:.9rem;font-weight:500;color:#fff;cursor:pointer;letter-spacing:.01em;box-shadow:0 4px 16px #6366f159,4px 4px 12px var(--neu-shadow-dark),-4px -4px 12px var(--neu-shadow-light);transition:all var(--neu-transition);position:relative;overflow:hidden}.neu-cta.svelte-bzucwk:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166,5px 5px 14px var(--neu-shadow-dark),-5px -5px 14px var(--neu-shadow-light)}.neu-cta.svelte-bzucwk:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #6366f14d,3px 3px 8px var(--neu-shadow-dark),-3px -3px 8px var(--neu-shadow-light)}.neu-cta.svelte-bzucwk:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(20%)}.neu-cta.ready.svelte-bzucwk{animation:svelte-bzucwk-pulse-glow 3.5s ease-in-out infinite}@keyframes svelte-bzucwk-pulse-glow{0%,to{box-shadow:0 4px 16px #6366f159,4px 4px 12px var(--neu-shadow-dark),-4px -4px 12px var(--neu-shadow-light)}50%{box-shadow:0 6px 22px #6366f173,5px 5px 14px var(--neu-shadow-dark),-5px -5px 14px var(--neu-shadow-light)}}.cta-text.svelte-bzucwk{position:relative;z-index:1}.cta-icon.svelte-bzucwk{width:1.25rem;height:1.25rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.neu-cta.svelte-bzucwk:hover:not(:disabled) .cta-icon:where(.svelte-bzucwk){transform:translate(6px)}.main-card-neu.svelte-bzucwk{background:var(--neu-bg);box-shadow:12px 12px 30px var(--neu-shadow-dark),-12px -12px 30px var(--neu-shadow-light);animation:svelte-bzucwk-float 6s ease-in-out infinite;border:1px solid var(--glass-border);transition:all var(--neu-transition)}.main-card-neu.svelte-bzucwk:hover{box-shadow:14px 14px 35px var(--neu-shadow-dark),-14px -14px 35px var(--neu-shadow-light),0 10px 25px var(--accent-glow)}.card-inner.svelte-bzucwk{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative}.card-inner.svelte-bzucwk:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 20px #0000000f;pointer-events:none}.float-card-neu.svelte-bzucwk{background:var(--neu-bg);border:1px solid var(--glass-border);box-shadow:10px 10px 24px var(--neu-shadow-dark),-10px -10px 24px var(--neu-shadow-light);transition:all var(--neu-transition)}.float-card-neu.svelte-bzucwk:hover{transform:translateY(-3px);box-shadow:12px 12px 28px var(--neu-shadow-dark),-12px -12px 28px var(--neu-shadow-light),0 8px 20px var(--accent-glow)}.icon-card-neu.svelte-bzucwk{background:var(--neu-bg);border:1px solid var(--glass-border);box-shadow:6px 6px 14px var(--neu-shadow-dark),-6px -6px 14px var(--neu-shadow-light);transition:all var(--neu-transition)}.icon-card-neu.svelte-bzucwk:hover{transform:scale(1.04);box-shadow:8px 8px 18px var(--neu-shadow-dark),-8px -8px 18px var(--neu-shadow-light),0 6px 15px var(--accent-glow)}.icon-wrapper-neu.svelte-bzucwk{padding:.5rem;background:var(--neu-bg);border-radius:12px;border:1px solid var(--glass-border);box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transition:all var(--neu-transition)}.icon-wrapper-neu.svelte-bzucwk:hover{transform:scale(1.03);box-shadow:5px 5px 10px var(--neu-shadow-dark),-5px -5px 10px var(--neu-shadow-light),0 3px 8px var(--accent-glow)}.skeleton-bar-neu.svelte-bzucwk{background:linear-gradient(90deg,var(--neu-dark) 0%,var(--neu-light) 30%,var(--neu-bg) 50%,var(--neu-light) 70%,var(--neu-dark) 100%);background-size:400% 100%;animation:svelte-bzucwk-shimmer 3s ease-in-out infinite;border-radius:4px}@keyframes svelte-bzucwk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes svelte-bzucwk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-floatReverse.svelte-bzucwk{animation:svelte-bzucwk-floatReverse 6s ease-in-out infinite}@keyframes svelte-bzucwk-floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.animate-float.svelte-bzucwk{animation:svelte-bzucwk-float 5s ease-in-out infinite}.animate-pulse-soft.svelte-bzucwk{animation:svelte-bzucwk-pulseSoft 4s ease-in-out infinite}@keyframes svelte-bzucwk-pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.scroll-indicator.svelte-bzucwk{animation:svelte-bzucwk-fadeUpDown 3s ease-in-out infinite;position:relative;outline:none}.scroll-indicator.svelte-bzucwk:focus-visible{outline:2px solid #6366f1;outline-offset:4px;border-radius:8px}.scroll-indicator.svelte-bzucwk:active .scroll-mouse:where(.svelte-bzucwk){transform:translateY(0) scale(.95)}.scroll-indicator.svelte-bzucwk:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.scroll-indicator.svelte-bzucwk span:where(.svelte-bzucwk){font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#71717a,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent;transition:all .3s ease}.scroll-indicator.svelte-bzucwk:hover span:where(.svelte-bzucwk){background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text}.scroll-mouse.svelte-bzucwk{width:22px;height:36px;border:2px solid transparent;border-radius:12px;position:relative;background:linear-gradient(var(--neu-bg),var(--neu-bg)) padding-box,linear-gradient(180deg,#6366f166,#8b5cf633) border-box;box-shadow:0 4px 12px #6366f126,inset 0 1px 2px #fff3;transition:all .3s ease}.scroll-indicator.svelte-bzucwk:hover .scroll-mouse:where(.svelte-bzucwk){background:linear-gradient(var(--neu-bg),var(--neu-bg)) padding-box,linear-gradient(180deg,#6366f199,#8b5cf666) border-box;box-shadow:0 6px 16px #6366f140,inset 0 1px 2px #ffffff4d;transform:translateY(-2px)}.scroll-wheel.svelte-bzucwk{width:3px;height:8px;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:3px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:svelte-bzucwk-scrollWheel 2.5s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 6px #6366f180}@keyframes svelte-bzucwk-scrollWheel{0%,to{opacity:1;transform:translate(-50%) translateY(0);box-shadow:0 0 6px #6366f180}50%{opacity:.4;transform:translate(-50%) translateY(10px);box-shadow:0 0 3px #6366f133}}@keyframes svelte-bzucwk-fadeUpDown{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.preview-section.svelte-bzucwk{background:var(--neu-bg);border-radius:0}.preview-container.svelte-bzucwk{background:linear-gradient(145deg,var(--neu-bg) 0%,var(--neu-bg-secondary) 100%);min-height:500px}.orb.svelte-bzucwk{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:svelte-bzucwk-orbFloat 8s ease-in-out infinite}.orb-1.svelte-bzucwk{width:200px;height:200px;background:linear-gradient(135deg,#6366f166,#8b5cf64d);top:10%;left:20%;animation-delay:0s}.orb-2.svelte-bzucwk{width:150px;height:150px;background:linear-gradient(135deg,#ec48994d,#f8717133);top:60%;right:15%;animation-delay:2s}.orb-3.svelte-bzucwk{width:100px;height:100px;background:linear-gradient(135deg,#14b8a64d,#22d3ee33);bottom:20%;left:10%;animation-delay:4s}@keyframes svelte-bzucwk-orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.05)}50%{transform:translate(-5px,10px) scale(.95)}75%{transform:translate(-10px,-5px) scale(1.02)}}.dark .orb.svelte-bzucwk{opacity:.25}.grid-pattern.svelte-bzucwk{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.dark .grid-pattern.svelte-bzucwk{background-image:linear-gradient(rgba(165,180,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(165,180,252,.04) 1px,transparent 1px)}.card-badge.svelte-bzucwk{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;z-index:10}.badge-dot.svelte-bzucwk{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:svelte-bzucwk-badgePulse 2s ease-in-out infinite}@keyframes svelte-bzucwk-badgePulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 4px #22c55e00}}.badge-text.svelte-bzucwk{font-size:10px;font-weight:500;color:#fff;letter-spacing:.02em}@media(min-width:768px){.card-badge.svelte-bzucwk{bottom:16px;left:16px;right:16px;padding:10px 14px}.badge-dot.svelte-bzucwk{width:8px;height:8px}.badge-text.svelte-bzucwk{font-size:12px}}.card-title.svelte-bzucwk{font-size:11px;font-weight:600;color:#3f3f46;letter-spacing:-.01em}.dark .card-title.svelte-bzucwk{color:#d4d4d8}@media(min-width:768px){.card-title.svelte-bzucwk{font-size:14px}}.skeleton-group.svelte-bzucwk{width:100%}.palette-card-neu.svelte-bzucwk{background:var(--neu-bg);border:1px solid var(--glass-border);box-shadow:6px 6px 14px var(--neu-shadow-dark),-6px -6px 14px var(--neu-shadow-light);transition:all var(--neu-transition)}.palette-card-neu.svelte-bzucwk:hover{transform:scale(1.03);box-shadow:8px 8px 18px var(--neu-shadow-dark),-8px -8px 18px var(--neu-shadow-light),0 5px 15px var(--accent-glow)}.palette-label.svelte-bzucwk{font-size:9px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.dark .palette-label.svelte-bzucwk{color:#a1a1aa}@media(min-width:768px){.palette-label.svelte-bzucwk{font-size:11px}}.color-dots.svelte-bzucwk{display:flex}.color-dot.svelte-bzucwk{width:14px;height:14px;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:transform .3s ease}.color-dot.svelte-bzucwk:hover{transform:scale(1.15)}@media(min-width:768px){.color-dot.svelte-bzucwk{width:18px;height:18px}}.stats-badge-neu.svelte-bzucwk{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #6366f166,4px 4px 12px var(--neu-shadow-dark)}.stats-value.svelte-bzucwk{font-size:14px;font-weight:700;color:#fff;line-height:1}.stats-label.svelte-bzucwk{font-size:8px;font-weight:500;color:#fffc;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}@media(min-width:768px){.stats-value.svelte-bzucwk{font-size:20px}.stats-label.svelte-bzucwk{font-size:10px;margin-top:4px}}.corner-accent.svelte-bzucwk{position:absolute;width:60px;height:60px;pointer-events:none;opacity:.4}.corner-accent.top-left.svelte-bzucwk{top:20px;left:20px;border-top:2px solid var(--accent-primary);border-left:2px solid var(--accent-primary);border-top-left-radius:8px}.corner-accent.bottom-right.svelte-bzucwk{bottom:20px;right:20px;border-bottom:2px solid var(--accent-secondary);border-right:2px solid var(--accent-secondary);border-bottom-right-radius:8px}@media(min-width:768px){.corner-accent.svelte-bzucwk{width:80px;height:80px}.corner-accent.top-left.svelte-bzucwk{top:40px;left:40px}.corner-accent.bottom-right.svelte-bzucwk{bottom:40px;right:40px}}@media(prefers-reduced-motion:reduce){.main-card-neu.svelte-bzucwk,.animate-floatReverse.svelte-bzucwk,.animate-float.svelte-bzucwk,.animate-pulse-soft.svelte-bzucwk,.skeleton-bar-neu.svelte-bzucwk,.scroll-indicator.svelte-bzucwk,.scroll-wheel.svelte-bzucwk,.neu-cta.ready.svelte-bzucwk,.char.svelte-bzucwk,.title-connector.svelte-bzucwk,.word-gradient.svelte-bzucwk,.description-text.svelte-bzucwk,.orb.svelte-bzucwk,.badge-dot.svelte-bzucwk{animation:none;opacity:1;transform:none;filter:none}.tab-indicator.svelte-bzucwk,.upload-zone.svelte-bzucwk,.neu-cta.svelte-bzucwk,.cta-icon.svelte-bzucwk,.char.svelte-bzucwk,.title-line.svelte-bzucwk:after,.color-dot.svelte-bzucwk{transition:none}}.mobile-preview-container.svelte-bzucwk{min-height:280px}.main-card-mobile.svelte-bzucwk{position:relative;background:var(--neu-bg);border:1px solid var(--glass-border);box-shadow:8px 8px 20px var(--neu-shadow-dark),-8px -8px 20px var(--neu-shadow-light)}.main-card-mobile.svelte-bzucwk .card-inner:where(.svelte-bzucwk){background:linear-gradient(145deg,var(--neu-bg-secondary),var(--neu-bg))}.palette-card-mobile.svelte-bzucwk,.typography-card-mobile.svelte-bzucwk,.stats-badge-mobile.svelte-bzucwk,.icon-card-mobile.svelte-bzucwk{background:var(--neu-bg);border:1px solid var(--glass-border);box-shadow:4px 4px 10px var(--neu-shadow-dark),-4px -4px 10px var(--neu-shadow-light)}.platform-card.svelte-178v135{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.platform-card.svelte-178v135:hover{transform:translateY(-8px) scale(1.02) rotateX(5deg);box-shadow:0 25px 50px -12px var(--glow-color, rgba(0, 0, 0, .15))}.gradient-border.svelte-178v135{background-size:200% 200%;animation:svelte-178v135-gradientMove 3s ease infinite}@keyframes svelte-178v135-gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.shine-sweep.svelte-178v135{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);z-index:20;transition:left .6s ease;pointer-events:none}.platform-card.svelte-178v135:hover .shine-sweep:where(.svelte-178v135){left:100%}.icon-wrapper.svelte-178v135{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.platform-card.svelte-178v135:hover .icon-wrapper:where(.svelte-178v135){transform:scale(1.2) rotate(-8deg);animation:svelte-178v135-platformIconBounce .5s ease}@keyframes svelte-178v135-platformIconBounce{0%,to{transform:scale(1.2) rotate(-8deg) translateY(0)}40%{transform:scale(1.3) rotate(-12deg) translateY(-8px)}70%{transform:scale(1.18) rotate(-6deg) translateY(-2px)}}.platform-name.svelte-178v135{transition:transform .3s ease}.platform-card.svelte-178v135:hover .platform-name:where(.svelte-178v135){transform:translate(4px)}.particles.svelte-178v135{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:30}.particle.svelte-178v135{position:absolute;bottom:0;left:var(--x);width:4px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:svelte-178v135-particleFloat 1s ease-out var(--delay) forwards;opacity:0}@keyframes svelte-178v135-particleFloat{0%{transform:translateY(0);opacity:1}to{transform:translateY(-80px) rotate(720deg);opacity:0}}@media(prefers-reduced-motion:reduce){.platform-card.svelte-178v135{transition:none}.platform-card.svelte-178v135:hover{transform:none}.icon-wrapper.svelte-178v135{transition:none}.platform-card.svelte-178v135:hover .icon-wrapper:where(.svelte-178v135){transform:none}.gradient-border.svelte-178v135{animation:none}.shine-sweep.svelte-178v135,.particles.svelte-178v135{display:none}}.connecting-line.svelte-1ygqasl{overflow:hidden}.line-fill.svelte-1ygqasl{width:100%;height:100%;transform:scaleX(0);transform-origin:left;animation:svelte-1ygqasl-lineGrow 1.5s ease-out .8s forwards}@keyframes svelte-1ygqasl-lineGrow{to{transform:scaleX(1)}}.step-badge.svelte-1ygqasl{animation:svelte-1ygqasl-badgePulse 2s ease-in-out infinite}@keyframes svelte-1ygqasl-badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 15px -3px #0003}50%{transform:scale(1.05);box-shadow:0 6px 20px -3px #00000040}}.step-card.svelte-1ygqasl{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.step-card.svelte-1ygqasl:hover{transform:translateY(-12px) scale(1.04);box-shadow:0 30px 60px -15px var(--glow-color, rgba(0, 0, 0, .2));border-color:transparent}.shine-effect.svelte-1ygqasl{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;z-index:5}.step-card.svelte-1ygqasl:hover .shine-effect:where(.svelte-1ygqasl){left:100%}.icon-animated.svelte-1ygqasl{transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease}.step-card.svelte-1ygqasl:hover .icon-animated:where(.svelte-1ygqasl){transform:scale(1.2) rotate(-8deg);animation:svelte-1ygqasl-iconBounce .6s ease}@keyframes svelte-1ygqasl-iconBounce{0%,to{transform:scale(1.2) rotate(-8deg) translateY(0)}25%{transform:scale(1.25) rotate(-10deg) translateY(-6px)}50%{transform:scale(1.2) rotate(-8deg) translateY(0)}75%{transform:scale(1.22) rotate(-9deg) translateY(-3px)}}.step-title.svelte-1ygqasl{transition:color .3s ease,transform .3s ease}.step-card.svelte-1ygqasl:hover+div:where(.svelte-1ygqasl) .step-title:where(.svelte-1ygqasl),.step-card.svelte-1ygqasl:hover~div:where(.svelte-1ygqasl) .step-title:where(.svelte-1ygqasl){color:#1f2937}@media(prefers-reduced-motion:reduce){.step-card.svelte-1ygqasl{transition:none}.step-card.svelte-1ygqasl:hover{transform:none}.icon-animated.svelte-1ygqasl{transition:color .3s ease}.step-card.svelte-1ygqasl:hover .icon-animated:where(.svelte-1ygqasl){transform:none;animation:none}.step-badge.svelte-1ygqasl{animation:none}.line-fill.svelte-1ygqasl{animation:none;transform:scaleX(1)}.shine-effect.svelte-1ygqasl{display:none}}.devices-scroll-container.svelte-169co3e{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.devices-scroll-container.svelte-169co3e::-webkit-scrollbar{display:none}.devices-grid.svelte-169co3e{perspective:1000px}.device-card-wrapper.svelte-169co3e{scroll-snap-align:center}.section-title.svelte-169co3e{background:linear-gradient(135deg,#1a1a1a,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:svelte-169co3e-titleGradient 4s ease infinite}@keyframes svelte-169co3e-titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dark .section-title.svelte-169co3e{background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;background-clip:text}.device-card.svelte-169co3e{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,background-color .3s ease}.device-card.svelte-169co3e:hover{box-shadow:0 35px 60px -15px var(--glow-color, rgba(0, 0, 0, .2));background-color:#fff}.dark .device-card.svelte-169co3e:hover{background-color:#27272a}.shine-effect.svelte-169co3e{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s ease;z-index:5;pointer-events:none}.device-card.svelte-169co3e:hover .shine-effect:where(.svelte-169co3e){left:100%}.icon-wrapper.svelte-169co3e{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.device-card.svelte-169co3e:hover .icon-wrapper:where(.svelte-169co3e){transform:scale(1.15) translateY(-6px);animation:svelte-169co3e-deviceIconBounce .5s ease}@keyframes svelte-169co3e-deviceIconBounce{0%,to{transform:scale(1.15) translateY(-6px)}35%{transform:scale(1.25) translateY(-12px)}65%{transform:scale(1.12) translateY(-4px)}}.device-icon.svelte-169co3e{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:filter .3s ease,color .3s ease,transform .3s ease}.device-card.svelte-169co3e:hover .device-icon:where(.svelte-169co3e){filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}.device-name.svelte-169co3e{transition:transform .3s ease}.device-card.svelte-169co3e:hover .device-name:where(.svelte-169co3e){transform:translate(4px)}.device-description.svelte-169co3e{transition:opacity .3s ease}.device-card.svelte-169co3e:hover .device-description:where(.svelte-169co3e){opacity:.9}.gradient-orb.svelte-169co3e{animation:svelte-169co3e-orbFloat 6s ease-in-out infinite}@keyframes svelte-169co3e-orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,10px) scale(1.1)}}@media(prefers-reduced-motion:reduce){.device-card.svelte-169co3e{transition:background-color .3s ease}.device-card.svelte-169co3e:hover{transform:none}.icon-wrapper.svelte-169co3e{transition:none}.device-card.svelte-169co3e:hover .icon-wrapper:where(.svelte-169co3e){transform:none}.shine-effect.svelte-169co3e{display:none}.gradient-orb.svelte-169co3e,.section-title.svelte-169co3e{animation:none}}.editor-toolbar.svelte-hmt5gp{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 10px #00000014;margin-bottom:.75rem}.dark .editor-toolbar.svelte-hmt5gp{background:#27272a}.toolbar-section.svelte-hmt5gp{display:flex;align-items:center;gap:.375rem}.toolbar-btn.svelte-hmt5gp{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:transparent;border:1px solid transparent;border-radius:.5rem;font-size:.75rem;font-weight:500;color:#52525b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dark .toolbar-btn.svelte-hmt5gp{color:#a1a1aa}.toolbar-btn.svelte-hmt5gp:hover:not(:disabled){background:#6366f11a;color:#4f46e5;border-color:#6366f133}.toolbar-btn.svelte-hmt5gp:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.active.svelte-hmt5gp{background:#6366f11a;color:#4f46e5;border-color:#6366f14d}.toolbar-btn.icon-only.svelte-hmt5gp{padding:.5rem}.separator.svelte-hmt5gp{width:1px;height:1.5rem;background:#e4e4e7;margin:0 .25rem}.dark .separator.svelte-hmt5gp{background:#3f3f46}.zoom-group.svelte-hmt5gp{display:flex;align-items:center;gap:.125rem;background:#f4f4f5;border-radius:.5rem;padding:.125rem}.dark .zoom-group.svelte-hmt5gp{background:#18181b}.zoom-btn.svelte-hmt5gp,.fit-btn.svelte-hmt5gp{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:none;border-radius:.375rem;color:#52525b;cursor:pointer;transition:all .15s ease}.dark .zoom-btn.svelte-hmt5gp,.dark .fit-btn.svelte-hmt5gp{color:#a1a1aa}.zoom-btn.svelte-hmt5gp:hover:not(:disabled),.fit-btn.svelte-hmt5gp:hover:not(:disabled){background:#fff;color:#18181b}.dark .zoom-btn.svelte-hmt5gp:hover:not(:disabled),.dark .fit-btn.svelte-hmt5gp:hover:not(:disabled){background:#3f3f46;color:#fafafa}.zoom-btn.svelte-hmt5gp:disabled,.fit-btn.svelte-hmt5gp:disabled{opacity:.5;cursor:not-allowed}.zoom-value.svelte-hmt5gp{font-size:.6875rem;font-weight:600;color:#18181b;min-width:2.5rem;text-align:center}.dark .zoom-value.svelte-hmt5gp{color:#fafafa}.export-btn.svelte-hmt5gp{background:linear-gradient(135deg,#18181b,#27272a);color:#fff!important;border:none}.export-btn.svelte-hmt5gp:hover:not(:disabled){background:linear-gradient(135deg,#27272a,#3f3f46)!important;color:#fff!important;border:none!important}.hidden.svelte-hmt5gp{display:none}@media(max-width:640px){.btn-label.svelte-hmt5gp,.separator.svelte-hmt5gp,.zoom-group.svelte-hmt5gp{display:none}}.history-menu-wrapper.svelte-hmt5gp{position:relative}.history-dropdown.svelte-hmt5gp{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e4e4e7;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;padding:.375rem;min-width:12rem;z-index:50}.dark .history-dropdown.svelte-hmt5gp{background:#27272a;border-color:#3f3f46;box-shadow:0 4px 12px #0000004d}.menu-item.svelte-hmt5gp{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:#52525b;font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;border-radius:.5rem;transition:all .15s ease}.dark .menu-item.svelte-hmt5gp{color:#a1a1aa}.menu-item.svelte-hmt5gp:hover:not(:disabled){background:#f4f4f5;color:#18181b}.dark .menu-item.svelte-hmt5gp:hover:not(:disabled){background:#3f3f46;color:#fafafa}.menu-item.svelte-hmt5gp:disabled{opacity:.5;cursor:not-allowed}.menu-item.danger.svelte-hmt5gp{color:#ef4444}.menu-item.danger.svelte-hmt5gp:hover{background:#fef2f2;color:#dc2626}.dark .menu-item.danger.svelte-hmt5gp:hover{background:#ef44441a;color:#ef4444}.shortcut.svelte-hmt5gp{margin-left:auto;font-size:.6875rem;color:#a1a1aa;background:#f4f4f5;padding:.125rem .375rem;border-radius:.25rem}.dark .shortcut.svelte-hmt5gp{background:#3f3f46;color:#71717a}.menu-separator.svelte-hmt5gp{height:1px;background:#e4e4e7;margin:.375rem 0}.dark .menu-separator.svelte-hmt5gp{background:#3f3f46}.background-picker.svelte-dzreyf{display:flex;flex-direction:column;gap:.75rem}.tabs.svelte-dzreyf{display:flex;gap:.25rem;padding:.25rem;background:#f4f4f5;border-radius:.5rem}.dark .tabs.svelte-dzreyf{background:#27272a}.tab-btn.svelte-dzreyf{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:transparent;border:none;border-radius:.375rem;font-size:.625rem;font-weight:500;color:#71717a;cursor:pointer;transition:all .2s ease}.tab-btn.svelte-dzreyf:hover{background:#0000000d}.dark .tab-btn.svelte-dzreyf:hover{background:#ffffff0d}.tab-btn.active.svelte-dzreyf{background:#fff;color:#18181b;box-shadow:0 1px 3px #0000001a}.dark .tab-btn.active.svelte-dzreyf{background:#3f3f46;color:#fafafa}.tab-icon.svelte-dzreyf{width:1.25rem;height:1.25rem;border-radius:.25rem}.solid-icon.svelte-dzreyf{background:#6366f1}.gradient-icon.svelte-dzreyf{background:linear-gradient(135deg,#6366f1,#ec4899)}.image-icon.svelte-dzreyf{background:linear-gradient(135deg,#f4f4f5 50%,#d4d4d8 50%);border:1px solid #d4d4d8}.tab-content.svelte-dzreyf{min-height:200px}.helper-text.svelte-dzreyf{font-size:.75rem;color:#71717a;margin-bottom:.75rem}.color-grid.svelte-dzreyf{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.color-swatch.svelte-dzreyf{aspect-ratio:1;border-radius:.5rem;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.color-swatch.svelte-dzreyf:hover{transform:scale(1.1)}.color-swatch.selected.svelte-dzreyf{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.check-icon.svelte-dzreyf{width:1rem;height:1rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.custom-color.svelte-dzreyf{display:flex;flex-direction:column;gap:.5rem}.custom-color.svelte-dzreyf label:where(.svelte-dzreyf){font-size:.75rem;font-weight:500;color:#52525b}.dark .custom-color.svelte-dzreyf label:where(.svelte-dzreyf){color:#a1a1aa}.custom-color-row.svelte-dzreyf{display:flex;gap:.5rem}.custom-color-row.svelte-dzreyf input[type=color]:where(.svelte-dzreyf){width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:.375rem;cursor:pointer}.color-input.svelte-dzreyf{flex:1;padding:.5rem;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.875rem;font-family:monospace}.dark .color-input.svelte-dzreyf{background:#27272a;border-color:#3f3f46;color:#fafafa}.gradient-grid.svelte-dzreyf{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.gradient-swatch.svelte-dzreyf{height:3rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.25rem}.gradient-swatch.svelte-dzreyf:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.gradient-name.svelte-dzreyf{font-size:.625rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.custom-gradient.svelte-dzreyf{display:flex;flex-direction:column;gap:.5rem}.custom-gradient.svelte-dzreyf label:where(.svelte-dzreyf){font-size:.75rem;font-weight:500;color:#52525b}.dark .custom-gradient.svelte-dzreyf label:where(.svelte-dzreyf){color:#a1a1aa}.gradient-controls.svelte-dzreyf{display:flex;flex-direction:column;gap:.5rem}.gradient-color-inputs.svelte-dzreyf{display:flex;align-items:center;gap:.5rem}.gradient-color-inputs.svelte-dzreyf input[type=color]:where(.svelte-dzreyf){width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:.375rem;cursor:pointer}.gradient-arrow.svelte-dzreyf{color:#71717a;font-size:1.25rem}.gradient-angle.svelte-dzreyf{display:flex;align-items:center;gap:.5rem}.gradient-angle.svelte-dzreyf label:where(.svelte-dzreyf){font-size:.75rem;min-width:2.5rem}.gradient-angle.svelte-dzreyf input[type=range]:where(.svelte-dzreyf){flex:1}.angle-value.svelte-dzreyf{font-size:.75rem;font-weight:500;min-width:2.5rem;text-align:right;color:#52525b}.dark .angle-value.svelte-dzreyf{color:#a1a1aa}.gradient-preview.svelte-dzreyf{height:2rem;border-radius:.375rem}.image-upload.svelte-dzreyf{margin-bottom:1rem}.upload-area.svelte-dzreyf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border:2px dashed #d4d4d8;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.upload-area.svelte-dzreyf:hover{border-color:#6366f1;background:#6366f10d}.dark .upload-area.svelte-dzreyf{border-color:#52525b}.dark .upload-area.svelte-dzreyf:hover{border-color:#6366f1;background:#6366f11a}.upload-icon.svelte-dzreyf{width:2rem;height:2rem;color:#71717a}.upload-area.svelte-dzreyf span:where(.svelte-dzreyf){font-size:.75rem;color:#71717a}.url-input-section.svelte-dzreyf{display:flex;flex-direction:column;gap:.5rem}.url-input-section.svelte-dzreyf label:where(.svelte-dzreyf){font-size:.75rem;font-weight:500;color:#52525b}.dark .url-input-section.svelte-dzreyf label:where(.svelte-dzreyf){color:#a1a1aa}.url-input-row.svelte-dzreyf{display:flex;gap:.5rem}.url-input.svelte-dzreyf{flex:1;padding:.5rem;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.75rem}.dark .url-input.svelte-dzreyf{background:#27272a;border-color:#3f3f46;color:#fafafa}.apply-btn.svelte-dzreyf{padding:.5rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.apply-btn.svelte-dzreyf:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.error-text.svelte-dzreyf{font-size:.75rem;color:#ef4444}.pattern-gallery.svelte-85dzpd{display:flex;flex-direction:column;gap:.75rem}.helper-text.svelte-85dzpd{font-size:.75rem;color:#71717a}.pattern-grid.svelte-85dzpd{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pattern-swatch.svelte-85dzpd{aspect-ratio:1;border-radius:.5rem;border:2px solid #e4e4e7;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.25rem;background-size:auto;background-repeat:repeat}.dark .pattern-swatch.svelte-85dzpd{border-color:#3f3f46}.pattern-swatch.svelte-85dzpd:hover{transform:scale(1.05);border-color:#a5b4fc}.pattern-swatch.selected.svelte-85dzpd{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.pattern-name.svelte-85dzpd{font-size:.5rem;font-weight:600;color:#52525b;background:#ffffffe6;padding:.125rem .25rem;border-radius:.25rem}.dark .pattern-name.svelte-85dzpd{color:#a1a1aa;background:#27272ae6}.pattern-customizer.svelte-85dzpd{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid #e4e4e7}.dark .pattern-customizer.svelte-85dzpd{border-color:#3f3f46}.section-label.svelte-85dzpd{font-size:.75rem;font-weight:500;color:#52525b}.dark .section-label.svelte-85dzpd{color:#a1a1aa}.control-row.svelte-85dzpd{display:flex;align-items:center;gap:.5rem}.control-row.svelte-85dzpd label:where(.svelte-85dzpd){font-size:.75rem;color:#71717a;min-width:5rem}.control-row.svelte-85dzpd input[type=range]:where(.svelte-85dzpd){flex:1}.control-row.svelte-85dzpd input[type=color]:where(.svelte-85dzpd){width:2rem;height:2rem;padding:0;border:none;border-radius:.25rem;cursor:pointer}.value.svelte-85dzpd{font-size:.75rem;font-weight:500;color:#52525b;min-width:2.5rem;text-align:right}.dark .value.svelte-85dzpd{color:#a1a1aa}.pattern-preview.svelte-85dzpd{height:3rem;border-radius:.375rem;border:1px solid #e4e4e7;background-size:auto;background-repeat:repeat}.dark .pattern-preview.svelte-85dzpd{border-color:#3f3f46}.apply-btn.svelte-85dzpd{padding:.5rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.apply-btn.svelte-85dzpd:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.background-manager.svelte-xzy1aw{display:flex;flex-direction:column;gap:1rem}.remove-section.svelte-xzy1aw{display:flex;flex-direction:column;gap:.5rem}.remove-btn.svelte-xzy1aw{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ec4899,#f97316);border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.remove-btn.svelte-xzy1aw:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ec489966}.remove-btn.svelte-xzy1aw:disabled{opacity:.6;cursor:not-allowed}.remove-btn.loading.svelte-xzy1aw{background:#52525b}.btn-icon.svelte-xzy1aw{width:1.25rem;height:1.25rem}.spinner.svelte-xzy1aw{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-xzy1aw-spin .8s linear infinite}@keyframes svelte-xzy1aw-spin{to{transform:rotate(360deg)}}.progress-bar.svelte-xzy1aw{height:.375rem;background:#3f3f46;border-radius:.25rem;overflow:hidden}.progress-fill.svelte-xzy1aw{height:100%;background:linear-gradient(90deg,#ec4899,#f97316);transition:width .3s ease}.progress-text.svelte-xzy1aw{font-size:.75rem;color:#71717a;text-align:center}.helper-text.svelte-xzy1aw{font-size:.625rem;color:#a1a1aa;text-align:center}.error-text.svelte-xzy1aw{font-size:.75rem;color:#ef4444;text-align:center}.success-badge.svelte-xzy1aw{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:.5rem}.success-icon.svelte-xzy1aw{width:1.25rem;height:1.25rem;color:#22c55e}.success-badge.svelte-xzy1aw span:where(.svelte-xzy1aw){flex:1;font-size:.75rem;font-weight:500;color:#22c55e}.reset-btn.svelte-xzy1aw{padding:.25rem .5rem;background:transparent;border:1px solid #52525b;border-radius:.25rem;font-size:.625rem;color:#a1a1aa;cursor:pointer;transition:all .2s ease}.reset-btn.svelte-xzy1aw:hover{background:#3f3f46;border-color:#71717a}.bg-type-section.svelte-xzy1aw{display:flex;flex-direction:column;gap:.75rem}.section-label.svelte-xzy1aw{font-size:.75rem;font-weight:500;color:#71717a}.type-grid.svelte-xzy1aw{display:grid;grid-template-columns:repeat(5,1fr);gap:.375rem}.type-btn.svelte-xzy1aw{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;background:#f4f4f5;border:2px solid transparent;border-radius:.375rem;font-size:.625rem;color:#52525b;cursor:pointer;transition:all .2s ease}.dark .type-btn.svelte-xzy1aw{background:#27272a;color:#a1a1aa}.type-btn.svelte-xzy1aw:hover{background:#e4e4e7}.dark .type-btn.svelte-xzy1aw:hover{background:#3f3f46}.type-btn.active.svelte-xzy1aw{background:#6366f11a;border-color:#6366f1;color:#6366f1}.dark .type-btn.active.svelte-xzy1aw{background:#6366f133;color:#a5b4fc}.type-icon.svelte-xzy1aw{width:1.5rem;height:1.5rem;border-radius:.25rem}.solid-icon.svelte-xzy1aw{background:#6366f1}.gradient-icon.svelte-xzy1aw{background:linear-gradient(135deg,#6366f1,#ec4899)}.image-icon.svelte-xzy1aw{background:linear-gradient(45deg,#d4d4d8 25%,transparent 25%),linear-gradient(-45deg,#d4d4d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d4d4d8 75%),linear-gradient(-45deg,transparent 75%,#d4d4d8 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fafafa;border:1px solid #d4d4d8}.pattern-icon.svelte-xzy1aw{background:repeating-linear-gradient(45deg,#d4d4d8,#d4d4d8 2px,#fff 2px 6px);border:1px solid #d4d4d8}.transparent-icon.svelte-xzy1aw{background:linear-gradient(45deg,#e4e4e7 25%,transparent 25%),linear-gradient(-45deg,#e4e4e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e7 75%),linear-gradient(-45deg,transparent 75%,#e4e4e7 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff;border:1px dashed #d4d4d8}.picker-section.svelte-xzy1aw{padding-top:.75rem;border-top:1px solid #e4e4e7}.dark .picker-section.svelte-xzy1aw{border-color:#3f3f46}.background-transform.svelte-1gmaa0x{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0}.control-section.svelte-1gmaa0x{display:flex;flex-direction:column;gap:.625rem}.section-divider.svelte-1gmaa0x{height:1px;background:#e4e4e7;margin:.25rem 0}.dark .section-divider.svelte-1gmaa0x{background:#27272a}.section-label.svelte-1gmaa0x{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#52525b}.dark .section-label.svelte-1gmaa0x{color:#a1a1aa}.label-row.svelte-1gmaa0x{display:flex;justify-content:space-between;align-items:center}.value-label.svelte-1gmaa0x{font-size:.7rem;color:#71717a;font-variant-numeric:tabular-nums}.fit-mode-grid.svelte-1gmaa0x{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.fit-mode-btn.svelte-1gmaa0x{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;background:#fff;border:1px solid #e4e4e7;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.dark .fit-mode-btn.svelte-1gmaa0x{background:#27272a;border-color:#3f3f46}.fit-mode-btn.svelte-1gmaa0x:hover{border-color:#d4d4d8;transform:translateY(-1px)}.fit-mode-btn.active.svelte-1gmaa0x{border-color:#6366f1;background:#6366f10d;color:#6366f1}.fit-icon.svelte-1gmaa0x{font-size:1rem;line-height:1}.fit-label.svelte-1gmaa0x{font-size:.6rem;font-weight:500}.range-slider.svelte-1gmaa0x{width:100%;height:4px;background:#e4e4e7;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dark .range-slider.svelte-1gmaa0x{background:#3f3f46}.range-slider.svelte-1gmaa0x::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:2px solid #6366f1;border-radius:50%;box-shadow:0 1px 2px #0000001a;-webkit-transition:transform .1s ease;transition:transform .1s ease}.range-slider.svelte-1gmaa0x:active::-webkit-slider-thumb{transform:scale(1.1);background:#6366f1}.range-slider.svelte-1gmaa0x:focus{outline:none}.control-grid.svelte-1gmaa0x{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.input-group.svelte-1gmaa0x{display:flex;align-items:center;position:relative}.input-prefix.svelte-1gmaa0x{position:absolute;left:.75rem;font-size:.7rem;font-weight:600;color:#a1a1aa;pointer-events:none}.number-input.svelte-1gmaa0x{width:100%;padding:.5rem .5rem .5rem 1.75rem;border:1px solid #e4e4e7;border-radius:.5rem;font-size:.8125rem;background:#fff;color:#18181b;transition:all .2s ease}.dark .number-input.svelte-1gmaa0x{background:#27272a;border-color:#3f3f46;color:#fafafa}.number-input.svelte-1gmaa0x:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.rotation-control.svelte-1gmaa0x{display:flex;flex-direction:column;gap:.75rem}.presets-row.svelte-1gmaa0x{display:flex;justify-content:space-between;gap:.5rem}.preset-chip.svelte-1gmaa0x{flex:1;padding:.25rem;font-size:.7rem;background:#f4f4f5;border:1px solid transparent;border-radius:.25rem;color:#52525b;cursor:pointer;transition:all .15s ease}.dark .preset-chip.svelte-1gmaa0x{background:#27272a;color:#a1a1aa}.preset-chip.svelte-1gmaa0x:hover{background:#e4e4e7}.preset-chip.active.svelte-1gmaa0x{background:#6366f1;color:#fff}.action-btn.svelte-1gmaa0x{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e4e4e7;border-radius:.5rem;font-size:.75rem;font-weight:500;color:#52525b;cursor:pointer;transition:all .2s ease}.dark .action-btn.svelte-1gmaa0x{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.action-btn.svelte-1gmaa0x:hover{border-color:#d4d4d8;transform:translateY(-1px)}.action-btn.active.svelte-1gmaa0x{border-color:#6366f1;background:#6366f10d;color:#6366f1}.icon.svelte-1gmaa0x{width:1rem;height:1rem}.icon-sm.svelte-1gmaa0x{width:.875rem;height:.875rem}.reset-btn.svelte-1gmaa0x{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem;background:#f4f4f5;border:none;border-radius:.5rem;font-size:.75rem;font-weight:500;color:#71717a;cursor:pointer;transition:all .2s ease}.dark .reset-btn.svelte-1gmaa0x{background:#27272a;color:#a1a1aa}.reset-btn.svelte-1gmaa0x:hover{background:#e4e4e7;color:#ef4444}.layer-panel.svelte-1uttihs{display:flex;flex-direction:column;gap:.5rem}.panel-header.svelte-1uttihs{display:flex;align-items:center;justify-content:space-between}.panel-header.svelte-1uttihs h4:where(.svelte-1uttihs){font-size:.75rem;font-weight:600;color:#52525b;margin:0}.dark .panel-header.svelte-1uttihs h4:where(.svelte-1uttihs){color:#a1a1aa}.layer-count.svelte-1uttihs{font-size:.625rem;font-weight:500;color:#fff;background:#6366f1;padding:.125rem .375rem;border-radius:9999px}.empty-state.svelte-1uttihs{display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center}.empty-state.svelte-1uttihs p:where(.svelte-1uttihs){font-size:.75rem;font-weight:500;color:#71717a;margin:0}.empty-state.svelte-1uttihs span:where(.svelte-1uttihs){font-size:.625rem;color:#a1a1aa;margin-top:.25rem}.layers-list.svelte-1uttihs{display:flex;flex-direction:column;gap:.25rem;max-height:250px;overflow-y:auto;padding:.25rem}.layer-item.svelte-1uttihs{display:flex;align-items:center;gap:.375rem;padding:.375rem;background:#f4f4f5;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.dark .layer-item.svelte-1uttihs{background:#27272a}.layer-item.svelte-1uttihs:hover{background:#e4e4e7}.dark .layer-item.svelte-1uttihs:hover{background:#3f3f46}.layer-item.selected.svelte-1uttihs{background:#6366f11a;border-color:#6366f1}.dark .layer-item.selected.svelte-1uttihs{background:#6366f133}.layer-item.hidden-layer.svelte-1uttihs{opacity:.5}.layer-item.locked.svelte-1uttihs{cursor:not-allowed}.move-controls.svelte-1uttihs{display:flex;flex-direction:column;gap:0;flex-shrink:0}.move-btn.svelte-1uttihs{display:flex;align-items:center;justify-content:center;width:1rem;height:.75rem;background:transparent;border:none;color:#a1a1aa;cursor:pointer;transition:all .2s ease;padding:0}.move-btn.svelte-1uttihs:hover:not(:disabled){color:#6366f1}.move-btn.svelte-1uttihs:disabled{opacity:.3;cursor:not-allowed}.move-btn.svelte-1uttihs svg:where(.svelte-1uttihs){width:.75rem;height:.75rem}.layer-icon.svelte-1uttihs{font-size:.75rem;flex-shrink:0}.layer-name.svelte-1uttihs{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.name-text.svelte-1uttihs{font-size:.6875rem;font-weight:500;color:#18181b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .name-text.svelte-1uttihs{color:#fafafa}.layer-type.svelte-1uttihs{font-size:.5625rem;color:#a1a1aa}.name-input.svelte-1uttihs{width:100%;padding:.125rem .25rem;border:1px solid #6366f1;border-radius:.25rem;font-size:.6875rem;background:#fff}.dark .name-input.svelte-1uttihs{background:#27272a;color:#fafafa}.layer-controls.svelte-1uttihs{display:flex;gap:.125rem;flex-shrink:0}.control-btn.svelte-1uttihs{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:transparent;border:none;border-radius:.25rem;color:#a1a1aa;cursor:pointer;transition:all .2s ease}.control-btn.svelte-1uttihs:hover{background:#0000001a;color:#52525b}.dark .control-btn.svelte-1uttihs:hover{background:#ffffff1a;color:#fafafa}.control-btn.active.svelte-1uttihs{color:#6366f1}.control-btn.svelte-1uttihs svg:where(.svelte-1uttihs){width:.75rem;height:.75rem}.delete-btn.svelte-1uttihs:hover{background:#ef44441a;color:#ef4444}.property-panel.svelte-rwvu2a{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#fff;border:1px solid #e4e4e7;border-radius:.75rem;box-shadow:0 1px 2px #0000000d}.dark .property-panel.svelte-rwvu2a{background:#18181b;border-color:#27272a}.panel-header.svelte-rwvu2a{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #f4f4f5}.dark .panel-header.svelte-rwvu2a{border-color:#27272a}.panel-header.svelte-rwvu2a h3:where(.svelte-rwvu2a){font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#52525b;margin:0}.dark .panel-header.svelte-rwvu2a h3:where(.svelte-rwvu2a){color:#a1a1aa}.object-id.svelte-rwvu2a{font-size:.625rem;font-family:monospace;padding:.125rem .375rem;background:#f4f4f5;border-radius:.25rem;color:#71717a}.dark .object-id.svelte-rwvu2a{background:#27272a;color:#71717a}.panel-content.svelte-rwvu2a{display:flex;flex-direction:column;gap:1.25rem}.control-grid.svelte-rwvu2a{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.control-group.svelte-rwvu2a{display:flex;flex-direction:column;gap:.5rem}.label-row.svelte-rwvu2a{display:flex;justify-content:space-between;align-items:center}.control-label.svelte-rwvu2a{font-size:.75rem;font-weight:500;color:#3f3f46}.dark .control-label.svelte-rwvu2a{color:#d4d4d8}.value-label.svelte-rwvu2a{font-size:.75rem;color:#71717a;font-variant-numeric:tabular-nums}.text-input.svelte-rwvu2a,.select-input.svelte-rwvu2a,.hex-input.svelte-rwvu2a,.number-input.svelte-rwvu2a{width:100%;padding:.5rem .625rem;font-size:.8125rem;color:#18181b;background:#fcfcfc;border:1px solid #e4e4e7;border-radius:.375rem;transition:all .2s ease}.dark .text-input.svelte-rwvu2a,.dark .select-input.svelte-rwvu2a,.dark .hex-input.svelte-rwvu2a,.dark .number-input.svelte-rwvu2a{background:#27272a;border-color:#3f3f46;color:#fafafa}.text-input.svelte-rwvu2a:focus,.select-input.svelte-rwvu2a:focus,.hex-input.svelte-rwvu2a:focus,.number-input.svelte-rwvu2a:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 2px #6366f11a}.dark .text-input.svelte-rwvu2a:focus,.dark .select-input.svelte-rwvu2a:focus,.dark .hex-input.svelte-rwvu2a:focus,.dark .number-input.svelte-rwvu2a:focus{background:#18181b}.text-input.textarea.svelte-rwvu2a{resize:vertical;min-height:4rem;line-height:1.5}.number-input-wrapper.svelte-rwvu2a{position:relative;display:flex;align-items:center}.number-input.svelte-rwvu2a{padding-right:1.75rem;text-align:right}.unit.svelte-rwvu2a{position:absolute;right:.625rem;font-size:.75rem;color:#a1a1aa;pointer-events:none}.color-picker-row.svelte-rwvu2a{display:flex;align-items:center;gap:.5rem}.color-picker-compact.svelte-rwvu2a{display:flex;align-items:center;gap:.5rem;padding:.25rem;background:#fcfcfc;border:1px solid #e4e4e7;border-radius:.375rem}.dark .color-picker-compact.svelte-rwvu2a{background:#27272a;border-color:#3f3f46}.color-preview.svelte-rwvu2a{position:relative;width:2rem;height:2rem;border-radius:.25rem;border:1px solid rgba(0,0,0,.1);overflow:hidden;flex-shrink:0;cursor:pointer}.color-input.hidden.svelte-rwvu2a{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;cursor:pointer}.color-hex.svelte-rwvu2a{font-size:.75rem;color:#52525b;font-family:monospace}.dark .color-hex.svelte-rwvu2a{color:#a1a1aa}.range-slider.svelte-rwvu2a{width:100%;height:4px;background:#e4e4e7;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dark .range-slider.svelte-rwvu2a{background:#3f3f46}.range-slider.svelte-rwvu2a::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:2px solid #6366f1;border-radius:50%;box-shadow:0 1px 3px #0000001a;-webkit-transition:transform .1s ease;transition:transform .1s ease}.range-slider.svelte-rwvu2a:active::-webkit-slider-thumb{transform:scale(1.1);background:#6366f1}.range-slider.svelte-rwvu2a:focus{outline:none}.editor-sidebar.svelte-1qzz4fo{width:280px;min-width:280px;height:100%;background:#fff;border-left:1px solid #e4e4e7;display:flex;flex-direction:column;overflow:hidden}.dark .editor-sidebar.svelte-1qzz4fo{background:#18181b;border-color:#27272a}.sidebar-header.svelte-1qzz4fo{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e4e4e7}.dark .sidebar-header.svelte-1qzz4fo{border-color:#27272a}.sidebar-header.svelte-1qzz4fo h3:where(.svelte-1qzz4fo){font-size:.875rem;font-weight:600;color:#18181b}.dark .sidebar-header.svelte-1qzz4fo h3:where(.svelte-1qzz4fo){color:#fafafa}.collapse-btn.svelte-1qzz4fo,.expand-btn.svelte-1qzz4fo{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f4f4f5;border:none;border-radius:.375rem;color:#52525b;cursor:pointer;transition:all .2s ease}.dark .collapse-btn.svelte-1qzz4fo,.dark .expand-btn.svelte-1qzz4fo{background:#27272a;color:#a1a1aa}.collapse-btn.svelte-1qzz4fo:hover,.expand-btn.svelte-1qzz4fo:hover{background:#e4e4e7;color:#18181b}.dark .collapse-btn.svelte-1qzz4fo:hover,.dark .expand-btn.svelte-1qzz4fo:hover{background:#3f3f46;color:#fafafa}.expand-btn.svelte-1qzz4fo{position:absolute;top:50%;right:0;transform:translateY(-50%);border-radius:.375rem 0 0 .375rem}.sidebar-content.svelte-1qzz4fo{flex:1;overflow-y:auto;padding:.5rem}.section.svelte-1qzz4fo{margin-bottom:.5rem}.section-header.svelte-1qzz4fo{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;background:#f4f4f5;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.dark .section-header.svelte-1qzz4fo{background:#27272a}.section-header.svelte-1qzz4fo:hover{background:#e4e4e7}.dark .section-header.svelte-1qzz4fo:hover{background:#3f3f46}.section-title.svelte-1qzz4fo{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#18181b;text-transform:uppercase;letter-spacing:.025em}.dark .section-title.svelte-1qzz4fo{color:#fafafa}.chevron.svelte-1qzz4fo{color:#71717a;transition:transform .2s ease}.chevron.rotate.svelte-1qzz4fo{transform:rotate(180deg)}.history-control.svelte-1qzz4fo{display:flex;align-items:center;gap:.5rem}.history-btn.svelte-1qzz4fo{display:flex;align-items:center;justify-content:center;gap:.375rem;flex:1;padding:.5rem;background:#f4f4f5;border:1px solid transparent;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#52525b;cursor:pointer;transition:all .2s ease}.dark .history-btn.svelte-1qzz4fo{background:#27272a;color:#a1a1aa}.history-btn.svelte-1qzz4fo:hover:not(:disabled){background:#e4e4e7;color:#18181b;border-color:#d4d4d8}.dark .history-btn.svelte-1qzz4fo:hover:not(:disabled){background:#3f3f46;color:#fafafa;border-color:#52525b}.history-btn.svelte-1qzz4fo:disabled{opacity:.5;cursor:not-allowed}.section-content.svelte-1qzz4fo{padding:.75rem}.add-layer-btn.svelte-1qzz4fo{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;margin-top:.5rem;padding:.5rem .75rem;background:transparent;border:1px dashed #d4d4d8;border-radius:.375rem;font-size:.6875rem;font-weight:500;color:#71717a;cursor:pointer;transition:all .2s ease}.dark .add-layer-btn.svelte-1qzz4fo{border-color:#3f3f46;color:#a1a1aa}.add-layer-btn.svelte-1qzz4fo:hover:not(:disabled){background:#6366f11a;border-color:#6366f1;border-style:solid;color:#4f46e5}.dark .add-layer-btn.svelte-1qzz4fo:hover:not(:disabled){color:#a5b4fc}.add-layer-btn.svelte-1qzz4fo:disabled{opacity:.5;cursor:not-allowed}.add-layer-btn.svelte-1qzz4fo svg:where(.svelte-1qzz4fo){width:.75rem;height:.75rem}.size-input.svelte-1qzz4fo{width:3.25rem;padding:.25rem .375rem;border:1px solid #e4e4e7;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-align:center;background:#fff;color:#18181b;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.size-input.svelte-1qzz4fo::-webkit-outer-spin-button,.size-input.svelte-1qzz4fo::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dark .size-input.svelte-1qzz4fo{background:#27272a;border-color:#3f3f46;color:#fafafa}.size-input.svelte-1qzz4fo:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.control-group.svelte-1qzz4fo{margin-bottom:1rem}.control-group.svelte-1qzz4fo:last-child{margin-bottom:0}.control-label.svelte-1qzz4fo{display:block;font-size:.6875rem;font-weight:500;color:#71717a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.text-input.svelte-1qzz4fo,.select-input.svelte-1qzz4fo{width:100%;padding:.5rem .625rem;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.8125rem;background:#fff;color:#18181b;transition:all .2s ease}.dark .text-input.svelte-1qzz4fo,.dark .select-input.svelte-1qzz4fo{background:#27272a;border-color:#3f3f46;color:#fafafa}.text-input.svelte-1qzz4fo:focus,.select-input.svelte-1qzz4fo:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.text-input.textarea.svelte-1qzz4fo{resize:none;min-height:3rem}.control-row.svelte-1qzz4fo{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.375rem}.slider-control.svelte-1qzz4fo{display:flex;align-items:center;gap:.5rem;flex:1}.size-slider.svelte-1qzz4fo{flex:1;height:4px;border-radius:2px;background:#e4e4e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dark .size-slider.svelte-1qzz4fo{background:#3f3f46}.size-slider.svelte-1qzz4fo::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease;box-shadow:0 1px 3px #6366f14d}.size-slider.svelte-1qzz4fo::-webkit-slider-thumb:hover{background:#4f46e5;transform:scale(1.1);box-shadow:0 2px 6px #6366f166}.size-slider.svelte-1qzz4fo::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;border:none;-moz-transition:all .15s ease;transition:all .15s ease;box-shadow:0 1px 3px #6366f14d}.size-slider.svelte-1qzz4fo::-moz-range-thumb:hover{background:#4f46e5;transform:scale(1.1);box-shadow:0 2px 6px #6366f166}.size-slider.svelte-1qzz4fo:focus{outline:none}.size-slider.svelte-1qzz4fo:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #6366f133}.color-input.svelte-1qzz4fo{width:1.75rem;height:1.75rem;padding:0;border:2px solid #e4e4e7;border-radius:.375rem;cursor:pointer}.dark .color-input.svelte-1qzz4fo{border-color:#3f3f46}.zoom-control.svelte-1qzz4fo{display:flex;align-items:center;gap:.25rem;background:#f4f4f5;border-radius:.5rem;padding:.25rem}.dark .zoom-control.svelte-1qzz4fo{background:#27272a}.zoom-btn.svelte-1qzz4fo{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff;border:1px solid #e4e4e7;border-radius:.375rem;color:#52525b;cursor:pointer;transition:all .15s ease}.dark .zoom-btn.svelte-1qzz4fo{background:#18181b;border-color:#3f3f46;color:#a1a1aa}.zoom-btn.svelte-1qzz4fo:hover{background:#e4e4e7;border-color:#d4d4d8;color:#18181b}.dark .zoom-btn.svelte-1qzz4fo:hover{background:#3f3f46;border-color:#52525b;color:#fafafa}.zoom-value.svelte-1qzz4fo{flex:1;font-size:.75rem;font-weight:600;color:#18181b;text-align:center}.dark .zoom-value.svelte-1qzz4fo{color:#fafafa}.reset-btn.svelte-1qzz4fo{padding:.375rem .625rem;background:#fff;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.6875rem;font-weight:500;color:#52525b;cursor:pointer;transition:all .15s ease}.dark .reset-btn.svelte-1qzz4fo{background:#18181b;border-color:#3f3f46;color:#a1a1aa}.reset-btn.svelte-1qzz4fo:hover{background:#6366f1;border-color:#6366f1;color:#fff}.toggle-btn.svelte-1qzz4fo{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:.5rem;font-size:.75rem;color:#52525b;cursor:pointer;transition:all .2s ease;width:100%}.dark .toggle-btn.svelte-1qzz4fo{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.toggle-btn.active.svelte-1qzz4fo{background:#6366f11a;border-color:#6366f1;color:#4f46e5}.dark .toggle-btn.active.svelte-1qzz4fo{color:#a5b4fc}.toggle-track.svelte-1qzz4fo{width:2rem;height:1rem;background:#d4d4d8;border-radius:999px;position:relative;transition:background .2s ease}.dark .toggle-track.svelte-1qzz4fo{background:#3f3f46}.toggle-btn.active.svelte-1qzz4fo .toggle-track:where(.svelte-1qzz4fo){background:#6366f1}.toggle-thumb.svelte-1qzz4fo{position:absolute;top:2px;left:2px;width:.75rem;height:.75rem;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #0000001a}.toggle-btn.active.svelte-1qzz4fo .toggle-thumb:where(.svelte-1qzz4fo){transform:translate(1rem)}.tips.svelte-1qzz4fo{background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:.5rem;padding:.75rem;margin-top:.75rem}.dark .tips.svelte-1qzz4fo{background:#6366f11a;border-color:#6366f133}.tips.svelte-1qzz4fo p:where(.svelte-1qzz4fo){font-size:.6875rem;color:#52525b;margin:0;line-height:1.6}.dark .tips.svelte-1qzz4fo p:where(.svelte-1qzz4fo){color:#a1a1aa}.tips.svelte-1qzz4fo strong:where(.svelte-1qzz4fo){color:#4f46e5}.dark .tips.svelte-1qzz4fo strong:where(.svelte-1qzz4fo){color:#a5b4fc}.shapes-grid.svelte-1qzz4fo{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.shape-btn.svelte-1qzz4fo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;aspect-ratio:1;padding:.5rem;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:.5rem;color:#52525b;cursor:pointer;transition:all .2s ease}.dark .shape-btn.svelte-1qzz4fo{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.shape-btn.svelte-1qzz4fo:hover{background:#fff;border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .shape-btn.svelte-1qzz4fo:hover{background:#18181b;border-color:#6366f1;color:#818cf8;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.shape-btn.svelte-1qzz4fo svg:where(.svelte-1qzz4fo){width:1.5rem;height:1.5rem;transition:transform .2s ease}.shape-btn.svelte-1qzz4fo:hover svg:where(.svelte-1qzz4fo){transform:scale(1.1)}.shape-btn.svelte-1qzz4fo span:where(.svelte-1qzz4fo){font-size:.6875rem;font-weight:500}.bg-simple.svelte-1bg14iq{display:flex;flex-direction:column;gap:.75rem}.remove-btn.svelte-1bg14iq{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#ec4899,#f97316);border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.remove-btn.svelte-1bg14iq:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ec489966}.remove-btn.svelte-1bg14iq:disabled{opacity:.6;cursor:not-allowed}.remove-btn.loading.svelte-1bg14iq{background:#52525b}.spinner.svelte-1bg14iq{width:.875rem;height:.875rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1bg14iq-spin .8s linear infinite}@keyframes svelte-1bg14iq-spin{to{transform:rotate(360deg)}}.success-badge.svelte-1bg14iq{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:.5rem;font-size:.75rem;font-weight:500;color:#22c55e;cursor:pointer;transition:all .2s ease}.success-badge.svelte-1bg14iq:hover{background:#22c55e40}.options-row.svelte-1bg14iq{display:flex;gap:.5rem;align-items:center}.color-grid.svelte-1bg14iq{display:flex;gap:.25rem;flex-wrap:wrap;flex:1}.color-btn.svelte-1bg14iq{width:1.5rem;height:1.5rem;border:2px solid transparent;border-radius:.25rem;cursor:pointer;transition:all .15s ease}.color-btn.svelte-1bg14iq:hover{transform:scale(1.1)}.color-btn.active.svelte-1bg14iq{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.transparent-btn.svelte-1bg14iq{width:1.5rem;height:1.5rem;border:2px solid transparent;border-radius:.25rem;cursor:pointer;overflow:hidden;transition:all .15s ease}.transparent-btn.active.svelte-1bg14iq{border-color:#6366f1}.checker-pattern.svelte-1bg14iq{width:100%;height:100%;background:linear-gradient(45deg,#e4e4e7 25%,transparent 25%),linear-gradient(-45deg,#e4e4e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e7 75%),linear-gradient(-45deg,transparent 75%,#e4e4e7 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff}.gradient-row.svelte-1bg14iq{display:flex;gap:.375rem}.gradient-btn.svelte-1bg14iq{flex:1;height:1.5rem;border:2px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.gradient-btn.svelte-1bg14iq:hover{transform:scale(1.02)}.gradient-btn.active.svelte-1bg14iq{border-color:#6366f1}.transform-simple.svelte-1rsq06f{display:flex;flex-direction:column;gap:.75rem}.fit-row.svelte-1rsq06f{display:flex;gap:.375rem}.fit-btn.svelte-1rsq06f{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:#f4f4f5;border:2px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.dark .fit-btn.svelte-1rsq06f{background:#27272a}.fit-btn.svelte-1rsq06f:hover{background:#e4e4e7}.dark .fit-btn.svelte-1rsq06f:hover{background:#3f3f46}.fit-btn.active.svelte-1rsq06f{background:#6366f126;border-color:#6366f1;color:#4f46e5}.fit-icon.svelte-1rsq06f{font-size:1rem}.scale-row.svelte-1rsq06f{display:flex;align-items:center;gap:.5rem}.label.svelte-1rsq06f{font-size:.6875rem;font-weight:500;color:#71717a;min-width:2.5rem}.scale-slider.svelte-1rsq06f{flex:1;height:4px;border-radius:2px;background:#e4e4e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dark .scale-slider.svelte-1rsq06f{background:#3f3f46}.scale-slider.svelte-1rsq06f::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#6366f1;cursor:pointer}.value.svelte-1rsq06f{font-size:.6875rem;font-weight:600;color:#18181b;min-width:2.5rem;text-align:right}.dark .value.svelte-1rsq06f{color:#fafafa}.action-row.svelte-1rsq06f{display:flex;align-items:center;gap:.25rem}.action-btn.svelte-1rsq06f{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f4f4f5;border:none;border-radius:.375rem;color:#52525b;cursor:pointer;transition:all .15s ease}.dark .action-btn.svelte-1rsq06f{background:#27272a;color:#a1a1aa}.action-btn.svelte-1rsq06f:hover{background:#e4e4e7;color:#18181b}.dark .action-btn.svelte-1rsq06f:hover{background:#3f3f46;color:#fafafa}.action-btn.active.svelte-1rsq06f{background:#6366f126;color:#4f46e5}.action-btn.reset.svelte-1rsq06f{margin-left:auto}.action-btn.reset.svelte-1rsq06f:hover{background:#ef44441a;color:#ef4444}.divider.svelte-1rsq06f{width:1px;height:1.5rem;background:#e4e4e7;margin:0 .25rem}.dark .divider.svelte-1rsq06f{background:#3f3f46}.text-simple.svelte-c4ix1e{display:flex;flex-direction:column;gap:.75rem}.add-row.svelte-c4ix1e{display:flex;gap:.375rem}.add-btn.svelte-c4ix1e{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;background:#f4f4f5;border:1px dashed #d4d4d8;border-radius:.375rem;font-size:.6875rem;font-weight:500;color:#52525b;cursor:pointer;transition:all .2s ease}.dark .add-btn.svelte-c4ix1e{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.add-btn.svelte-c4ix1e:hover:not(:disabled){background:#6366f11a;border-color:#6366f1;border-style:solid;color:#4f46e5}.add-btn.svelte-c4ix1e:disabled{opacity:.5;cursor:not-allowed}.font-row.svelte-c4ix1e{display:flex;align-items:center;gap:.5rem}.label.svelte-c4ix1e{font-size:.6875rem;font-weight:500;color:#71717a;min-width:2rem}.font-select.svelte-c4ix1e{flex:1;padding:.375rem .5rem;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.75rem;background:#fff;color:#18181b}.dark .font-select.svelte-c4ix1e{background:#27272a;border-color:#3f3f46;color:#fafafa}.colors-row.svelte-c4ix1e{display:flex;gap:.75rem}.color-item.svelte-c4ix1e{display:flex;align-items:center;gap:.375rem}.color-label.svelte-c4ix1e{font-size:.625rem;font-weight:500;color:#71717a}.color-input.svelte-c4ix1e{width:1.5rem;height:1.5rem;padding:0;border:2px solid #e4e4e7;border-radius:.25rem;cursor:pointer}.dark .color-input.svelte-c4ix1e{border-color:#3f3f46}.size-row.svelte-c4ix1e{display:flex;flex-direction:column;gap:.375rem}.size-item.svelte-c4ix1e{display:flex;align-items:center;gap:.375rem}.size-label.svelte-c4ix1e{font-size:.625rem;font-weight:600;color:#6366f1;min-width:.75rem}.size-slider.svelte-c4ix1e{flex:1;height:3px;border-radius:2px;background:#e4e4e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dark .size-slider.svelte-c4ix1e{background:#3f3f46}.size-slider.svelte-c4ix1e::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#6366f1;cursor:pointer}.size-value.svelte-c4ix1e{font-size:.625rem;font-weight:600;color:#18181b;min-width:1.5rem;text-align:right}.dark .size-value.svelte-c4ix1e{color:#fafafa}.layers-simple.svelte-1l9w73y{min-height:3rem}.empty-state.svelte-1l9w73y{display:flex;align-items:center;justify-content:center;padding:1rem;font-size:.75rem;color:#71717a}.layer-list.svelte-1l9w73y{display:flex;flex-direction:column;gap:.25rem;max-height:150px;overflow-y:auto}.layer-item.svelte-1l9w73y{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#f4f4f5;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.dark .layer-item.svelte-1l9w73y{background:#27272a}.layer-item.svelte-1l9w73y:hover{background:#e4e4e7}.dark .layer-item.svelte-1l9w73y:hover{background:#3f3f46}.layer-item.selected.svelte-1l9w73y{background:#6366f11a;border-color:#6366f1}.layer-item.hidden.svelte-1l9w73y{opacity:.5}.layer-icon.svelte-1l9w73y{font-size:.875rem}.layer-name.svelte-1l9w73y{flex:1;font-size:.6875rem;font-weight:500;color:#18181b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .layer-name.svelte-1l9w73y{color:#fafafa}.layer-actions.svelte-1l9w73y{display:flex;gap:.125rem;opacity:0;transition:opacity .15s ease}.layer-item.svelte-1l9w73y:hover .layer-actions:where(.svelte-1l9w73y){opacity:1}.action-btn.svelte-1l9w73y{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:transparent;border:none;border-radius:.25rem;color:#71717a;cursor:pointer;transition:all .15s ease}.action-btn.svelte-1l9w73y:hover{background:#e4e4e7;color:#18181b}.dark .action-btn.svelte-1l9w73y:hover{background:#52525b;color:#fafafa}.action-btn.active.svelte-1l9w73y{color:#6366f1}.action-btn.delete.svelte-1l9w73y:hover{background:#ef44441a;color:#ef4444}:root{--bottom-neu-bg: #e4e4e7;--bottom-neu-shadow-light: rgba(255, 255, 255, .8);--bottom-neu-shadow-dark: rgba(163, 163, 168, .5)}.dark{--bottom-neu-bg: #27272a;--bottom-neu-shadow-light: rgba(63, 63, 70, .5);--bottom-neu-shadow-dark: rgba(0, 0, 0, .5)}.bottom-bar-wrapper.svelte-9m95g4{position:relative;width:100%}.icon-bar-container.svelte-9m95g4{display:flex;justify-content:center;padding-bottom:1rem}.icon-bar.svelte-9m95g4{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:1.25rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .icon-bar.svelte-9m95g4{background:#27272ad9;border-color:#ffffff1a;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003}.icon-btn.svelte-9m95g4{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:.75rem;color:#52525b;cursor:pointer;min-width:4rem;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.dark .icon-btn.svelte-9m95g4{color:#a1a1aa}.icon-btn.svelte-9m95g4:hover{background:#0000000d;transform:translateY(-2px);color:#18181b}.dark .icon-btn.svelte-9m95g4:hover{background:#ffffff0d;color:#fafafa}.icon-btn.svelte-9m95g4:active{transform:translateY(0)}.icon-btn.active.svelte-9m95g4{background:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e54d}.dark .icon-btn.active.svelte-9m95g4{background:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f14d}.icon-btn.active.svelte-9m95g4 .icon-label:where(.svelte-9m95g4){color:#fff}.separator.svelte-9m95g4{width:1px;height:1.5rem;background:#e4e4e7;margin:0 .25rem}.dark .separator.svelte-9m95g4{background:#3f3f46}.icon-label.svelte-9m95g4{font-size:.625rem;font-weight:500;transition:color .2s ease}.collapsed-trigger.svelte-9m95g4{display:flex;justify-content:center;padding-top:1rem}.expand-pill.svelte-9m95g4{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:2rem;color:#18181b;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dark .expand-pill.svelte-9m95g4{background:#27272ae6;border-color:#ffffff1a;color:#fafafa;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.expand-pill.svelte-9m95g4:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px #00000026,0 4px 8px #0000001a;color:#4f46e5}.dark .expand-pill.svelte-9m95g4:hover{color:#818cf8}.expand-pill.svelte-9m95g4:active{transform:translateY(0) scale(.98)}.drawer-panel.svelte-9m95g4{position:absolute;bottom:calc(100% + 1rem);left:0;right:0;max-height:50vh;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;padding:1.25rem 1.5rem;box-shadow:0 -8px 30px #0000001f,0 4px 10px #0000000d;border:1px solid rgba(255,255,255,.6);overflow-y:auto;transform-origin:bottom center;margin:0 1rem}.dark .drawer-panel.svelte-9m95g4{background:#18181bf2;border-color:#ffffff14;box-shadow:0 -8px 30px #0000004d,0 4px 10px #0000001a}.drawer-header.svelte-9m95g4{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e4e4e7}.dark .drawer-header.svelte-9m95g4{border-color:#3f3f46}.drawer-title.svelte-9m95g4{font-size:.875rem;font-weight:600;color:#18181b;margin:0}.dark .drawer-title.svelte-9m95g4{color:#fafafa}.close-btn.svelte-9m95g4{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#f4f4f5;border:none;border-radius:.375rem;color:#71717a;cursor:pointer;transition:all .15s ease}.dark .close-btn.svelte-9m95g4{background:#3f3f46;color:#a1a1aa}.close-btn.svelte-9m95g4:hover{background:#ef44441a;color:#ef4444}.drawer-content.svelte-9m95g4{min-height:100px}.canvas-controls.svelte-9m95g4{display:flex;flex-direction:column;gap:.75rem}.zoom-row.svelte-9m95g4{display:flex;align-items:center;gap:.75rem}.label.svelte-9m95g4{font-size:.75rem;font-weight:500;color:#71717a;min-width:2.5rem}.zoom-btns.svelte-9m95g4{display:flex;align-items:center;gap:.25rem;background:#f4f4f5;border-radius:.5rem;padding:.25rem}.dark .zoom-btns.svelte-9m95g4{background:#3f3f46}.zoom-btn.svelte-9m95g4{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff;border:1px solid #e4e4e7;border-radius:.375rem;font-size:1rem;font-weight:500;color:#52525b;cursor:pointer;transition:all .15s ease}.dark .zoom-btn.svelte-9m95g4{background:#27272a;border-color:#52525b;color:#a1a1aa}.zoom-btn.svelte-9m95g4:hover{background:#e4e4e7;color:#18181b}.dark .zoom-btn.svelte-9m95g4:hover{background:#52525b;color:#fafafa}.zoom-value.svelte-9m95g4{min-width:3rem;font-size:.75rem;font-weight:600;color:#18181b;text-align:center}.dark .zoom-value.svelte-9m95g4{color:#fafafa}.history-btn.svelte-9m95g4{width:2.5rem;flex-grow:1}.reset-btn.svelte-9m95g4{padding:.375rem .75rem;background:#fff;border:1px solid #e4e4e7;border-radius:.375rem;font-size:.6875rem;font-weight:500;color:#52525b;cursor:pointer;transition:all .15s ease}.dark .reset-btn.svelte-9m95g4{background:#27272a;border-color:#52525b;color:#a1a1aa}.reset-btn.svelte-9m95g4:hover{background:#6366f1;border-color:#6366f1;color:#fff}.tips.svelte-9m95g4{background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:.5rem;padding:.5rem .75rem}.dark .tips.svelte-9m95g4{background:#6366f11a;border-color:#6366f133}.tips.svelte-9m95g4 p:where(.svelte-9m95g4){font-size:.625rem;color:#52525b;margin:0;line-height:1.6}.dark .tips.svelte-9m95g4 p:where(.svelte-9m95g4){color:#a1a1aa}.tips.svelte-9m95g4 strong:where(.svelte-9m95g4){color:#4f46e5}.dark .tips.svelte-9m95g4 strong:where(.svelte-9m95g4){color:#a5b4fc}@media(max-width:640px){.icon-btn.svelte-9m95g4{padding:.375rem .5rem}.icon-label.svelte-9m95g4{display:none}.drawer-panel.svelte-9m95g4{padding:.75rem 1rem 1rem}}.shapes-toolbar.svelte-9m95g4{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.5rem 0}.shape-btn.svelte-9m95g4{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f4f4f5;border:1px solid transparent;border-radius:.5rem;color:#52525b;cursor:pointer;transition:all .2s ease}.dark .shape-btn.svelte-9m95g4{background:#27272a;color:#a1a1aa}.shape-btn.svelte-9m95g4:hover{background:#e4e4e7;color:#18181b;border-color:#d4d4d8}.dark .shape-btn.svelte-9m95g4:hover{background:#3f3f46;color:#fafafa;border-color:#52525b}.shape-btn.svelte-9m95g4 svg:where(.svelte-9m95g4){width:2rem;height:2rem}.shape-btn.svelte-9m95g4 span:where(.svelte-9m95g4){font-size:.75rem;font-weight:500}:root{--neu-bg: #e4e4e7;--neu-light: #ffffff;--neu-dark: #c8c8cc;--neu-shadow-light: rgba(255, 255, 255, .8);--neu-shadow-dark: rgba(163, 163, 168, .5)}.dark{--neu-bg: #27272a;--neu-light: #3f3f46;--neu-dark: #18181b;--neu-shadow-light: rgba(63, 63, 70, .5);--neu-shadow-dark: rgba(0, 0, 0, .5)}.playground-container.svelte-t9qbo1{background:var(--neu-bg);border-radius:0rem}@keyframes svelte-t9qbo1-titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-text.svelte-t9qbo1{background:linear-gradient(135deg,#4f46e5,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}.resolution-badge.svelte-t9qbo1{background:var(--neu-bg);box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.resolution-badge.svelte-t9qbo1:hover{transform:translateY(-3px) scale(1.02);box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light),0 0 30px #6366f126}.resolution-badge.svelte-t9qbo1:active{transform:translateY(-1px) scale(.99);box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}.floating-orb.svelte-t9qbo1{animation:svelte-t9qbo1-floatOrb 8s ease-in-out infinite;filter:blur(60px)}.floating-orb-reverse.svelte-t9qbo1{animation:svelte-t9qbo1-floatOrbReverse 10s ease-in-out infinite;filter:blur(60px)}@keyframes svelte-t9qbo1-floatOrb{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(30px,30px) scale(1.2);opacity:.8}}@keyframes svelte-t9qbo1-floatOrbReverse{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-30px,-30px) scale(1.2);opacity:.8}}.editor-layout.svelte-t9qbo1{display:flex;gap:1.5rem;width:100%}.editor-layout.bottom-mode.svelte-t9qbo1{flex-direction:column}.editor-bottom-wrapper.svelte-t9qbo1{margin-top:1rem}.editor-main.svelte-t9qbo1{flex:1;min-width:0}.editor-sidebar-wrapper.svelte-t9qbo1{position:relative;flex-shrink:0}.canvas-container.svelte-t9qbo1{display:flex;justify-content:center;align-items:center;background:var(--neu-bg);border-radius:1.5rem;padding:1rem;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.canvas-container.svelte-t9qbo1:hover{box-shadow:inset 6px 6px 12px var(--neu-shadow-dark),inset -6px -6px 12px var(--neu-shadow-light)}.empty-state-container.svelte-t9qbo1{padding:2.5rem;background:var(--neu-bg);border-radius:1.5rem;border:none;box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light);transition:all .3s ease}.empty-state-container.svelte-t9qbo1:hover{box-shadow:16px 16px 32px var(--neu-shadow-dark),-16px -16px 32px var(--neu-shadow-light)}.change-image-btn.svelte-t9qbo1{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--neu-bg);border:none;border-radius:.75rem;font-size:.8rem;font-weight:500;color:#52525b;cursor:pointer;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dark .change-image-btn.svelte-t9qbo1{color:#a1a1aa}.change-image-btn.svelte-t9qbo1:hover{transform:translateY(-2px);box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light);color:#4f46e5}.dark .change-image-btn.svelte-t9qbo1:hover{color:#a5b4fc}.change-image-btn.svelte-t9qbo1:active{transform:translateY(0);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.size-panel.svelte-t9qbo1{background:var(--neu-bg);border:none;box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light);animation:svelte-t9qbo1-panelSlide .3s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-t9qbo1-panelSlide{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.preset-btn.svelte-t9qbo1{background:var(--neu-bg);border:none;color:#52525b;cursor:pointer;border-radius:.75rem;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.dark .preset-btn.svelte-t9qbo1{color:#a1a1aa}.preset-btn.svelte-t9qbo1:hover{transform:translateY(-2px);box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light)}.preset-btn.svelte-t9qbo1:active{transform:translateY(0);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.preset-btn.active.svelte-t9qbo1{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#4f46e5;box-shadow:inset 3px 3px 6px #6366f133,inset -3px -3px 6px var(--neu-shadow-light),0 0 15px #6366f11a}.dark .preset-btn.active.svelte-t9qbo1{color:#a5b4fc;box-shadow:inset 3px 3px 6px #6366f14d,inset -3px -3px 6px var(--neu-shadow-light),0 0 20px #6366f126}.custom-size-input.svelte-t9qbo1{width:70px;padding:.6rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;text-align:center;background:var(--neu-bg);color:#3f3f46;box-shadow:inset 3px 3px 6px var(--neu-shadow-dark),inset -3px -3px 6px var(--neu-shadow-light);transition:all .3s ease}.dark .custom-size-input.svelte-t9qbo1{color:#e4e4e7}.custom-size-input.svelte-t9qbo1:focus{outline:none;box-shadow:inset 3px 3px 6px var(--neu-shadow-dark),inset -3px -3px 6px var(--neu-shadow-light),0 0 0 2px #6366f14d}.custom-size-input.svelte-t9qbo1::-moz-placeholder{color:#a1a1aa}.custom-size-input.svelte-t9qbo1::placeholder{color:#a1a1aa}.apply-btn.svelte-t9qbo1{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #6366f166,4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.apply-btn.svelte-t9qbo1:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #6366f180,4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}.apply-btn.svelte-t9qbo1:active{transform:translateY(0) scale(.98)}@keyframes svelte-t9qbo1-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes svelte-t9qbo1-pulseGlow{0%,to{box-shadow:0 4px 15px #6366f166,4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}50%{box-shadow:0 8px 30px #6366f199,4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}}@media(max-width:768px){.editor-layout.svelte-t9qbo1{flex-direction:column}.editor-sidebar-wrapper.svelte-t9qbo1{order:-1;width:100%}.playground-container.svelte-t9qbo1{border-radius:1rem;box-shadow:10px 10px 30px var(--neu-shadow-dark),-10px -10px 30px var(--neu-shadow-light)}}@media(prefers-reduced-motion:reduce){.floating-orb.svelte-t9qbo1,.floating-orb-reverse.svelte-t9qbo1{animation:none}.resolution-badge.svelte-t9qbo1,.preset-btn.svelte-t9qbo1,.change-image-btn.svelte-t9qbo1,.apply-btn.svelte-t9qbo1,.canvas-container.svelte-t9qbo1,.empty-state-container.svelte-t9qbo1,.size-panel.svelte-t9qbo1{transition:none}.resolution-badge.svelte-t9qbo1:hover,.preset-btn.svelte-t9qbo1:hover,.change-image-btn.svelte-t9qbo1:hover,.apply-btn.svelte-t9qbo1:hover{transform:none}}