@keyframes svelte-1a0dcit-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1a0dcit-borderBlink{0%{border-color:#ffffff0d;box-shadow:none}50%{border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf680}to{border-color:#ffffff0d;box-shadow:none}}.highlight-blink.svelte-1a0dcit{animation:svelte-1a0dcit-borderBlink 1s ease-in-out}.crop-backdrop.svelte-160vv27{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#000000d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px;animation:svelte-160vv27-cropFadeIn .2s ease}@keyframes svelte-160vv27-cropFadeIn{0%{opacity:0}to{opacity:1}}.crop-modal.svelte-160vv27{display:flex;flex-direction:column;width:100%;max-width:860px;height:min(80vh,700px);background:#141420;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ffffff0a inset;animation:svelte-160vv27-cropSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes svelte-160vv27-cropSlideUp{0%{transform:translateY(24px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.crop-header.svelte-160vv27{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;gap:12px}.crop-header-left.svelte-160vv27{display:flex;align-items:center;gap:12px}.crop-icon.svelte-160vv27{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.crop-title.svelte-160vv27{margin:0;font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.01em}.crop-subtitle.svelte-160vv27{margin:2px 0 0;font-size:.75rem;color:#fff6}.crop-close.svelte-160vv27{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#ffffff80;cursor:pointer;transition:all .15s;flex-shrink:0}.crop-close.svelte-160vv27:hover{background:#ffffff1f;color:#fff}.crop-canvas-wrapper.svelte-160vv27{flex:1;position:relative;overflow:hidden;background:#0a0a0f}.crop-canvas.svelte-160vv27{display:block;width:100%;height:100%}.crop-loading.svelte-160vv27{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#ffffff80;font-size:.85rem}.crop-spinner.svelte-160vv27{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:svelte-160vv27-spin .8s linear infinite}@keyframes svelte-160vv27-spin{to{transform:rotate(360deg)}}.crop-footer.svelte-160vv27{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;flex-wrap:wrap}.crop-zoom-row.svelte-160vv27{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.crop-preset-btn.svelte-160vv27{display:flex;align-items:center;gap:5px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:6px 12px;color:#ffffffbf;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.crop-preset-btn.svelte-160vv27:hover{background:#ffffff24;color:#fff;border-color:#fff3}.crop-zoom-slider-wrap.svelte-160vv27{display:flex;align-items:center;gap:7px;flex:1;min-width:120px;max-width:240px}.crop-slider.svelte-160vv27{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1f;border-radius:2px;outline:none;cursor:pointer}.crop-slider.svelte-160vv27::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #fff;box-shadow:0 2px 8px #6366f180;cursor:grab}.crop-slider.svelte-160vv27::-webkit-slider-thumb:active{cursor:grabbing}.crop-slider.svelte-160vv27::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #fff;cursor:grab}.crop-zoom-label.svelte-160vv27{font-size:.76rem;font-weight:600;color:#ffffff80;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.crop-save-btn.svelte-160vv27{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:9px;padding:9px 20px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #6366f159;white-space:nowrap;font-family:inherit}.crop-save-btn.svelte-160vv27:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.crop-save-btn.svelte-160vv27:active{transform:translateY(0)}@media(max-width:600px){.crop-modal.svelte-160vv27{height:min(90vh,700px);border-radius:14px}.crop-header.svelte-160vv27{padding:12px 14px}.crop-footer.svelte-160vv27{padding:10px 14px;gap:8px}.crop-subtitle.svelte-160vv27{display:none}.crop-zoom-slider-wrap.svelte-160vv27{max-width:160px}.crop-preset-btn.svelte-160vv27{padding:6px 8px;font-size:.72rem}.crop-save-btn.svelte-160vv27{padding:8px 14px}}.app.svelte-2j7mc4{height:100vh;display:flex;flex-direction:column;overflow:hidden}.footer.svelte-2j7mc4{display:none}.header.svelte-2j7mc4{padding:1rem 0;border-bottom:1px solid var(--border-default);background:#0a0a0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.header-content.svelte-2j7mc4{display:flex;align-items:center;justify-content:space-between}.main.svelte-2j7mc4{flex:1;padding:0;overflow:hidden}@media(min-width:1025px){.main.svelte-2j7mc4>.container:where(.svelte-2j7mc4){max-width:100%!important;padding:0!important;margin:0!important;width:100%}}.layout.svelte-2j7mc4{display:grid;grid-template-columns:320px 1fr 320px;gap:0;height:calc(100vh - 64px);align-items:stretch}@media(max-width:1400px){.layout.svelte-2j7mc4{grid-template-columns:280px 1fr 280px}}@media(max-width:1024px){.layout.svelte-2j7mc4{display:flex;flex-direction:column;height:calc(100vh - 124px)}.sidebar.svelte-2j7mc4{position:fixed;bottom:60px;left:0;width:100%;height:35vh!important;max-height:35vh!important;background:#111118;border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border-default);z-index:1000;transform:translateY(150%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 40px #00000080;padding-top:22px}.sidebar.svelte-2j7mc4:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:4px}.sidebar.mobile-active.svelte-2j7mc4{transform:translateY(0)}.preview-area.svelte-2j7mc4{flex:1;height:100%;display:flex;flex-direction:column;padding-top:20px}}.mobile-sheet-header.svelte-2j7mc4{display:none;align-items:center;justify-content:space-between;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-default)}.mobile-sheet-header.svelte-2j7mc4 h3:where(.svelte-2j7mc4){margin:0;font-size:1.1rem;font-weight:700;color:#fff}.close-sheet-btn.svelte-2j7mc4{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:1024px){.mobile-sheet-header.svelte-2j7mc4{display:flex}.right-sidebar-content.svelte-2j7mc4:not(.show-layers) .layer-list:where(.svelte-2j7mc4){display:none}.right-sidebar-content.svelte-2j7mc4:not(.show-layers) .layer-section-title:where(.svelte-2j7mc4){display:none}.right-sidebar-content.svelte-2j7mc4:not(.show-settings) .settings-panel-section:where(.svelte-2j7mc4){display:none}}.mobile-bottom-nav.svelte-2j7mc4{display:none;position:fixed;bottom:0;left:0;width:100%;height:60px;background:#0a0a0f;border-top:1px solid var(--border-default);z-index:1001;padding:0 1rem;align-items:center;justify-content:space-between}@media(max-width:1024px){.mobile-bottom-nav.svelte-2j7mc4{display:flex}.header-controls.svelte-2j7mc4{display:flex;margin:0;width:100%}.header-content.svelte-2j7mc4{flex-direction:column;gap:1rem}.top-toolbar.svelte-2j7mc4{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;max-width:calc(100vw - 2rem);box-sizing:border-box;padding:.25rem .5rem;gap:.15rem;scrollbar-width:none}.top-toolbar.svelte-2j7mc4::-webkit-scrollbar{display:none}.top-toolbar.svelte-2j7mc4 .toolbar-group:where(.svelte-2j7mc4){gap:.1rem;flex-shrink:0}.top-toolbar.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4){padding:.25rem .3rem;flex-shrink:0}.top-toolbar.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4) span:where(.svelte-2j7mc4){font-size:.65rem}.toolbar-divider.svelte-2j7mc4{display:none}}.bottom-nav-btn.svelte-2j7mc4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-tertiary);flex:1;height:100%;cursor:pointer;transition:color .2s}.bottom-nav-btn.active.svelte-2j7mc4{color:var(--accent-primary)}.bottom-nav-btn.svelte-2j7mc4 svg:where(.svelte-2j7mc4){width:20px;height:20px}.bottom-nav-btn.svelte-2j7mc4 span:where(.svelte-2j7mc4){font-size:.65rem;font-weight:600}.mobile-bottom-nav.context-hidden.svelte-2j7mc4{display:none!important}.mobile-collapse-separator.svelte-2j7mc4,.mobile-context-bar.svelte-2j7mc4,.mobile-context-subpanel.svelte-2j7mc4{display:none}@media(max-width:1024px){.mobile-collapse-separator.svelte-2j7mc4{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.separator-line.svelte-2j7mc4{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.separator-handle.svelte-2j7mc4{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);transition:all .3s ease}.separator-handle.svelte-2j7mc4:active{background:#8b5cf633;transform:scale(.92)}.ghost-arrow.svelte-2j7mc4{opacity:.5;color:#8b5cf6;animation:svelte-2j7mc4-ghostFloat 2.5s ease-in-out infinite;transition:transform .3s ease}.mobile-collapse-separator.collapsed.svelte-2j7mc4 .ghost-arrow:where(.svelte-2j7mc4){transform:rotate(180deg);animation:none;opacity:.7}@keyframes svelte-2j7mc4-ghostFloat{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-3px);opacity:.8}}header.header.mobile-header-hidden.svelte-2j7mc4{max-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border-bottom:none!important;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}header.header.svelte-2j7mc4{transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.mobile-context-bar.svelte-2j7mc4{display:flex;position:fixed;bottom:0;left:0;width:100%;height:56px;background:#0a0a0ff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(139,92,246,.25);align-items:center;padding:0 6px;z-index:1002;gap:2px}.context-back-btn.svelte-2j7mc4{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#ffffff0f;color:#aaa;border-radius:10px;cursor:pointer;flex-shrink:0;transition:all .2s}.context-back-btn.svelte-2j7mc4:active{background:#ffffff1f;color:#fff}.context-actions.svelte-2j7mc4{display:flex;flex:1;overflow-x:auto;gap:1px;scrollbar-width:none;-ms-overflow-style:none}.context-actions.svelte-2j7mc4::-webkit-scrollbar{display:none}.context-action-btn.svelte-2j7mc4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 10px;border:none;background:none;color:var(--text-tertiary, #777);font-size:.6rem;font-weight:600;white-space:nowrap;border-radius:8px;min-width:48px;min-height:44px;cursor:pointer;transition:all .2s;flex-shrink:0}.context-action-btn.svelte-2j7mc4:active{transform:scale(.95)}.context-action-btn.active.svelte-2j7mc4{background:#8b5cf626;color:var(--accent-primary, #8b5cf6)}.context-action-btn.svelte-2j7mc4 svg:where(.svelte-2j7mc4){width:18px;height:18px}.context-delete-btn.svelte-2j7mc4{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#ef44441a;color:#ef4444;border-radius:10px;cursor:pointer;flex-shrink:0;transition:all .2s}.context-delete-btn.svelte-2j7mc4:active{background:#ef444440;transform:scale(.95)}.mobile-context-subpanel.svelte-2j7mc4{display:block;position:fixed;bottom:56px;left:0;width:100%;background:#0d0d12fa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(139,92,246,.12);padding:10px 12px;z-index:1001;max-height:180px;overflow-y:auto;animation:svelte-2j7mc4-slideUpPanel .2s ease-out}@keyframes svelte-2j7mc4-slideUpPanel{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.subpanel-scroll-row.svelte-2j7mc4{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.subpanel-scroll-row.svelte-2j7mc4::-webkit-scrollbar{display:none}.subpanel-action-row.svelte-2j7mc4{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0}.subpanel-btn.svelte-2j7mc4{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #333;background:#2a2a2a;color:#ccc;border-radius:10px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s}.subpanel-btn.svelte-2j7mc4:active,.subpanel-btn.active.svelte-2j7mc4{background:#8b5cf633;border-color:var(--accent-primary, #8b5cf6);color:#fff}.subpanel-divider.svelte-2j7mc4{width:1px;height:28px;background:#444;flex-shrink:0}.model-chip.svelte-2j7mc4{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#1e1e24;border:1px solid #333;border-radius:10px;color:#bbb;font-size:.65rem;white-space:nowrap;flex-shrink:0;min-width:68px;cursor:pointer;transition:all .2s}.model-chip.svelte-2j7mc4:active{transform:scale(.96)}.model-chip.active.svelte-2j7mc4{background:#8b5cf626;border-color:var(--accent-primary, #8b5cf6);color:#fff;box-shadow:0 0 8px #8b5cf633}.model-chip.pro-locked.svelte-2j7mc4{opacity:.6}.model-chip-icon.svelte-2j7mc4{font-size:1.1rem}.model-chip-name.svelte-2j7mc4{font-size:.6rem;font-weight:600;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis}.model-chip-pro.svelte-2j7mc4{font-size:.5rem;background:#eab308;color:#000;padding:1px 4px;border-radius:3px;font-weight:700}.color-swatch-mobile.svelte-2j7mc4{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff26}.color-swatch-mobile.svelte-2j7mc4:active{transform:scale(1.1)}.color-swatch-mobile.active.svelte-2j7mc4{border-color:var(--accent-primary, #8b5cf6);box-shadow:0 0 0 2px #8b5cf64d}.swatch-pro-badge.svelte-2j7mc4{position:absolute;top:-4px;right:-4px;background:#eab308;color:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.subpanel-toggle.svelte-2j7mc4{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;background:#1e1e24;border-radius:10px;border:1px solid #333;flex:1;font-size:.75rem;color:#ccc}.subpanel-content-compact.svelte-2j7mc4{padding:8px 4px;display:flex;align-items:center;gap:8px}}.sidebar.svelte-2j7mc4{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem;border-right:1px solid var(--border-default);background:var(--bg-primary);height:100%;min-height:0}.sidebar.right-sidebar.svelte-2j7mc4{border-right:none;border-left:1px solid var(--border-default)}.right-sidebar-content.svelte-2j7mc4{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow-y:auto}.section.svelte-2j7mc4{animation:fadeIn .4s ease-out}.section-title.svelte-2j7mc4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.section-title.svelte-2j7mc4 svg:where(.svelte-2j7mc4){color:var(--accent-primary)}.template-grid.svelte-2j7mc4{columns:2;column-gap:.6rem;width:100%}.template-card.svelte-2j7mc4{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.35rem;background:var(--bg-glass);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .15s ease,box-shadow .18s ease;min-width:0;overflow:hidden;break-inside:avoid;margin-bottom:.6rem;width:100%}.template-card.svelte-2j7mc4:hover{border-color:var(--border-hover);background:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.template-card.active.svelte-2j7mc4{border-color:var(--accent-primary);background:#6366f11f;box-shadow:0 0 0 1px var(--accent-primary),0 4px 20px #6366f140}.template-preview.svelte-2j7mc4{width:100%;border-radius:calc(var(--radius-sm) - 2px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#2d2d3d,#1a1a2e)}.template-preview.svelte-2j7mc4:not(:has(img)):not(.blank-preview){background:linear-gradient(135deg,#2d2d3d,#1a1a2e)}.template-card[data-cat=phone].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#1a1a3e,#2d1b5e)}.template-card[data-cat=laptop].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#0f2027,#203a43)}.template-card[data-cat=display].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#1a0a2e,#2d0a5e)}.template-card[data-cat=tablet].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#0a2e1a,#0a5e2d)}.template-card[data-cat=watch].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#2e0a0a,#5e1a0a)}.template-card[data-cat=browser].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#0a1a2e,#0a2d4a)}.template-card[data-cat=text].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#1a2e0a,#2d4a0a)}.template-card[data-cat=multi].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#2e1a0a,#5e3a0a)}.template-card[data-cat=app_store].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#0a0a2e,#1a0a5e)}.template-card[data-cat=home].svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4):not(:has(img)){background:linear-gradient(135deg,#1a0a2e,#3a0a5e)}.template-devices.svelte-2j7mc4{display:flex;align-items:flex-end;gap:4px;transform:scale(1.3)}.template-info.svelte-2j7mc4{font-size:.75rem;font-weight:500;color:var(--text-secondary);width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-presets.svelte-2j7mc4{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;margin-bottom:1rem}.preset-btn.svelte-2j7mc4{width:100%;aspect-ratio:1;border:2px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;display:flex;align-items:center;justify-content:center}.preset-btn.svelte-2j7mc4:hover{transform:scale(1.1);border-color:var(--border-hover)}.preset-btn.active.svelte-2j7mc4{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f14d}.preset-btn.free-preset.svelte-2j7mc4{border-color:#10b981}.preset-btn.transparent-btn.svelte-2j7mc4{background:linear-gradient(45deg,#999 25%,transparent 25%),linear-gradient(-45deg,#999 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#999 75%),linear-gradient(-45deg,transparent 75%,#999 75%)!important;background-size:8px 8px!important;background-position:0 0,0 4px,4px -4px,-4px 0px!important;background-color:#fff!important}.preset-btn.transparent-btn.svelte-2j7mc4 .lock-icon:where(.svelte-2j7mc4){filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))!important;opacity:1!important}.custom-color.svelte-2j7mc4{display:flex;align-items:center;justify-content:space-between}.custom-color.svelte-2j7mc4 label:where(.svelte-2j7mc4){margin:0}.option-row.svelte-2j7mc4{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.option-row.svelte-2j7mc4 span:where(.svelte-2j7mc4){font-size:.875rem;color:var(--text-secondary)}.slider-option.svelte-2j7mc4{margin-bottom:1rem}.slider-option.svelte-2j7mc4 label:where(.svelte-2j7mc4){display:flex;justify-content:space-between}.preview-area.svelte-2j7mc4{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:flex-start;height:100%;overflow:auto;background:#0d0d11;padding:.5rem}.header-controls.svelte-2j7mc4{flex:1;display:flex;flex-direction:column;justify-content:center;margin:0 2rem;position:relative}.control-group.svelte-2j7mc4{display:flex;gap:.5rem;width:100%;max-width:600px}.header-input.svelte-2j7mc4{flex:1;background:#ffffff0d;border-color:#ffffff1a;color:#fff;height:40px;padding:0 1rem}.header-input.svelte-2j7mc4:focus{background:#ffffff1a;border-color:var(--accent-primary)}.header-btn.svelte-2j7mc4{height:40px;padding:0 1.5rem}.header-error.svelte-2j7mc4{position:absolute;top:44px;left:0;font-size:.75rem;color:var(--error);background:#ef44441a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(239,68,68,.2)}.preview-info-header.svelte-2j7mc4{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:relative}.scroll-fade-right.svelte-2j7mc4{position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to right,#1e1e2300,#1e1e23f2);pointer-events:none;border-radius:0 12px 12px 0;z-index:5}.preview-meta-badges.svelte-2j7mc4{display:flex;gap:.5rem}.meta-badge.svelte-2j7mc4{display:flex;align-items:center;gap:.35rem;font-size:.8rem;background:var(--bg-tertiary);padding:.35rem .75rem;border-radius:99px;color:var(--text-secondary);border:1px solid var(--border-default)}.meta-badge.highlight.svelte-2j7mc4{background:#6366f11a;color:var(--accent-primary);border-color:#6366f14d}.preview-container.svelte-2j7mc4{--canvas-pad: 60px;width:100%;flex:1;min-height:400px;background:var(--bg-secondary) radial-gradient(rgba(255,255,255,.04) 1.5px,transparent 1.5px);background-size:24px 24px;border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:grab;touch-action:none}.preview-container.svelte-2j7mc4:active{cursor:grabbing}.mockup-canvas.svelte-2j7mc4{max-width:100%;max-height:100%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkerboard-bg.svelte-2j7mc4{background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fff}.mockup-canvas.hidden.svelte-2j7mc4{opacity:0;pointer-events:none}.loading-state.svelte-2j7mc4{position:fixed;inset:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--text-primary)}.footer.svelte-2j7mc4{padding:1.5rem 0;border-top:1px solid var(--border-default);text-align:center}.footer.svelte-2j7mc4 p:where(.svelte-2j7mc4){font-size:.875rem;color:var(--text-tertiary)}.neon-loader-container.svelte-2j7mc4{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.neon-progress.svelte-2j7mc4{width:100%;height:100%;transform:rotate(-90deg)}.neon-progress.svelte-2j7mc4 circle:where(.svelte-2j7mc4){fill:none;stroke-width:6;stroke-linecap:round}.neon-progress.svelte-2j7mc4 .bg:where(.svelte-2j7mc4){stroke:var(--bg-tertiary)}.neon-progress.svelte-2j7mc4 .fg:where(.svelte-2j7mc4){stroke:var(--accent-primary);filter:drop-shadow(0 0 4px var(--accent-primary));transition:stroke-dashoffset .3s ease}.percentage.svelte-2j7mc4{position:absolute;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 10px var(--accent-glow)}.loading-glow.svelte-2j7mc4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:var(--accent-primary);border-radius:50%;filter:blur(40px);opacity:.2;animation:pulse 2s infinite}.effect-controls.svelte-2j7mc4{padding:.5rem 0 1rem;border-bottom:1px solid var(--border-default);margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.separator.svelte-2j7mc4{border:0;height:1px;background:var(--border-default);margin:1.5rem 0}.header-actions.svelte-2j7mc4{display:flex;align-items:center;gap:.75rem}.header-export-btn.svelte-2j7mc4{padding:.5rem 1rem;height:36px;gap:.5rem}.logo-upload-wrapper.svelte-2j7mc4{display:flex;align-items:center;gap:.5rem}.logo-upload-btn.svelte-2j7mc4{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-preview-badge.svelte-2j7mc4{width:32px;height:32px;border-radius:4px;background-size:cover;background-position:center;border:1px solid var(--border-default)}.auth-inputs.svelte-2j7mc4{background:#0003;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-default)}.top-toolbar.svelte-2j7mc4{background:#141419eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.35rem .5rem;display:flex;align-items:center;width:100%;justify-content:center;gap:.25rem;box-shadow:0 4px 24px #0006}.toolbar-group.svelte-2j7mc4{display:flex;gap:.15rem;align-items:center;flex-shrink:0}.toolbar-divider.svelte-2j7mc4{width:1px;height:28px;background:#ffffff1a;margin:0 .35rem}.toolbar-btn.svelte-2j7mc4{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.4rem .2rem;border-radius:8px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .15s;font-size:.6rem;font-weight:500;letter-spacing:.05em;flex-shrink:0}.toolbar-btn.svelte-2j7mc4:hover{background:#ffffff14;color:var(--text-primary)}.toolbar-btn.svelte-2j7mc4:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn.svelte-2j7mc4 span:where(.svelte-2j7mc4){font-size:.6rem}.left-sidebar.svelte-2j7mc4{overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 160px)}.sidebar-header.svelte-2j7mc4{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.category-tabs.svelte-2j7mc4{display:flex;gap:0;overflow-x:auto;padding-bottom:.75rem;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;gap:.2rem}.category-tabs.svelte-2j7mc4::-webkit-scrollbar{display:none}.category-tab.svelte-2j7mc4{padding:.3rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:#ffffff0a;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s}.category-tab.svelte-2j7mc4:hover{background:#ffffff14;color:var(--text-primary)}.category-tab.active.svelte-2j7mc4{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.template-scroll-area.svelte-2j7mc4{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 .5rem 1.5rem 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.template-scroll-area.svelte-2j7mc4::-webkit-scrollbar{width:4px}.template-scroll-area.svelte-2j7mc4::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.canvas-preset-row.svelte-2j7mc4{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.canvas-preset-select.svelte-2j7mc4{flex:1;background:#ffffff0a;border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.8rem;padding:.45rem .5rem;cursor:pointer}.canvas-preset-select.svelte-2j7mc4 optgroup:where(.svelte-2j7mc4){color:var(--text-tertiary);font-weight:600;font-size:.8rem}.canvas-preset-select.svelte-2j7mc4 option:where(.svelte-2j7mc4){color:var(--text-primary);background:#1e1e24;font-weight:400;font-size:.85rem;padding:6px 12px}@media(max-width:768px){.canvas-preset-select.svelte-2j7mc4 option:where(.svelte-2j7mc4),.canvas-preset-select.svelte-2j7mc4 optgroup:where(.svelte-2j7mc4){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.canvas-preset-select.svelte-2j7mc4 optgroup[label="App Store Screenshot"]:where(.svelte-2j7mc4){background-color:#1a2035;color:#60a5fa}.canvas-preset-select.svelte-2j7mc4 optgroup[label="App Store Screenshot"]:where(.svelte-2j7mc4) option:where(.svelte-2j7mc4){background-color:#1e293b;color:#e2e8f0}.canvas-preset-select.svelte-2j7mc4 optgroup[label="Play Store Screenshot"]:where(.svelte-2j7mc4){background-color:#112a23;color:#34d399}.canvas-preset-select.svelte-2j7mc4 optgroup[label="Play Store Screenshot"]:where(.svelte-2j7mc4) option:where(.svelte-2j7mc4){background-color:#064e3b;color:#e2e8f0}.canvas-preset-select.svelte-2j7mc4 optgroup[label="Samsung Galaxy"]:where(.svelte-2j7mc4){background-color:#2e1a47;color:#a78bfa}.canvas-preset-select.svelte-2j7mc4 optgroup[label="Samsung Galaxy"]:where(.svelte-2j7mc4) option:where(.svelte-2j7mc4){background-color:#4c1d95;color:#e2e8f0}.canvas-preset-select.svelte-2j7mc4 optgroup[label="Web & Social"]:where(.svelte-2j7mc4){background-color:#3f1d0a;color:#fbbf24}.canvas-preset-select.svelte-2j7mc4 optgroup[label="Web & Social"]:where(.svelte-2j7mc4) option:where(.svelte-2j7mc4){background-color:#78350f;color:#e2e8f0}.canvas-size-row.svelte-2j7mc4{display:flex;align-items:center;gap:.75rem}.canvas-size-label.svelte-2j7mc4{font-size:.8rem;color:var(--text-secondary);min-width:32px}.canvas-size-inputs.svelte-2j7mc4{display:flex;gap:.5rem;flex:1}.size-input-group.svelte-2j7mc4{display:flex;align-items:center;background:#ffffff0a;border:1px solid var(--border-default);border-radius:8px;padding:0 .5rem;flex:1}.size-prefix.svelte-2j7mc4{font-size:.75rem;color:var(--text-tertiary);font-weight:600;margin-right:4px}.size-input.svelte-2j7mc4{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;width:100%;padding:.4rem 0;outline:none}.size-input.svelte-2j7mc4::-webkit-outer-spin-button,.size-input.svelte-2j7mc4::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-suffix.svelte-2j7mc4{font-size:.7rem;color:var(--text-tertiary);margin-left:2px}.bg-tab-bar.svelte-2j7mc4{display:flex;background:#ffffff0a;border-radius:8px;padding:3px;gap:2px}.bg-tab.svelte-2j7mc4{flex:1;padding:.35rem 0;border:none;border-radius:6px;font-size:.7rem;letter-spacing:-.2px;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .15s}.bg-tab.active.svelte-2j7mc4{background:var(--accent-primary);color:#fff}.bg-tab.svelte-2j7mc4:hover:not(.active){background:#ffffff0f}.preset-btn.pro-locked.svelte-2j7mc4{position:relative;display:flex;align-items:center;justify-content:center}.preset-btn.svelte-2j7mc4 .lock-icon:where(.svelte-2j7mc4){opacity:.8;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.image-drop-zone.svelte-2j7mc4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;border:2px dashed var(--border-default);border-radius:var(--radius-md);background:var(--bg-glass);cursor:pointer;transition:all var(--transition-normal);color:var(--text-tertiary);text-align:center;font-size:.8rem}.image-drop-zone.svelte-2j7mc4:hover{border-color:var(--accent-primary);background:#6366f10d;color:var(--text-secondary)}.pexels-input-row.svelte-2j7mc4{display:flex;gap:.5rem;margin-top:.5rem}.pexels-input-row.svelte-2j7mc4 input:where(.svelte-2j7mc4){flex:1;padding:.5rem .75rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem}.pexels-input-row.svelte-2j7mc4 input:where(.svelte-2j7mc4):focus{outline:none;border-color:var(--accent-primary)}.btn-sm.svelte-2j7mc4{padding:.5rem;min-width:unset;border-radius:var(--radius-sm)}.pexels-grid.svelte-2j7mc4{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem;max-height:300px;overflow-y:auto}.pexels-item.svelte-2j7mc4{position:relative;border:none;padding:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform .2s;background:none}.pexels-item.svelte-2j7mc4:hover{transform:scale(1.03)}.pexels-item.svelte-2j7mc4 img:where(.svelte-2j7mc4){width:100%;height:80px;object-fit:cover;display:block}.pexels-credit.svelte-2j7mc4{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-size:.6rem;color:#fff;background:#0009;text-align:center}.template-card.svelte-2j7mc4 .template-preview.blank-preview:where(.svelte-2j7mc4){background:linear-gradient(135deg,#8e2de2,#4a00e0)!important;font-size:.7rem;color:#ffffffb3;font-weight:500}.template-card.svelte-2j7mc4 .template-preview:where(.svelte-2j7mc4) .template-devices:where(.svelte-2j7mc4) svg:where(.svelte-2j7mc4){width:26px!important;height:26px!important;stroke-width:2.5!important;opacity:1!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.template-card.pro-template.svelte-2j7mc4{position:relative}.template-card.pro-template.svelte-2j7mc4:after{content:"";position:absolute;inset:0 0 28px;background:#00000026;border-radius:var(--radius-md);z-index:1;pointer-events:none}.template-pro-lock.svelte-2j7mc4{position:absolute;bottom:6px;left:6px;z-index:2;width:22px;height:22px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-controls.svelte-2j7mc4{display:flex;align-items:center;gap:2px}.zoom-value.svelte-2j7mc4{font-size:.7rem;color:var(--text-secondary);min-width:36px;text-align:center;font-weight:600;-webkit-user-select:none;user-select:none}.zoom-btn.svelte-2j7mc4{min-width:auto!important;padding:4px 6px!important}.fit-btn.svelte-2j7mc4{margin-left:12px;font-size:.65rem;min-width:auto;padding:2px 8px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.lock-btn.svelte-2j7mc4{margin-left:8px;font-size:.65rem;min-width:auto;padding:2px 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.lock-btn.active.svelte-2j7mc4{background:#f363;border:1px solid rgba(255,51,102,.4)}.pro-popup-overlay.svelte-2j7mc4{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.pro-popup-card.svelte-2j7mc4{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem;max-width:380px;width:90%;text-align:center;position:relative;box-shadow:0 24px 80px #00000080;animation:svelte-2j7mc4-slideUp .3s ease}@keyframes svelte-2j7mc4-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pro-popup-close.svelte-2j7mc4{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .2s}.pro-popup-close.svelte-2j7mc4:hover{color:#fff}.pro-popup-icon.svelte-2j7mc4{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.pro-popup-title.svelte-2j7mc4{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.5rem}.pro-popup-desc.svelte-2j7mc4{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.pro-popup-cta.svelte-2j7mc4{display:block;width:100%;padding:.85rem 1.5rem;background:#c8ff00;border:none;border-radius:var(--radius-md);color:#1a1a2e;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px #c8ff0066}.pro-popup-cta.svelte-2j7mc4:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c8ff0066}.pro-popup-features.svelte-2j7mc4{border-top:1px solid var(--border-default);margin-top:1.5rem;padding-top:1.25rem;text-align:left}.pro-features-title.svelte-2j7mc4{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.pro-feature-item.svelte-2j7mc4{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.pro-feature-icon.svelte-2j7mc4{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pro-feature-item.svelte-2j7mc4 span:where(.svelte-2j7mc4){font-size:.82rem;color:var(--text-secondary);line-height:1.3}.pro-popup-login.svelte-2j7mc4{margin-top:1.25rem;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-default);padding-top:1rem}.pro-popup-login.svelte-2j7mc4 a:where(.svelte-2j7mc4){color:var(--accent-primary);text-decoration:none;font-weight:600}.pro-popup-login.svelte-2j7mc4 a:where(.svelte-2j7mc4):hover{text-decoration:underline}.right-sidebar.svelte-2j7mc4{display:flex;flex-direction:column;overflow-y:auto!important;overflow-x:hidden;height:100%;padding-bottom:6rem}@media(max-width:1024px){.right-sidebar.svelte-2j7mc4{height:35vh!important;padding-bottom:0!important}}.cursor-rotate.svelte-2j7mc4{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' style='filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 2v6h-6M2.13 15.57a10 10 0 1 0 4.43-12.1L2 5'/%3E%3C/svg%3E") 11 11,grab!important}.loading-icon-float.svelte-2j7mc4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;animation:svelte-2j7mc4-popIntoLens 3s infinite ease-in-out;animation-delay:var(--delay)}@keyframes svelte-2j7mc4-popIntoLens{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(90px) scale(.5) rotate(calc(-1 * var(--angle)));filter:blur(4px)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(65px) scale(1.2) rotate(calc(-1 * var(--angle)));filter:blur(0px)}60%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(50px) scale(1) rotate(calc(-1 * var(--angle)));filter:blur(0px)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(35px) scale(.2) rotate(calc(-1 * var(--angle)));filter:blur(2px)}}.custom-scroll-dropdown.svelte-2j7mc4::-webkit-scrollbar{width:10px}.custom-scroll-dropdown.svelte-2j7mc4::-webkit-scrollbar-track{background:#1e1e1e;border-radius:8px}.custom-scroll-dropdown.svelte-2j7mc4::-webkit-scrollbar-thumb{background:#f093fb;border-radius:8px;border:2px solid #1e1e1e}.custom-scroll-dropdown.svelte-2j7mc4::-webkit-scrollbar-thumb:hover{background:#f5576c}.info-tooltip-container.svelte-2j7mc4:hover .tooltip-text:where(.svelte-2j7mc4){opacity:1!important}.layer-list.svelte-2j7mc4{display:flex;flex-direction:column;gap:2px}.layer-item.svelte-2j7mc4{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#2a2a2a;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.layer-item.svelte-2j7mc4:hover{background:#333;border-color:#444}.layer-item.layer-active.svelte-2j7mc4{background:#6366f126;border-color:#6366f1}.layer-item.layer-drop-above.svelte-2j7mc4{border-top:2px solid #f97316!important;border-radius:6px}.layer-item.layer-drop-below.svelte-2j7mc4{border-bottom:2px solid #f97316!important;border-radius:6px}.layer-drag-handle.svelte-2j7mc4{cursor:grab;opacity:.5;flex-shrink:0;display:flex;align-items:center}.layer-drag-handle.svelte-2j7mc4:active{cursor:grabbing}.layer-item.svelte-2j7mc4:hover .layer-drag-handle:where(.svelte-2j7mc4){opacity:1}.layer-icon.svelte-2j7mc4{font-size:.9rem;flex-shrink:0}.layer-name.svelte-2j7mc4{flex:1;font-size:.75rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-item.layer-active.svelte-2j7mc4 .layer-name:where(.svelte-2j7mc4){color:#fff}.layer-z-badge.svelte-2j7mc4{font-size:.6rem;font-weight:700;color:#888;background:#1a1a1a;padding:2px 6px;border-radius:4px;flex-shrink:0}.layer-item.layer-active.svelte-2j7mc4 .layer-z-badge:where(.svelte-2j7mc4){background:#6366f14d;color:#a5b4fc}.layer-arrow-btn.svelte-2j7mc4{background:transparent;border:none;color:#6366f1;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.7}.layer-arrow-btn.svelte-2j7mc4:hover:not(:disabled){background:#6366f126;opacity:1}.layer-arrow-btn.svelte-2j7mc4:disabled{opacity:.2;cursor:not-allowed}.text-slider-row.svelte-2j7mc4{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px}.text-slider-row.svelte-2j7mc4 .slider-label:where(.svelte-2j7mc4){font-size:.75rem;color:#aaa;min-width:70px}.text-slider-row.svelte-2j7mc4 .slider-controls:where(.svelte-2j7mc4){display:flex;align-items:center;gap:10px;flex:1;max-width:170px}.text-slider-row.svelte-2j7mc4 .slider-value-box:where(.svelte-2j7mc4){background:#1e1e2e;border:1px solid #3a3a4a;border-radius:6px;padding:5px 6px;min-width:52px;display:flex;align-items:center;justify-content:space-between;gap:2px}.text-slider-row.svelte-2j7mc4 .slider-value-box:where(.svelte-2j7mc4) input:where(.svelte-2j7mc4){width:32px!important;min-width:0;background:transparent!important;border:none!important;border-radius:0!important;color:#8b8bf5;font-size:.8rem;font-weight:600;outline:none!important;text-align:right;font-family:Inter,monospace;padding:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.text-slider-row.svelte-2j7mc4 .slider-value-box:where(.svelte-2j7mc4) .slider-unit:where(.svelte-2j7mc4){font-size:.65rem;color:#555;pointer-events:none;font-weight:500}.text-slider-row.svelte-2j7mc4 input[type=range]:where(.svelte-2j7mc4){-webkit-appearance:none;appearance:none;flex:1;height:4px;background:#2a2a3a;border-radius:4px;outline:none;cursor:pointer}.text-slider-row.svelte-2j7mc4 input[type=range]:where(.svelte-2j7mc4)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 0 6px #6366f180;transition:box-shadow .15s}.text-slider-row.svelte-2j7mc4 input[type=range]:where(.svelte-2j7mc4)::-webkit-slider-thumb:hover{box-shadow:0 0 10px #6366f1cc}.text-slider-row.svelte-2j7mc4 input[type=range]:where(.svelte-2j7mc4)::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 0 6px #6366f180}.text-slider-row.svelte-2j7mc4 input[type=range]:where(.svelte-2j7mc4)::-moz-range-track{height:4px;background:#2a2a3a;border-radius:4px}@media(max-width:1024px){.top-toolbar.svelte-2j7mc4{justify-content:flex-start!important}}@media(max-width:768px){.container{padding:0!important}.preview-area.svelte-2j7mc4{flex-direction:row!important;align-items:stretch!important;padding:0!important;gap:0!important;position:relative}.mobile-sidebar-collapse.svelte-2j7mc4{display:flex;position:absolute;top:-4px;left:calc(50% + 26px);transform:translate(-50%);width:140px;height:24px;background:#1a1826f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.4);border-radius:20px;box-shadow:0 6px 16px #0006,inset 0 1px #ffffff0d;align-items:center;justify-content:center;cursor:pointer;z-index:25;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.mobile-sidebar-collapse.svelte-2j7mc4:active{background:#8b5cf633;transform:translate(-50%) scale(.96)}.mobile-sidebar-collapse.svelte-2j7mc4 .ghost-arrow:where(.svelte-2j7mc4){color:#c4b5fd;opacity:.9;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:svelte-2j7mc4-ghostFloat 2.5s ease-in-out infinite}.mobile-sidebar-collapse.collapsed.svelte-2j7mc4 .ghost-arrow:where(.svelte-2j7mc4){transform:rotate(180deg);animation:none;opacity:1}.preview-info-header.svelte-2j7mc4{position:relative;flex-direction:column;width:52px;min-width:52px;flex-shrink:0;height:100%;margin-bottom:0;background:#0d0d11fc;border-right:1px solid rgba(255,255,255,.06);overflow:hidden;justify-content:flex-start;align-items:stretch;z-index:10;transition:none!important}.top-toolbar.svelte-2j7mc4{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 0 4px 2px!important;border-radius:0!important;border:none!important;background:transparent!important;box-shadow:none!important;gap:1px!important;transition:none!important}.top-toolbar.svelte-2j7mc4::-webkit-scrollbar{display:none}.top-toolbar.svelte-2j7mc4{scrollbar-width:none}.top-toolbar.svelte-2j7mc4 .toolbar-group:where(.svelte-2j7mc4){flex-direction:column;width:100%;align-items:flex-start;gap:1px}.top-toolbar.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4){width:50px;padding:5px 2px 5px 4px!important;border-radius:6px}.top-toolbar.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4) span:where(.svelte-2j7mc4){font-size:.48rem!important}.zoom-controls.svelte-2j7mc4{flex-direction:column!important;gap:1px!important;align-items:center!important}.zoom-controls.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4){justify-content:center!important;padding:5px 0!important}.zoom-value.svelte-2j7mc4{font-size:.5rem;writing-mode:horizontal-tb;margin:4px 0!important;text-align:center}.fit-btn.svelte-2j7mc4,.lock-btn.svelte-2j7mc4{margin-left:0!important;margin-top:2px!important;width:44px!important;justify-content:center!important}.toolbar-divider.svelte-2j7mc4,.scroll-fade-right.svelte-2j7mc4{display:none!important}.preview-container.svelte-2j7mc4{--canvas-pad: 40px;flex:1!important;width:0!important;min-width:0!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:1px solid var(--border-default)!important;overflow:hidden!important}.mobile-collapse-separator.svelte-2j7mc4{display:none!important}}.adv-settings-backdrop.svelte-2j7mc4{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:999}.adv-settings-popup.svelte-2j7mc4{position:absolute;top:calc(100% + 10px);right:0;transform:none;background:#1e1e2e;border:1px solid #333;border-radius:8px;padding:16px;width:280px;z-index:1000;box-shadow:0 10px 30px #00000080;transition:transform .2s,box-shadow .2s}@media(max-width:768px){.adv-settings-popup.svelte-2j7mc4{left:50%!important;right:auto!important;transform:translate(-50%)!important;width:calc(100vw - 32px);max-width:320px}}.popup-shake.svelte-2j7mc4{animation:svelte-2j7mc4-popupShake .4s ease-in-out}@keyframes svelte-2j7mc4-popupShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(6px)}45%{transform:translate(-6px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@media(max-width:768px){.popup-shake.svelte-2j7mc4{animation:svelte-2j7mc4-popupShakeMobile .4s ease-in-out}}@keyframes svelte-2j7mc4-popupShakeMobile{0%,to{transform:translate(-50%)}15%{transform:translate(calc(-50% - 8px))}30%{transform:translate(calc(-50% + 6px))}45%{transform:translate(calc(-50% - 6px))}60%{transform:translate(calc(-50% + 4px))}75%{transform:translate(calc(-50% - 2px))}}.icon-glow-pulse.svelte-2j7mc4{animation:svelte-2j7mc4-iconGlow .5s ease-in-out 3;color:#f36!important;stroke:#f36!important;filter:drop-shadow(0 0 8px rgba(255,51,102,.8))}@keyframes svelte-2j7mc4-iconGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,51,102,.4))}50%{transform:scale(1.3);filter:drop-shadow(0 0 10px rgba(255,51,102,1))}}.mobile-floating-context-controls.svelte-2j7mc4{display:none!important}@media(max-width:1024px){.mobile-floating-context-controls.svelte-2j7mc4{display:flex!important}}@keyframes svelte-2j7mc4-captchaBannerSlideIn{0%{transform:translate(-50%) translateY(40px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes svelte-2j7mc4-figmaToastIn{0%{transform:translate(-50%) translateY(30px) scale(.97);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.cloud-transfer-animation.svelte-2j7mc4{display:flex;align-items:center;justify-content:center;gap:12px;animation:svelte-2j7mc4-fadeUp .5s ease-out both}.transfer-logo.svelte-2j7mc4{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.transfer-src-text.svelte-2j7mc4{width:auto;padding:0 14px;white-space:nowrap;gap:0}.tl-mockup.svelte-2j7mc4{font-family:Archivo Black,Arial Black,sans-serif;font-weight:900;font-size:1.05rem;color:#fff;letter-spacing:-.5px}.tl-stack.svelte-2j7mc4{font-family:Archivo Black,Arial Black,sans-serif;font-weight:900;font-size:1.05rem;color:#c8ff00;letter-spacing:-.5px}.transfer-src.svelte-2j7mc4{animation:svelte-2j7mc4-transferSrcPop .5s cubic-bezier(.34,1.56,.64,1) both}.transfer-dst.svelte-2j7mc4{animation:svelte-2j7mc4-transferDstPop .5s cubic-bezier(.34,1.56,.64,1) .25s both}.transfer-dst.svelte-2j7mc4:after{content:"";position:absolute;inset:-4px;border-radius:20px;border:2px solid rgba(38,132,252,.5);animation:svelte-2j7mc4-pulseRing 1.8s ease-out .5s infinite;pointer-events:none}.transfer-flow.svelte-2j7mc4{display:flex;align-items:center;opacity:0;animation:svelte-2j7mc4-flowAppear .3s ease .15s both}.flow-dot.svelte-2j7mc4{animation:svelte-2j7mc4-travelDot 1.2s ease-in-out infinite}.flow-dot-1.svelte-2j7mc4{animation-delay:0s}.flow-dot-2.svelte-2j7mc4{animation-delay:.35s}.flow-dot-3.svelte-2j7mc4{animation-delay:.7s}@keyframes svelte-2j7mc4-travelDot{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(72px);opacity:0}}@keyframes svelte-2j7mc4-pulseRing{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}@keyframes svelte-2j7mc4-transferSrcPop{0%{transform:scale(.6) translate(-10px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@keyframes svelte-2j7mc4-transferDstPop{0%{transform:scale(.6) translate(10px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@keyframes svelte-2j7mc4-flowAppear{0%{opacity:0}to{opacity:1}}@keyframes svelte-2j7mc4-fadeUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.container{padding:0!important}.preview-area.svelte-2j7mc4{flex-direction:row!important;align-items:stretch!important;padding:0!important;gap:0!important;position:relative}.preview-info-header.svelte-2j7mc4{position:relative;flex-direction:column;width:52px;min-width:52px;flex-shrink:0;height:100%;margin-bottom:0;background:#0d0d11fc;border-right:1px solid rgba(255,255,255,.06);overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:stretch;z-index:10;transition:none!important;padding-bottom:200px!important}.scroll-fade-right.svelte-2j7mc4{display:none!important}.preview-info-header.svelte-2j7mc4::-webkit-scrollbar{display:none}.preview-info-header.svelte-2j7mc4{scrollbar-width:none}.top-toolbar.svelte-2j7mc4{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%!important;height:auto!important;overflow:visible!important;padding:4px 0 4px 2px!important;border-radius:0!important;border:none!important;background:transparent!important;box-shadow:none!important;gap:1px!important;transition:none!important}.top-toolbar.svelte-2j7mc4 .toolbar-group:where(.svelte-2j7mc4){flex-direction:column;width:100%;align-items:flex-start;gap:1px}.top-toolbar.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4){width:50px;padding:5px 2px 5px 4px!important;border-radius:6px}.top-toolbar.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4) span:where(.svelte-2j7mc4){font-size:.48rem!important}.zoom-controls.svelte-2j7mc4{flex-direction:column!important;gap:1px!important;align-items:center!important;padding-top:10px!important;padding-bottom:20px!important}.zoom-controls.svelte-2j7mc4 .toolbar-btn:where(.svelte-2j7mc4){justify-content:center!important;padding:5px 0!important}.zoom-value.svelte-2j7mc4{font-size:.5rem;writing-mode:horizontal-tb;margin:4px 0!important;text-align:center}.fit-btn.svelte-2j7mc4,.lock-btn.svelte-2j7mc4{margin-left:0!important;margin-top:2px!important;width:44px!important;justify-content:center!important}.toolbar-divider.svelte-2j7mc4{display:none!important}.preview-container.svelte-2j7mc4{--canvas-pad: 40px;padding:20px!important}}