:root{--color-bg-primary:#0f0f14;--color-bg-secondary:#16161e;--color-bg-tertiary:#1e1e2a;--color-bg-elevated:#252536;--color-bg-hover:#2a2a3e;--color-bg-active:#35355a;--color-surface:#1e1e2ed9;--color-surface-border:#ffffff0f;--color-glass:#16161eb8;--color-glass-border:#ffffff14;--color-accent-start:#7c3aed;--color-accent-end:#3b82f6;--color-accent:#7c3aed;--color-accent-hover:#8b5cf6;--color-accent-soft:#7c3aed26;--color-text-primary:#e8e8f0;--color-text-secondary:#9898b0;--color-text-tertiary:#6a6a82;--color-text-inverse:#0f0f14;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:15px;--font-size-xl:18px;--font-size-2xl:24px;--font-size-3xl:36px;--font-size-hero:52px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #7c3aed40;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--toolbar-width:56px;--sidebar-width:280px;--header-height:44px;--layer-panel-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#app{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}html.blog-mode,html.blog-mode body{min-height:100vh;width:auto!important;height:auto!important;position:static!important;overflow:auto!important}html.blog-mode #app{min-height:100vh;height:auto!important;position:static!important;overflow:auto!important}textarea.fabric-textarea,body>textarea[style*="z-index: -999"],.canvas-container textarea{pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.gradient-text{background:linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #7c3aed66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-surface-border)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-ghost.btn-active{background:var(--color-bg-active);color:var(--color-primary)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-icon-sm{border-radius:var(--radius-sm);width:28px;height:28px;padding:0}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);transition:border-color var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.input::placeholder{color:var(--color-text-tertiary)}.size-control{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);align-items:center;width:100px;display:flex;position:relative}.size-btn{color:var(--color-text-secondary);cursor:pointer;width:28px;height:24px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.size-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.size-input{width:100%;color:var(--color-text-primary);text-align:center;appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:12px}.size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tooltip-wrapper{position:relative}.tooltip-wrapper:after{content:attr(data-tooltip);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:100;box-shadow:var(--shadow-md);padding:4px 10px;position:absolute;top:50%;left:120%;transform:translateY(-50%)}.tooltip-wrapper:hover:after{opacity:1}.divider{background:var(--color-surface-border);width:100%;height:1px;margin:var(--space-xs) 0}.divider-v{background:var(--color-surface-border);width:1px;height:20px;margin:0 var(--space-xs)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed26}50%{box-shadow:0 0 40px #7c3aed4d}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) ease forwards}.projects-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.project-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.project-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.project-thumb{border-bottom:1px solid var(--color-surface-border);background-color:#f3f4f6;justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.thumb-img{object-fit:contain;background-color:#fff;border-radius:2px;width:calc(100% - 32px);height:calc(100% - 32px);box-shadow:0 2px 8px #00000014}.thumb-placeholder{color:var(--color-text-tertiary);opacity:.5;font-size:32px;font-weight:700}.project-info{padding:var(--space-md)}.project-info h4{font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.project-info p{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.btn-delete{color:#ef4444;cursor:pointer;opacity:0;width:32px;height:32px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.project-card:hover .btn-delete{opacity:1}.btn-delete:hover{color:#fff;background:#ef4444}@media (pointer:coarse){.btn{min-width:36px;min-height:36px}.btn-icon{width:40px;height:40px}.btn-icon-sm{width:36px;height:36px}.size-btn{width:32px;height:32px}::-webkit-scrollbar{width:8px;height:8px}}@media (width<=1024px){:root{--toolbar-width:60px;--sidebar-width:300px;--layer-panel-width:260px}}@media (width<=640px){:root{--toolbar-width:48px;--sidebar-width:280px;--header-height:48px;--layer-panel-width:240px}.projects-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.project-thumb{height:110px}}.consent-banner[data-v-89d59286]{z-index:99999;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border-top:1px solid var(--color-surface-border);-webkit-backdrop-filter:blur(20px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 32px #0006}.consent-content[data-v-89d59286]{align-items:center;gap:var(--space-lg);max-width:960px;margin:0 auto;display:flex}.consent-icon[data-v-89d59286]{flex-shrink:0;font-size:28px;line-height:1}.consent-text[data-v-89d59286]{flex:1;min-width:0}.consent-title[data-v-89d59286]{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0 0 2px;font-weight:600}.consent-desc[data-v-89d59286]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.consent-actions[data-v-89d59286]{gap:var(--space-sm);flex-shrink:0;display:flex}.consent-btn[data-v-89d59286]{border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:8px 18px;font-weight:600}.consent-btn-accept[data-v-89d59286]{background:linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));color:#fff;box-shadow:var(--shadow-glow)}.consent-btn-accept[data-v-89d59286]:hover{transform:translateY(-1px);box-shadow:0 0 24px #7c3aed66}.consent-btn-decline[data-v-89d59286]{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-surface-border)}.consent-btn-decline[data-v-89d59286]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.consent-slide-enter-active[data-v-89d59286]{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s}.consent-slide-leave-active[data-v-89d59286]{transition:transform .3s,opacity .3s}.consent-slide-enter-from[data-v-89d59286],.consent-slide-leave-to[data-v-89d59286]{opacity:0;transform:translateY(100%)}@media (width<=640px){.consent-content[data-v-89d59286]{text-align:center;gap:var(--space-md);flex-direction:column}.consent-actions[data-v-89d59286]{width:100%}.consent-btn[data-v-89d59286]{flex:1}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.export-overlay[data-v-a6193052]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-dialog[data-v-a6193052]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);width:600px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.dialog-header[data-v-a6193052]{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-surface-border);justify-content:space-between;align-items:center;display:flex}.dialog-header h2[data-v-a6193052]{font-size:var(--font-size-lg);font-weight:600}.dialog-body[data-v-a6193052]{padding:var(--space-xl);overflow-y:auto}.infinite-toggle-row[data-v-a6193052]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);border-top:1px solid var(--color-surface-border);display:flex}.infinite-label[data-v-a6193052]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.footer-actions[data-v-a6193052]{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl) var(--space-xl);display:flex}.toggle-btn[data-v-a6193052]{background:var(--color-surface-border);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.toggle-btn.active[data-v-a6193052]{background:var(--color-accent)}.toggle-knob[data-v-a6193052]{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;position:absolute;top:2px;left:2px}.toggle-btn.active .toggle-knob[data-v-a6193052]{transform:translate(16px)}.dialog-footer[data-v-a6193052]{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-surface-border);flex-direction:column;gap:0;display:flex}.preset-search[data-v-a6193052]{margin-bottom:var(--space-md);position:relative}.preset-search .search-icon[data-v-a6193052]{color:var(--color-text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.preset-search .search-input[data-v-a6193052]{width:100%;padding-left:36px}.presets-grid[data-v-a6193052]{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);margin-bottom:0;display:grid}.preset-card[data-v-a6193052]{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);color:var(--color-text-primary);flex-direction:column;display:flex;position:relative}.preset-card[data-v-a6193052]:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.preset-card.active[data-v-a6193052]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 0 0 1px var(--color-accent)}.fav-btn[data-v-a6193052]{color:var(--color-text-secondary);cursor:pointer;opacity:.3;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.preset-card:hover .fav-btn[data-v-a6193052]{opacity:1}.fav-btn.is-fav[data-v-a6193052]{color:#fbbf24;opacity:1}.fav-btn[data-v-a6193052]:hover{color:#fbbf24;background:#ffffff1a}.preset-preview[data-v-a6193052]{background:linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));opacity:.6;border-radius:3px;flex-shrink:0}.preset-card.active .preset-preview[data-v-a6193052]{opacity:1}.preset-name[data-v-a6193052]{font-size:var(--font-size-xs);text-align:center;font-weight:500;line-height:1.2}.preset-size[data-v-a6193052]{color:var(--color-text-tertiary);font-size:10px}.custom-size[data-v-a6193052]{margin-bottom:var(--space-xl)}.custom-label[data-v-a6193052]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);display:block}.custom-inputs[data-v-a6193052]{align-items:flex-end;gap:var(--space-sm);display:flex}.size-input-group[data-v-a6193052]{flex:1}.size-input-group label[data-v-a6193052]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-xs);display:block}.size-input-group .input[data-v-a6193052]{text-align:center}.size-separator[data-v-a6193052]{color:var(--color-text-tertiary);margin-bottom:var(--space-sm);flex-shrink:0}.size-unit[data-v-a6193052]{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.create-hint[data-v-a6193052]{color:var(--color-text-tertiary);opacity:.7;align-self:center;margin-right:auto;font-size:11px;font-style:italic}@media (width<=640px){.export-dialog[data-v-a6193052]{width:95vw;max-height:85vh}.presets-grid[data-v-a6193052]{grid-template-columns:repeat(2,1fr)}.preset-card[data-v-a6193052]{padding:var(--space-sm)}.custom-inputs[data-v-a6193052]{flex-wrap:wrap}}@media (pointer:coarse){.preset-card[data-v-a6193052]{min-height:80px}}.confirm-overlay[data-v-0869b817]{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog[data-v-0869b817]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);text-align:center;width:320px;max-width:90vw;padding:24px 22px 20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a}.confirm-dialog[data-v-0869b817]:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.confirm-danger[data-v-0869b817]:before{background:linear-gradient(90deg,#ef4444,#f97316)}.confirm-warning[data-v-0869b817]:before{background:linear-gradient(90deg,#f59e0b,#eab308)}.confirm-info[data-v-0869b817]:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.confirm-success[data-v-0869b817]:before{background:linear-gradient(90deg,#22c55e,#10b981)}.confirm-icon-wrap[data-v-0869b817]{justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex;position:relative}.confirm-icon-bg[data-v-0869b817]{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.confirm-danger .confirm-icon-bg[data-v-0869b817]{color:#ef4444;background:#ef44441f}.confirm-warning .confirm-icon-bg[data-v-0869b817]{color:#f59e0b;background:#f59e0b1f}.confirm-info .confirm-icon-bg[data-v-0869b817]{color:#3b82f6;background:#3b82f61f}.confirm-success .confirm-icon-bg[data-v-0869b817]{color:#22c55e;background:#22c55e1f}.confirm-icon-pulse[data-v-0869b817]{border-radius:50%;width:44px;height:44px;animation:2s ease-out infinite pulse-ring-0869b817;position:absolute}.confirm-danger .confirm-icon-pulse[data-v-0869b817]{background:#ef444426}.confirm-warning .confirm-icon-pulse[data-v-0869b817]{background:#f59e0b26}.confirm-info .confirm-icon-pulse[data-v-0869b817]{background:#3b82f626}.confirm-success .confirm-icon-pulse[data-v-0869b817]{background:#22c55e26}@keyframes pulse-ring-0869b817{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.confirm-title[data-v-0869b817]{color:var(--color-text-primary);margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.3}.confirm-message[data-v-0869b817]{color:var(--color-text-secondary);margin-bottom:20px;font-size:12px;line-height:1.5}.confirm-actions[data-v-0869b817]{gap:10px;display:flex}.confirm-btn[data-v-0869b817]{border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.confirm-btn-cancel[data-v-0869b817]{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-surface-border)}.confirm-btn-cancel[data-v-0869b817]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.confirm-btn-confirm.btn-danger[data-v-0869b817]{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.confirm-btn-confirm.btn-danger[data-v-0869b817]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.confirm-btn-confirm.btn-warning[data-v-0869b817]{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d}.confirm-btn-confirm.btn-warning[data-v-0869b817]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b73}.confirm-btn-confirm.btn-info[data-v-0869b817]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.confirm-btn-confirm.btn-info[data-v-0869b817]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.confirm-btn-confirm.btn-success[data-v-0869b817]{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.confirm-btn-confirm.btn-success[data-v-0869b817]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #22c55e73}.confirm-btn-confirm[data-v-0869b817]:active{transform:translateY(0)}.modal-enter-active[data-v-0869b817]{transition:all .25s}.modal-leave-active[data-v-0869b817]{transition:all .2s}.modal-enter-active .confirm-dialog[data-v-0869b817]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active .confirm-dialog[data-v-0869b817]{transition:all .2s}.modal-enter-from[data-v-0869b817]{opacity:0}.modal-enter-from .confirm-dialog[data-v-0869b817]{opacity:0;transform:scale(.9)translateY(10px)}.modal-leave-to[data-v-0869b817]{opacity:0}.modal-leave-to .confirm-dialog[data-v-0869b817]{opacity:0;transform:scale(.95)translateY(5px)}.prompt-overlay[data-v-51a47e62]{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prompt-dialog[data-v-51a47e62]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);text-align:center;width:360px;max-width:90vw;padding:24px 22px 20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a}.prompt-dialog[data-v-51a47e62]:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.prompt-info[data-v-51a47e62]:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.prompt-success[data-v-51a47e62]:before{background:linear-gradient(90deg,#22c55e,#10b981)}.prompt-accent[data-v-51a47e62]:before{background:linear-gradient(90deg,#7c3aed,#3b82f6)}.prompt-icon-wrap[data-v-51a47e62]{justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex;position:relative}.prompt-icon-bg[data-v-51a47e62]{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.prompt-info .prompt-icon-bg[data-v-51a47e62]{color:#3b82f6;background:#3b82f61f}.prompt-success .prompt-icon-bg[data-v-51a47e62]{color:#22c55e;background:#22c55e1f}.prompt-accent .prompt-icon-bg[data-v-51a47e62]{color:#7c3aed;background:#7c3aed1f}.prompt-icon-pulse[data-v-51a47e62]{border-radius:50%;width:44px;height:44px;animation:2s ease-out infinite pulse-ring-51a47e62;position:absolute}.prompt-info .prompt-icon-pulse[data-v-51a47e62]{background:#3b82f626}.prompt-success .prompt-icon-pulse[data-v-51a47e62]{background:#22c55e26}.prompt-accent .prompt-icon-pulse[data-v-51a47e62]{background:#7c3aed26}@keyframes pulse-ring-51a47e62{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.prompt-title[data-v-51a47e62]{color:var(--color-text-primary);margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.3}.prompt-message[data-v-51a47e62]{color:var(--color-text-secondary);margin-bottom:14px;font-size:12px;line-height:1.5}.prompt-input-wrap[data-v-51a47e62]{margin-bottom:18px}.prompt-input[data-v-51a47e62]{background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-family);box-sizing:border-box;outline:none;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s}.prompt-input[data-v-51a47e62]:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.prompt-input[data-v-51a47e62]::placeholder{color:var(--color-text-tertiary)}.prompt-actions[data-v-51a47e62]{gap:10px;display:flex}.prompt-btn[data-v-51a47e62]{border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.prompt-btn-cancel[data-v-51a47e62]{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-surface-border)}.prompt-btn-cancel[data-v-51a47e62]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.prompt-btn-confirm.btn-info[data-v-51a47e62]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.prompt-btn-confirm.btn-info[data-v-51a47e62]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.prompt-btn-confirm.btn-success[data-v-51a47e62]{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.prompt-btn-confirm.btn-success[data-v-51a47e62]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #22c55e73}.prompt-btn-confirm.btn-accent[data-v-51a47e62]{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 14px #7c3aed4d}.prompt-btn-confirm.btn-accent[data-v-51a47e62]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed73}.prompt-btn-confirm[data-v-51a47e62]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.prompt-btn-confirm[data-v-51a47e62]:active{transform:translateY(0)}.modal-enter-active[data-v-51a47e62]{transition:all .25s}.modal-leave-active[data-v-51a47e62]{transition:all .2s}.modal-enter-active .prompt-dialog[data-v-51a47e62]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active .prompt-dialog[data-v-51a47e62]{transition:all .2s}.modal-enter-from[data-v-51a47e62]{opacity:0}.modal-enter-from .prompt-dialog[data-v-51a47e62]{opacity:0;transform:scale(.9)translateY(10px)}.modal-leave-to[data-v-51a47e62]{opacity:0}.modal-leave-to .prompt-dialog[data-v-51a47e62]{opacity:0;transform:scale(.95)translateY(5px)}.alert-overlay[data-v-3db596a1]{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.alert-dialog[data-v-3db596a1]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);text-align:center;width:340px;max-width:90vw;padding:24px 22px 20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a}.alert-dialog[data-v-3db596a1]:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.alert-info[data-v-3db596a1]:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.alert-warning[data-v-3db596a1]:before{background:linear-gradient(90deg,#f59e0b,#eab308)}.alert-error[data-v-3db596a1]:before{background:linear-gradient(90deg,#ef4444,#f97316)}.alert-success[data-v-3db596a1]:before{background:linear-gradient(90deg,#22c55e,#10b981)}.alert-icon-wrap[data-v-3db596a1]{justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex;position:relative}.alert-icon-bg[data-v-3db596a1]{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.alert-info .alert-icon-bg[data-v-3db596a1]{color:#3b82f6;background:#3b82f61f}.alert-warning .alert-icon-bg[data-v-3db596a1]{color:#f59e0b;background:#f59e0b1f}.alert-error .alert-icon-bg[data-v-3db596a1]{color:#ef4444;background:#ef44441f}.alert-success .alert-icon-bg[data-v-3db596a1]{color:#22c55e;background:#22c55e1f}.alert-icon-pulse[data-v-3db596a1]{border-radius:50%;width:44px;height:44px;animation:2s ease-out infinite pulse-ring-3db596a1;position:absolute}.alert-info .alert-icon-pulse[data-v-3db596a1]{background:#3b82f626}.alert-warning .alert-icon-pulse[data-v-3db596a1]{background:#f59e0b26}.alert-error .alert-icon-pulse[data-v-3db596a1]{background:#ef444426}.alert-success .alert-icon-pulse[data-v-3db596a1]{background:#22c55e26}@keyframes pulse-ring-3db596a1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.alert-title[data-v-3db596a1]{color:var(--color-text-primary);margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.3}.alert-message[data-v-3db596a1]{color:var(--color-text-secondary);margin-bottom:20px;font-size:12px;line-height:1.5}.alert-actions[data-v-3db596a1]{display:flex}.alert-btn[data-v-3db596a1]{border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.alert-btn.btn-info[data-v-3db596a1]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.alert-btn.btn-info[data-v-3db596a1]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.alert-btn.btn-warning[data-v-3db596a1]{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d}.alert-btn.btn-warning[data-v-3db596a1]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b73}.alert-btn.btn-error[data-v-3db596a1]{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.alert-btn.btn-error[data-v-3db596a1]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.alert-btn.btn-success[data-v-3db596a1]{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.alert-btn.btn-success[data-v-3db596a1]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #22c55e73}.alert-btn[data-v-3db596a1]:active{transform:translateY(0)}.modal-enter-active[data-v-3db596a1]{transition:all .25s}.modal-leave-active[data-v-3db596a1]{transition:all .2s}.modal-enter-active .alert-dialog[data-v-3db596a1]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active .alert-dialog[data-v-3db596a1]{transition:all .2s}.modal-enter-from[data-v-3db596a1]{opacity:0}.modal-enter-from .alert-dialog[data-v-3db596a1]{opacity:0;transform:scale(.9)translateY(10px)}.modal-leave-to[data-v-3db596a1]{opacity:0}.modal-leave-to .alert-dialog[data-v-3db596a1]{opacity:0;transform:scale(.95)translateY(5px)}.start-screen[data-v-65a3ae3d]{background:var(--color-bg-primary);width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.bg-orb[data-v-65a3ae3d]{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.bg-orb-1[data-v-65a3ae3d]{background:var(--color-accent-start);width:500px;height:500px;animation:8s ease-in-out infinite float-65a3ae3d;top:-150px;right:-100px}.bg-orb-2[data-v-65a3ae3d]{background:var(--color-accent-end);width:400px;height:400px;animation:10s ease-in-out infinite reverse float-65a3ae3d;bottom:-100px;left:-100px}.bg-orb-3[data-v-65a3ae3d]{background:#ec4899;width:300px;height:300px;animation:12s ease-in-out infinite float-65a3ae3d;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-65a3ae3d{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}.start-content[data-v-65a3ae3d]{width:100%;max-width:640px;padding:var(--space-xl);z-index:1;margin:auto}.start-logo[data-v-65a3ae3d]{text-align:center;margin-bottom:var(--space-3xl)}.logo-icon[data-v-65a3ae3d]{width:72px;height:72px;margin:0 auto var(--space-lg);border-radius:var(--radius-xl);animation:3s ease-in-out infinite pulse-glow}.logo-icon svg[data-v-65a3ae3d]{width:100%;height:100%}.start-logo h1[data-v-65a3ae3d]{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);font-weight:700}.start-subtitle[data-v-65a3ae3d]{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.start-actions[data-v-65a3ae3d]{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.start-card[data-v-65a3ae3d]{align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left;color:var(--color-text-primary);font-family:var(--font-family);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex}.start-card[data-v-65a3ae3d]:hover{background:var(--color-bg-hover);border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translate(4px)}.card-icon[data-v-65a3ae3d]{border-radius:var(--radius-lg);background:var(--color-accent-soft);width:56px;height:56px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-icon-secondary[data-v-65a3ae3d]{color:var(--color-accent-end);background:#3b82f61f}.card-info[data-v-65a3ae3d]{flex:1}.card-info h3[data-v-65a3ae3d]{font-size:var(--font-size-lg);margin-bottom:2px;font-weight:600}.card-info p[data-v-65a3ae3d]{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.card-arrow[data-v-65a3ae3d]{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.start-card:hover .card-arrow[data-v-65a3ae3d]{color:var(--color-accent);transform:translate(4px)}.install-card[data-v-65a3ae3d]{background:#10b9810f;border-color:#10b9814d}.install-card[data-v-65a3ae3d]:hover{background:#10b9811f;border-color:#10b981;box-shadow:0 0 20px #10b98133}.install-card:hover .card-arrow[data-v-65a3ae3d]{color:#10b981}.card-icon-install[data-v-65a3ae3d]{color:#10b981;background:#10b9811f}.pwa-slide-enter-active[data-v-65a3ae3d]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.pwa-slide-leave-active[data-v-65a3ae3d]{transition:all .25s ease-in}.pwa-slide-enter-from[data-v-65a3ae3d]{opacity:0;transform:translateY(-12px)scale(.96)}.pwa-slide-leave-to[data-v-65a3ae3d]{opacity:0;transform:translate(20px)scale(.96)}.saved-projects[data-v-65a3ae3d]{margin-top:var(--space-2xl)}.section-header[data-v-65a3ae3d]{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-header h2[data-v-65a3ae3d]{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:600}.btn-view-all[data-v-65a3ae3d]{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:4px;display:flex}.btn-view-all[data-v-65a3ae3d]:hover{color:var(--color-accent)}.context-menu[data-v-65a3ae3d]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-xs);z-index:9999;flex-direction:column;min-width:160px;display:flex;position:fixed}.menu-item[data-v-65a3ae3d]{width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;display:block}.menu-item[data-v-65a3ae3d]:hover{background:var(--color-bg-hover)}.menu-divider[data-v-65a3ae3d]{background:var(--color-surface-border);height:1px;margin:var(--space-xs) 0}.text-danger[data-v-65a3ae3d]{color:var(--color-danger)}.text-danger[data-v-65a3ae3d]:hover{background:#ef44441a}.tool-group[data-v-2b8ee6a3]{flex-direction:column;align-items:center;gap:2px;display:flex}.relative[data-v-2b8ee6a3]{position:relative}.tool-btn[data-v-2b8ee6a3]{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tool-btn[data-v-2b8ee6a3]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tool-btn.active[data-v-2b8ee6a3]{background:var(--color-accent-soft);color:var(--color-accent)}.info-popover[data-v-2b8ee6a3]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);width:280px;box-shadow:var(--shadow-xl);border-radius:var(--radius-lg);padding:var(--space-lg);z-index:100000;text-align:left;transform-origin:0 100%;position:absolute;bottom:0;left:calc(100% + 4px)}.info-header[data-v-2b8ee6a3]{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.info-header h3[data-v-2b8ee6a3]{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.2}.version-badge[data-v-2b8ee6a3]{background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-full);white-space:nowrap;padding:2px 6px;font-size:10px;font-weight:600}.info-desc[data-v-2b8ee6a3]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;line-height:1.4}.info-brand[data-v-2b8ee6a3]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-lg)}.info-brand strong[data-v-2b8ee6a3]{color:var(--color-text-primary)}.info-actions[data-v-2b8ee6a3]{gap:var(--space-sm);flex-direction:column;display:flex}.block-btn[data-v-2b8ee6a3]{justify-content:center;width:100%;text-decoration:none;display:flex}.gallery-panel[data-v-872ccd2d]{flex-direction:column;gap:6px;min-width:248px;max-width:272px;display:flex}.gallery-header[data-v-872ccd2d]{justify-content:space-between;align-items:center;padding:2px 4px 0;display:flex}.gallery-title[data-v-872ccd2d]{color:var(--color-text-primary);letter-spacing:.2px;font-size:11px;font-weight:700}.gallery-header-actions[data-v-872ccd2d]{align-items:center;gap:4px;display:flex}.gallery-action-btn[data-v-872ccd2d]{border:1px solid var(--color-surface-border);width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.gallery-action-btn[data-v-872ccd2d]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:#ffffff26}.gallery-action-btn--danger[data-v-872ccd2d]:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.gallery-search-row[data-v-872ccd2d]{align-items:center;padding:0 4px;display:flex;position:relative}.gallery-search-icon[data-v-872ccd2d]{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:14px}.gallery-search-input[data-v-872ccd2d]{box-sizing:border-box;border:1px solid var(--color-surface-border);width:100%;color:var(--color-text-primary);background:#ffffff0f;border-radius:7px;outline:none;padding:5px 28px;font-size:11px;transition:border-color .15s}.gallery-search-input[data-v-872ccd2d]:focus{border-color:#7c3aed8c}.gallery-search-input[data-v-872ccd2d]::placeholder{color:var(--color-text-secondary);opacity:.6}.gallery-search-clear[data-v-872ccd2d]{background:var(--color-surface-border);width:16px;height:16px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.gallery-search-clear[data-v-872ccd2d]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.gallery-status[data-v-872ccd2d]{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:11px;display:flex}.gallery-status--muted[data-v-872ccd2d]{color:var(--color-text-tertiary)}@keyframes spin-872ccd2d{to{transform:rotate(360deg)}}.gallery-spinner[data-v-872ccd2d]{animation:.9s linear infinite spin-872ccd2d}.gallery-empty[data-v-872ccd2d]{color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.gallery-empty p[data-v-872ccd2d]{text-align:center;margin:0;font-size:11px}.gallery-upload-cta[data-v-872ccd2d]{color:var(--color-accent);cursor:pointer;border:1px dashed #7c3aed80;border-radius:6px;padding:5px 12px;font-size:11px;transition:background .15s,border-color .15s}.gallery-upload-cta[data-v-872ccd2d]:hover{background:#7c3aed1a;border-color:#7c3aedb3}.gallery-grid[data-v-872ccd2d]{grid-template-columns:repeat(3,1fr);gap:5px;max-height:395px;padding:0 4px;display:grid;overflow:hidden auto}.gallery-grid[data-v-872ccd2d]::-webkit-scrollbar{width:4px}.gallery-grid[data-v-872ccd2d]::-webkit-scrollbar-track{background:0 0}.gallery-grid[data-v-872ccd2d]::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.gallery-grid[data-v-872ccd2d]::-webkit-scrollbar-thumb:hover{background:#ffffff47}.gallery-item[data-v-872ccd2d]{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:5px 4px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.gallery-item[data-v-872ccd2d]:hover{background:#7c3aed1f;border-color:#7c3aed66;transform:translateY(-1px);box-shadow:0 3px 8px #7c3aed26}.gallery-item[data-v-872ccd2d]:active{box-shadow:none;transform:translateY(0)}.gallery-thumb[data-v-872ccd2d]{aspect-ratio:1;object-fit:cover;background:#ffffff0d;border-radius:5px;width:100%;display:block}.gallery-item-name[data-v-872ccd2d]{color:var(--color-text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:9px;font-weight:500;line-height:1.2;overflow:hidden}.gallery-item-remove[data-v-872ccd2d]{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background .12s;display:none;position:absolute;top:3px;right:3px}.gallery-item:hover .gallery-item-remove[data-v-872ccd2d]{display:flex}.gallery-item-remove[data-v-872ccd2d]:hover{background:#ef4444}.gallery-footer[data-v-872ccd2d]{color:var(--color-text-tertiary);text-align:right;padding:2px 6px 4px;font-size:10px}.toolbar[data-v-a6f22ae6]{width:var(--toolbar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-surface-border);padding:var(--space-sm) 0;align-items:center;gap:var(--space-xs);z-index:1000;flex-direction:column;flex-shrink:0;display:flex}.tool-group[data-v-a6f22ae6]{flex-direction:column;align-items:center;gap:2px;display:flex}.tool-btn[data-v-a6f22ae6]{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tool-btn[data-v-a6f22ae6]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tool-btn.active[data-v-a6f22ae6]{background:var(--color-accent-soft);color:var(--color-accent)}.divider[data-v-a6f22ae6]{width:28px;margin:var(--space-xs) 0}.relative[data-v-a6f22ae6]{position:relative}.popover-indicator[data-v-a6f22ae6]{border-left:3px solid #0000;border-right:3px solid #0000;border-bottom:4px solid var(--color-text-tertiary);width:0;height:0;position:absolute;bottom:6px;right:6px;transform:rotate(135deg)}.tool-btn:hover .popover-indicator[data-v-a6f22ae6],.tool-btn.active .popover-indicator[data-v-a6f22ae6]{border-bottom-color:currentColor}.shape-popover[data-v-a6f22ae6]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:100;grid-template-columns:repeat(4,40px);gap:4px;width:max-content;padding:8px;animation:.15s ease-out slideIn-a6f22ae6;display:grid;position:absolute;top:0;left:calc(100% + 4px)}.popover-btn[data-v-a6f22ae6]{background:0 0}.popover-btn[data-v-a6f22ae6]:hover{background:var(--color-bg-hover)}@keyframes slideIn-a6f22ae6{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.asset-main-btn[data-v-a6f22ae6]{width:calc(var(--toolbar-width) - 8px);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.asset-main-btn[data-v-a6f22ae6]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.asset-main-btn.active[data-v-a6f22ae6]{background:var(--color-accent-soft);color:var(--color-accent)}.asset-main-label[data-v-a6f22ae6]{letter-spacing:.03em;font-size:9px;font-weight:600;line-height:1}.asset-chevron[data-v-a6f22ae6]{opacity:.5;position:absolute;bottom:4px;right:4px}.asset-popover[data-v-a6f22ae6]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:100;flex-direction:column;gap:2px;min-width:280px;padding:6px;animation:.15s ease-out slideIn-a6f22ae6;display:flex;position:absolute;top:0;left:calc(100% + 6px)}.asset-category-btn[data-v-a6f22ae6]{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.asset-category-btn[data-v-a6f22ae6]:hover{background:var(--color-bg-hover)}.category-chevron[data-v-a6f22ae6]{color:var(--color-text-tertiary);margin-left:auto;transition:transform .2s}.category-chevron.expanded[data-v-a6f22ae6]{transform:rotate(90deg)}.asset-category-items[data-v-a6f22ae6]{border-left:2px solid var(--color-surface-border);flex-direction:column;gap:1px;margin:0 6px 4px 18px;padding-left:8px;display:flex}.asset-item-btn[data-v-a6f22ae6]{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.asset-item-btn[data-v-a6f22ae6]:hover{background:var(--color-bg-hover)}.asset-sub-category-btn[data-v-a6f22ae6]{border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:600;display:flex}.asset-sub-category-btn[data-v-a6f22ae6]:hover{background:var(--color-bg-hover)}.diagram-section[data-v-a6f22ae6]{padding-bottom:6px}.symbol-section-label[data-v-a6f22ae6]{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-tertiary);margin:0;padding:6px 10px 4px;font-size:10px;font-weight:600}.asset-symbol-grid[data-v-a6f22ae6]{grid-template-columns:repeat(2,1fr);gap:6px;padding:2px 8px 4px;display:grid}.symbol-btn[data-v-a6f22ae6]{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 9px;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;display:flex}.symbol-btn[data-v-a6f22ae6]:hover{background:#7c3aed21;border-color:#7c3aed73;transform:translateY(-1px);box-shadow:0 3px 10px #7c3aed2e}.symbol-btn[data-v-a6f22ae6]:active{box-shadow:none;transform:translateY(0)}.symbol-svg[data-v-a6f22ae6]{flex-shrink:0;width:56px;height:44px}.symbol-name[data-v-a6f22ae6]{color:var(--color-text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}@media (pointer:coarse){.tool-btn[data-v-a6f22ae6]{width:44px;height:44px}.toolbar[data-v-a6f22ae6]{width:60px}.popover-btn[data-v-a6f22ae6]{width:44px;height:44px}.shape-popover[data-v-a6f22ae6]{grid-template-columns:repeat(4,44px)}}@media (width<=640px){.toolbar[data-v-a6f22ae6]{width:48px;padding:4px 0}.tool-btn[data-v-a6f22ae6]{width:40px;height:40px}.divider[data-v-a6f22ae6]{width:24px;margin:2px 0}.shape-popover[data-v-a6f22ae6]{grid-template-columns:repeat(3,40px)}}.si-section[data-v-a6f22ae6]{gap:0!important;padding-left:4px!important}.si-search-wrapper[data-v-a6f22ae6]{padding:4px 8px 6px}.si-search-row[data-v-a6f22ae6]{align-items:center;display:flex;position:relative}.si-clear-btn[data-v-a6f22ae6]{background:var(--color-surface-border);width:18px;height:18px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:6px}.si-clear-btn[data-v-a6f22ae6]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.si-search-input[data-v-a6f22ae6]{box-sizing:border-box;border:1px solid var(--color-surface-border);width:100%;color:var(--color-text-primary);background:#ffffff0f;border-radius:8px;outline:none;padding:6px 30px 6px 10px;font-size:11px;transition:border-color .15s}.si-search-input[data-v-a6f22ae6]:focus{border-color:#7c3aed8c}.si-search-input[data-v-a6f22ae6]::placeholder{color:var(--color-text-secondary);opacity:.7}.si-count[data-v-a6f22ae6]{color:var(--color-text-secondary);opacity:.65;margin:4px 0 0;font-size:10px}.si-status[data-v-a6f22ae6]{color:var(--color-text-secondary);text-align:center;padding:10px 12px;font-size:11px}.si-status--error[data-v-a6f22ae6]{color:#f87171}.si-grid[data-v-a6f22ae6]{grid-template-columns:repeat(4,1fr);gap:4px;max-height:520px;padding:2px 8px 4px;display:grid;overflow:hidden auto}.si-grid[data-v-a6f22ae6]::-webkit-scrollbar{width:4px}.si-grid[data-v-a6f22ae6]::-webkit-scrollbar-track{background:0 0}.si-grid[data-v-a6f22ae6]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.si-grid[data-v-a6f22ae6]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.si-btn[data-v-a6f22ae6]{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:9px 4px 7px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:flex;overflow:hidden}.si-btn[data-v-a6f22ae6]:hover{background:#7c3aed1f;border-color:#7c3aed66;transform:translateY(-1px);box-shadow:0 3px 8px #7c3aed26}.si-btn[data-v-a6f22ae6]:active{box-shadow:none;transform:translateY(0)}.si-icon-wrap[data-v-a6f22ae6]{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.si-icon-wrap[data-v-a6f22ae6] svg{width:100%;height:100%;display:block}.si-name[data-v-a6f22ae6]{color:var(--color-text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:54px;font-size:9px;font-weight:500;line-height:1.2;overflow:hidden}.si-load-more[data-v-a6f22ae6]{width:calc(100% - 16px);color:var(--color-text-secondary);cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;margin:4px 8px 6px;padding:6px 8px;font-size:11px;transition:background .15s,color .15s;display:block}.si-load-more[data-v-a6f22ae6]:hover{color:var(--color-text-primary);background:#ffffff14}.gallery-popover[data-v-a6f22ae6]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:100;padding:8px 6px 6px;animation:.15s ease-out slideIn-a6f22ae6;position:absolute;top:0;left:calc(100% + 6px)}.ruler-wrapper[data-v-86158ef7]{pointer-events:none;z-index:999;position:absolute;inset:0}.ruler-corner[data-v-86158ef7]{z-index:1000;pointer-events:auto;background:#1e1e2a;border-bottom:1px solid #3a3a52;border-right:1px solid #3a3a52;width:20px;height:20px;position:absolute;top:0;left:0}.ruler[data-v-86158ef7]{pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:999;position:absolute}.ruler-h[data-v-86158ef7]{cursor:s-resize;border-bottom:1px solid #3a3a52;height:20px;top:0;left:20px;right:0}.ruler-v[data-v-86158ef7]{cursor:e-resize;border-right:1px solid #3a3a52;width:20px;top:20px;bottom:0;left:0}.ruler-canvas[data-v-86158ef7]{width:100%;height:100%}.guide-layer[data-v-86158ef7]{pointer-events:none;z-index:998;position:absolute;inset:0}.guide[data-v-86158ef7]{pointer-events:auto;z-index:998;position:absolute}.guide.horizontal[data-v-86158ef7]{cursor:ns-resize;box-sizing:content-box;background:red padding-box content-box;height:1px;padding:3px 0}.guide.vertical[data-v-86158ef7]{cursor:ew-resize;box-sizing:content-box;background:red padding-box content-box;width:1px;padding:0 3px}.guide.selected.horizontal[data-v-86158ef7],.guide.selected.vertical[data-v-86158ef7]{background:red padding-box content-box}.guide-label[data-v-86158ef7]{color:red;white-space:nowrap;pointer-events:none;opacity:0;background:#1e1e2ad9;border-radius:3px;padding:1px 4px;font-size:9px;transition:opacity .15s;position:absolute}.guide:hover .guide-label[data-v-86158ef7],.guide.selected .guide-label[data-v-86158ef7]{opacity:1}.guide.horizontal .guide-label[data-v-86158ef7],.guide.vertical .guide-label[data-v-86158ef7]{top:4px;left:4px}.guide.preview[data-v-86158ef7]{pointer-events:none;opacity:.5}.guide.preview.horizontal[data-v-86158ef7]{background:red;height:1px;padding:0}.guide.preview.vertical[data-v-86158ef7]{background:red;width:1px;padding:0}.guide-ctx[data-v-86158ef7]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-xs);z-index:10000;pointer-events:auto;min-width:180px;position:fixed}.ctx-item[data-v-86158ef7]{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;transition:background .15s;display:flex}.ctx-item[data-v-86158ef7]:hover{background:var(--color-bg-hover)}.ctx-item.danger[data-v-86158ef7]{color:#ef4444}.ctx-item.danger[data-v-86158ef7]:hover{background:#ef44441a}.mobile-action-bar[data-v-c7771176]{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-surface-border);height:48px;padding:0 var(--space-md);align-items:center;gap:var(--space-xs);z-index:40;box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent;animation:.2s ease-out slideDownAction-c7771176;display:flex;position:absolute;top:0;left:0;right:0;overflow-x:auto}.mobile-action-bar[data-v-c7771176]::-webkit-scrollbar{height:3px}.mobile-action-bar[data-v-c7771176]::-webkit-scrollbar-track{background:0 0}.mobile-action-bar[data-v-c7771176]::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-full)}.mobile-action-bar[data-v-c7771176]::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}@keyframes slideDownAction-c7771176{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bar-btn[data-v-c7771176]{border-radius:var(--radius-sm);min-width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bar-btn.active[data-v-c7771176]{background:var(--color-bg-active);color:var(--color-accent)}.bar-btn[data-v-c7771176]:active{background:var(--color-bg-hover)}.bar-btn[data-v-c7771176]:disabled{opacity:.3}.bar-btn.text-danger[data-v-c7771176]{color:var(--color-danger)}.bar-divider[data-v-c7771176]{background:var(--color-surface-border);width:1px;height:24px;margin:0 var(--space-xs);flex-shrink:0}.eraser-cursor-overlay[data-v-30f87dbd]{pointer-events:none;z-index:9999;mix-blend-mode:difference;border:2px solid #ffffffe6;border-radius:50%;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.canvas-wrapper.eraser-mode[data-v-30f87dbd],.canvas-wrapper.eraser-mode[data-v-30f87dbd] *{cursor:none!important}.canvas-wrapper[data-v-30f87dbd]{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.canvas-wrapper canvas[data-v-30f87dbd]{touch-action:none;display:block}.context-menu[data-v-30f87dbd]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-xs);z-index:9999;flex-direction:column;min-width:200px;display:flex;position:fixed}.menu-item[data-v-30f87dbd]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;transition:background .2s;display:flex}.has-submenu[data-v-30f87dbd]{justify-content:space-between;position:relative}.menu-label[data-v-30f87dbd]{align-items:center;gap:var(--space-sm);display:flex}.submenu[data-v-30f87dbd]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-xs);z-index:10000;flex-direction:column;min-width:200px;display:flex;position:absolute;top:-5px;left:calc(100% + 4px)}.submenu[data-v-30f87dbd]:before{content:"";width:10px;position:absolute;top:0;bottom:0;left:-10px}.submenu-left[data-v-30f87dbd]{left:auto;right:calc(100% + 4px)}.submenu-left[data-v-30f87dbd]:before{left:auto;right:-10px}.menu-item[data-v-30f87dbd]:hover:not(:disabled){background:var(--color-bg-hover)}.menu-item[data-v-30f87dbd]:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.menu-divider[data-v-30f87dbd]{background:var(--color-surface-border);height:1px;margin:var(--space-xs) 0}.text-danger[data-v-30f87dbd]{color:var(--color-danger)}.text-danger[data-v-30f87dbd]:hover:not(:disabled){background:#ef44441a}.powerclip-tooltip[data-v-30f87dbd]{color:#fff;z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#7c3aedf2,#632cc8f2);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;animation:.3s slideDown-30f87dbd;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #7c3aed66,inset 0 0 0 1px #ffffff26}.powerclip-tooltip kbd[data-v-30f87dbd]{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}@keyframes slideDown-30f87dbd{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.powerclip-edit-toolbar[data-v-30f87dbd]{background:var(--color-bg-secondary);border:1px solid var(--color-accent);color:var(--color-text-primary);box-shadow:var(--shadow-lg), 0 0 0 2px #7c3aed33;z-index:10000;border-radius:12px;align-items:center;gap:16px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s slideDown-30f87dbd;display:flex;position:absolute;bottom:24px;right:24px}.canvas-spacer.drag-over[data-v-30f87dbd]:after{content:"Drop gambar ke sini";color:#7c3aedcc;z-index:9999;pointer-events:none;background:#7c3aed33;border:4px dashed #7c3aed99;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:600;display:flex;position:absolute;top:0;left:0}.bg-processing-overlay[data-v-30f87dbd]{z-index:9999;color:#fff;font-family:var(--font-family,"Inter", sans-serif);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-spinner[data-v-30f87dbd]{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s ease-in-out infinite spin-30f87dbd}@keyframes spin-30f87dbd{to{transform:rotate(360deg)}}.device-hint-overlay[data-v-30f87dbd]{pointer-events:none;z-index:8000;background:#7c3aed0a;border:1.5px dashed #7c3aed80;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:fixed}.device-hint-overlay--guide[data-v-30f87dbd]{pointer-events:none;z-index:9000;background:0 0;border:2px solid #7c3aedd9;animation:1.8s ease-in-out infinite guideGlow-30f87dbd;overflow:visible;box-shadow:0 0 0 1px #7c3aed40,inset 0 0 0 1px #7c3aed26}@keyframes guideGlow-30f87dbd{0%,to{border-color:#7c3aedd9;box-shadow:0 0 0 1px #7c3aed40,inset 0 0 0 1px #7c3aed26}50%{border-color:#a78bfa;box-shadow:0 0 12px 2px #7c3aed59,inset 0 0 0 1px #7c3aed40}}.device-hint-btn[data-v-30f87dbd]{pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aede6;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s,transform .1s;display:flex;box-shadow:0 4px 16px #7c3aed66}.device-hint-btn[data-v-30f87dbd]:hover{background:#6d28d9f2;transform:scale(1.04)}.device-hint-btn--danger[data-v-30f87dbd]{background:#dc2626d9;box-shadow:0 4px 16px #dc262659}.device-hint-btn--danger[data-v-30f87dbd]:hover{background:#b91c1cf2}.device-hint-actions[data-v-30f87dbd]{pointer-events:auto;flex-flow:wrap;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:90vw;padding-top:12px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.device-confirm-overlay[data-v-30f87dbd]{z-index:99999;background:#00000073;justify-content:center;align-items:center;animation:.15s fadeIn-30f87dbd;display:flex;position:fixed;inset:0}@keyframes fadeIn-30f87dbd{0%{opacity:0}to{opacity:1}}.device-confirm-dialog[data-v-30f87dbd]{background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:360px;box-shadow:var(--shadow-xl);padding:24px;animation:.2s scaleIn-30f87dbd}@keyframes scaleIn-30f87dbd{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.device-confirm-icon[data-v-30f87dbd]{color:#dc2626cc;background:#dc26261a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.device-confirm-title[data-v-30f87dbd]{color:var(--color-text-primary);margin:0 0 6px;font-size:16px;font-weight:700}.device-confirm-msg[data-v-30f87dbd]{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.device-confirm-actions[data-v-30f87dbd]{justify-content:center;gap:10px;display:flex}.device-confirm-btn[data-v-30f87dbd]{border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-hover);color:var(--color-text-primary);border:none;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.device-confirm-btn[data-v-30f87dbd]:hover{background:var(--color-bg-active)}.device-confirm-btn.danger[data-v-30f87dbd]{color:#fff;background:#dc2626e6}.device-confirm-btn.danger[data-v-30f87dbd]:hover{background:#b91c1cf2}.device-edit-toolbar[data-v-30f87dbd]{color:#fff;z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#7c3aedf2,#632cc8f2);border-radius:10px;align-items:center;gap:10px;padding:10px 18px;font-size:12px;font-weight:500;animation:.3s slideDown-30f87dbd;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #7c3aed66,inset 0 0 0 1px #ffffff26}.device-edit-toolbar kbd[data-v-30f87dbd]{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}.device-edit-btn[data-v-30f87dbd]{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.device-edit-btn[data-v-30f87dbd]:hover{background:#ffffff38}.device-edit-btn.primary[data-v-30f87dbd]{color:#7c3aed;background:#ffffffe6;border-color:#0000}.device-edit-btn.primary[data-v-30f87dbd]:hover{background:#fff}.layer-panel-content[data-v-8ce34eae]{flex-direction:column;height:100%;display:flex}.layer-panel-header[data-v-8ce34eae]{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-surface-border);flex-shrink:0}.add-parent-btn[data-v-8ce34eae]{border:1px dashed var(--color-surface-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-family);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:5px 10px;transition:all .15s;display:flex}.add-parent-btn[data-v-8ce34eae]:hover{border-color:var(--color-accent);color:var(--color-accent);background:#7c3aed0a}.layers-list[data-v-8ce34eae]{padding:var(--space-xs);flex:1;overflow-y:auto}.layer-item[data-v-8ce34eae]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:1px;transition:background .12s;display:flex}.layer-item[data-v-8ce34eae]:hover{background:var(--color-bg-hover)}.layer-item.active[data-v-8ce34eae]{background:var(--color-accent-soft);border:1px solid #7c3aed4d}.layer-item.hidden[data-v-8ce34eae]{opacity:.4}.layer-item.locked[data-v-8ce34eae]{opacity:.7}.layer-item.is-dragging[data-v-8ce34eae]{opacity:.3;background:var(--color-surface-border)}.layer-item.drag-over[data-v-8ce34eae]{background:#7c3aed1f}.layer-item--parent[data-v-8ce34eae]{border:1px solid var(--color-surface-border);background:#00000008;margin-top:3px;margin-bottom:3px}.layer-item--parent[data-v-8ce34eae]:hover{background:#7c3aed0f}.layer-item--parent.is-active-parent[data-v-8ce34eae]{background:#7c3aed0f;border-color:#7c3aed66}.parent-active-dot[data-v-8ce34eae]{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.layer-item--child[data-v-8ce34eae]{padding-left:28px}.layer-item--subchild[data-v-8ce34eae]{border-left:2px solid var(--color-surface-border);background:#00000005;padding-left:28px}.layer-expand-icon[data-v-8ce34eae]{width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.layer-expand-icon[data-v-8ce34eae]:hover{background:var(--color-surface-border);color:var(--color-text-primary)}.layer-expand-placeholder[data-v-8ce34eae]{flex-shrink:0;width:20px}.layer-expand-placeholder.sub[data-v-8ce34eae]{width:10px}.layer-preview[data-v-8ce34eae]{border-radius:var(--radius-sm);background:var(--color-bg-primary);width:26px;height:26px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.layer-preview--active[data-v-8ce34eae],.layer-item.active .layer-preview[data-v-8ce34eae]{background:var(--color-accent);color:#fff}.layer-info[data-v-8ce34eae]{flex:1;min-width:0}.layer-name[data-v-8ce34eae]{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.layer-name-input[data-v-8ce34eae]{background:var(--color-bg-primary);border:1px solid var(--color-accent);width:100%;color:var(--color-text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);outline:none;margin-bottom:2px;padding:0 4px;font-weight:500}.layer-type[data-v-8ce34eae]{color:var(--color-text-tertiary);font-size:10px}.layer-vis-btn[data-v-8ce34eae]{width:22px;height:22px;color:var(--color-text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .12s,color .12s,background .12s;display:flex}.layer-item:hover .layer-vis-btn[data-v-8ce34eae]{opacity:1}.layer-vis-btn[data-v-8ce34eae]:hover{background:var(--color-surface-border);color:var(--color-text-primary)}.layer-item.hidden .layer-vis-btn[data-v-8ce34eae]{opacity:1;color:var(--color-text-secondary)}.layers-empty[data-v-8ce34eae]{padding:var(--space-3xl) var(--space-lg);color:var(--color-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.layers-empty p[data-v-8ce34eae]{font-size:var(--font-size-sm);margin-top:var(--space-md);color:var(--color-text-secondary);font-weight:500}.layers-empty span[data-v-8ce34eae]{font-size:var(--font-size-xs);margin-top:var(--space-xs)}.layer-context-menu[data-v-8ce34eae]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-xs);z-index:10000;flex-direction:column;min-width:180px;display:flex;position:fixed}.menu-item[data-v-8ce34eae]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;transition:background .15s;display:flex}.menu-item[data-v-8ce34eae]:hover{background:var(--color-bg-hover)}.menu-divider[data-v-8ce34eae]{background:var(--color-surface-border);height:1px;margin:var(--space-xs) 0}.text-danger[data-v-8ce34eae]{color:var(--color-danger)}.text-danger[data-v-8ce34eae]:hover{background:#ef44441a}.edit-mode-panel[data-v-11cfbafd]{background:linear-gradient(145deg, var(--color-surface-light), var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:16px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.edit-mode-panel[data-v-11cfbafd]:before{content:"";background:linear-gradient(90deg, var(--color-accent), #a78bfa);height:3px;position:absolute;top:0;left:0;right:0}.edit-mode-header[data-v-11cfbafd]{align-items:center;gap:8px;margin-bottom:8px;display:flex}.edit-mode-header .icon[data-v-11cfbafd]{color:var(--color-accent)}.edit-mode-header h3[data-v-11cfbafd]{color:var(--color-text);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:14px;font-weight:600}.edit-mode-desc[data-v-11cfbafd]{color:var(--color-text-secondary);margin-bottom:16px;font-size:12px;line-height:1.4}.edit-mode-slot[data-v-11cfbafd]{margin-bottom:16px}.edit-mode-actions[data-v-11cfbafd]{gap:8px;display:flex}.btn-action[data-v-11cfbafd]{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-action.apply[data-v-11cfbafd]{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn-action.apply[data-v-11cfbafd]:hover{background:#6d28d9;transform:translateY(-1px)}.btn-action.cancel[data-v-11cfbafd]{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-action.cancel[data-v-11cfbafd]:hover{background:var(--color-surface-hover)}.properties-content[data-v-8a222f04]{padding:var(--space-md)}.prop-section[data-v-8a222f04]{margin-bottom:var(--space-md)}.prop-label[data-v-8a222f04]{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-weight:600}.powerclip-edit-title[data-v-8a222f04]{color:var(--color-accent);align-items:center;gap:6px;margin-bottom:8px;display:flex}.prop-sublabel[data-v-8a222f04]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);min-width:60px}.color-row[data-v-8a222f04]{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.color-swatch-wrap[data-v-8a222f04]{cursor:pointer;border-radius:50%;flex-shrink:0;padding:2px;position:relative}.color-swatch[data-v-8a222f04]{width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--color-surface-border);transition:all var(--transition-fast);border-radius:50%}.color-swatch-wrap:hover .color-swatch[data-v-8a222f04]{box-shadow:inset 0 0 0 2px var(--color-accent);transform:scale(1.1)}.rainbow-wheel[data-v-8a222f04]{background:conic-gradient(red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red)}.current-color-indicator[data-v-8a222f04]{width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--color-surface-border), inset 0 0 0 2px #0000001a;border-radius:50%;flex-shrink:0}.current-color-indicator.is-transparent[data-v-8a222f04]{background-color:#fff!important;background-image:linear-gradient(45deg,#aaa 25%,#0000 25%),linear-gradient(-45deg,#aaa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#aaa 75%),linear-gradient(-45deg,#0000 75%,#aaa 75%)!important;background-position:0 0,0 4px,4px -4px,-4px 0!important;background-size:8px 8px!important}.color-input[data-v-8a222f04]{flex:1;font-family:monospace;font-size:var(--font-size-xs)!important}.hidden-picker[data-v-8a222f04]{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.color-presets[data-v-8a222f04]{flex-wrap:wrap;gap:4px;display:flex}.color-preset-btn[data-v-8a222f04]{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--color-surface-border);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%}.color-preset-btn[data-v-8a222f04]:hover{box-shadow:inset 0 0 0 2px var(--color-text-secondary);transform:scale(1.2)}.color-preset-btn.active[data-v-8a222f04]{box-shadow:inset 0 0 0 2px var(--color-accent), 0 0 0 1px var(--color-accent)}.prop-row[data-v-8a222f04]{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.range-input[data-v-8a222f04]{accent-color:var(--color-accent);flex:1;height:4px}.range-value[data-v-8a222f04]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right;min-width:36px}.prop-grid[data-v-8a222f04]{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.prop-grid-lock[data-v-8a222f04]{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:1fr auto 1fr;align-items:end;display:grid}.lock-btn[data-v-8a222f04]{background:var(--color-surface-hover);border:1px solid var(--color-surface-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.lock-btn[data-v-8a222f04]:hover{background:var(--color-surface-highlight);color:var(--color-text-primary)}.lock-btn.active[data-v-8a222f04]{color:var(--color-accent);background:#7c3aed1a;border-color:#7c3aed33}.prop-field label[data-v-8a222f04]{color:var(--color-text-tertiary);margin-bottom:2px;font-size:10px;display:block}.prop-field .input[data-v-8a222f04]{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.prop-field .range-value[data-v-8a222f04]{text-align:right;width:32px;color:var(--color-text-tertiary);font-size:10px}.custom-select[data-v-8a222f04]{border:1px solid var(--color-surface-border);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex:1;justify-content:space-between;align-items:center;min-width:0;padding:4px 8px;font-size:12px;display:flex}.custom-select .toggle-icon[data-v-8a222f04]{transition:transform var(--transition-fast)}.custom-select .toggle-icon.open[data-v-8a222f04]{transform:rotate(180deg)}.custom-dropdown[data-v-8a222f04]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);z-index:100;border-radius:4px;flex-direction:column;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000004d}.font-search-wrap[data-v-8a222f04]{border-bottom:1px solid var(--color-surface-border);background:var(--color-bg-primary);border-radius:4px 4px 0 0;align-items:center;gap:8px;padding:8px;display:flex}.font-search-input[data-v-8a222f04]{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:11px}.font-search-input[data-v-8a222f04]::placeholder,.search-icon[data-v-8a222f04]{color:var(--color-text-tertiary)}.font-list[data-v-8a222f04]{max-height:250px;margin:0;padding:0;list-style:none;overflow-y:auto}.font-list[data-v-8a222f04]::-webkit-scrollbar{width:6px}.font-list[data-v-8a222f04]::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:3px}.font-list li[data-v-8a222f04]{cursor:pointer;border-bottom:1px solid var(--color-surface-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.font-list li[data-v-8a222f04]:hover,.font-list li.highlighted[data-v-8a222f04]{background:var(--color-bg-hover)}.font-list li.active[data-v-8a222f04]{color:var(--color-accent);background:#7c3aed1a}.font-list li.no-results[data-v-8a222f04]{color:var(--color-text-tertiary);cursor:default;justify-content:center;font-size:11px}.font-list li.no-results[data-v-8a222f04]:hover{background:0 0}.font-list li[data-v-8a222f04]:last-child{border-bottom:none}.font-name[data-v-8a222f04]{font-size:12px;font-weight:500}.font-preview[data-v-8a222f04]{opacity:.8;color:var(--color-text-secondary);font-size:14px}.size-dropdown[data-v-8a222f04]{width:100%;max-height:200px;margin:4px 0 0;padding:0;list-style:none;left:0;right:0;overflow-y:auto}.size-dropdown[data-v-8a222f04]::-webkit-scrollbar{width:4px}.size-dropdown[data-v-8a222f04]::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:2px}.size-dropdown li[data-v-8a222f04]{justify-content:center;padding:6px;font-size:12px}.context-hint[data-v-8a222f04]{text-align:center;padding:var(--space-lg) var(--space-md);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.btn-transparent[data-v-8a222f04]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-transparent[data-v-8a222f04]:hover{background:var(--color-bg-hover);border-color:var(--color-text-secondary)}.checkerboard-icon[data-v-8a222f04]{border:1px solid var(--color-surface-border);background-color:#fff;background-image:linear-gradient(45deg,#aaa 25%,#0000 25%),linear-gradient(-45deg,#aaa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#aaa 75%),linear-gradient(-45deg,#0000 75%,#aaa 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:2px;width:14px;height:14px}.align-group[data-v-8a222f04]{background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);flex:1;gap:2px;padding:2px;display:flex}.align-btn[data-v-8a222f04]{height:28px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;flex:1;justify-content:center;align-items:center;display:flex}.align-btn[data-v-8a222f04]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.align-btn.active[data-v-8a222f04]{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.properties-content[data-v-855d9589]{padding:var(--space-md)}.prop-section[data-v-855d9589]{margin-bottom:var(--space-md)}.prop-label[data-v-855d9589]{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-weight:600}.prop-grid[data-v-855d9589]{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.prop-field label[data-v-855d9589]{color:var(--color-text-tertiary);margin-bottom:2px;font-size:10px;display:block}.prop-field .input[data-v-855d9589]{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.divider[data-v-855d9589]{background:var(--color-surface-border);height:1px;margin:var(--space-md) 0}.infinite-row[data-v-855d9589]{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;display:flex}.infinite-info[data-v-855d9589]{flex:1;min-width:0}.infinite-label[data-v-855d9589]{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;display:block}.infinite-desc[data-v-855d9589]{color:var(--color-text-tertiary);margin-top:2px;font-size:10px;display:block}.toggle-btn[data-v-855d9589]{background:var(--color-surface-border);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.toggle-btn.active[data-v-855d9589]{background:var(--color-accent)}.toggle-knob[data-v-855d9589]{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;position:absolute;top:2px;left:2px}.toggle-btn.active .toggle-knob[data-v-855d9589]{transform:translate(16px)}.color-row[data-v-855d9589]{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.color-swatch-wrap[data-v-855d9589]{cursor:pointer;border-radius:50%;flex-shrink:0;padding:2px;position:relative}.color-swatch[data-v-855d9589]{width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--color-surface-border);transition:all var(--transition-fast);border-radius:50%}.color-swatch-wrap:hover .color-swatch[data-v-855d9589]{box-shadow:inset 0 0 0 2px var(--color-accent);transform:scale(1.1)}.color-input[data-v-855d9589]{flex:1;font-family:monospace;font-size:var(--font-size-xs)!important}.hidden-picker[data-v-855d9589]{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.rainbow-wheel[data-v-855d9589]{background:conic-gradient(red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red)}.current-color-indicator[data-v-855d9589]{width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--color-surface-border), inset 0 0 0 2px #0000001a;border-radius:50%;flex-shrink:0}.current-color-indicator.is-transparent[data-v-855d9589]{background-color:#fff!important;background-image:linear-gradient(45deg,#aaa 25%,#0000 25%),linear-gradient(-45deg,#aaa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#aaa 75%),linear-gradient(-45deg,#0000 75%,#aaa 75%)!important;background-position:0 0,0 4px,4px -4px,-4px 0!important;background-size:8px 8px!important}.color-presets[data-v-855d9589]{flex-wrap:wrap;gap:4px;display:flex}.color-preset-btn[data-v-855d9589]{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--color-surface-border);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%}.color-preset-btn[data-v-855d9589]:hover{box-shadow:inset 0 0 0 2px var(--color-text-secondary);transform:scale(1.2)}.color-preset-btn.active[data-v-855d9589]{box-shadow:inset 0 0 0 2px var(--color-accent), 0 0 0 1px var(--color-accent)}.btn-transparent[data-v-855d9589]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-transparent[data-v-855d9589]:hover{background:var(--color-bg-hover);border-color:var(--color-text-secondary)}.checkerboard-icon[data-v-855d9589]{border:1px solid var(--color-surface-border);background-color:#fff;background-image:linear-gradient(45deg,#aaa 25%,#0000 25%),linear-gradient(-45deg,#aaa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#aaa 75%),linear-gradient(-45deg,#0000 75%,#aaa 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:2px;width:14px;height:14px}.export-overlay[data-v-a7755686]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-dialog[data-v-a7755686]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);width:480px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.dialog-header[data-v-a7755686]{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-surface-border);justify-content:space-between;align-items:center;display:flex}.dialog-header h2[data-v-a7755686]{font-size:var(--font-size-lg);font-weight:600}.dialog-body[data-v-a7755686]{padding:var(--space-xl);overflow-y:auto}.dialog-footer[data-v-a7755686]{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-surface-border);display:flex}.format-section[data-v-a7755686]{margin-bottom:var(--space-xl)}.format-options[data-v-a7755686]{gap:var(--space-sm);display:flex}.format-btn[data-v-a7755686]{align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);font-size:var(--font-size-sm);flex-direction:column;flex:1;font-weight:500;display:flex}.format-btn[data-v-a7755686]:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.format-btn.active[data-v-a7755686]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.quality-section[data-v-a7755686]{margin-bottom:var(--space-xl)}.quality-row[data-v-a7755686]{align-items:center;gap:var(--space-sm);display:flex}.range-input[data-v-a7755686]{accent-color:var(--color-accent);flex:1}.range-value[data-v-a7755686]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right;min-width:36px}.checkbox-row[data-v-a7755686]{align-items:center;display:flex}.checkbox-label[data-v-a7755686]{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.checkbox-label input[type=checkbox][data-v-a7755686]{accent-color:var(--color-accent);width:16px;height:16px}.multiplier-options[data-v-a7755686]{gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.mult-btn[data-v-a7755686]{padding:var(--space-xs) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-fast);font-weight:500}.mult-btn[data-v-a7755686]:hover{border-color:var(--color-accent)}.mult-btn.active[data-v-a7755686]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.resolution-info[data-v-a7755686]{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.prop-label[data-v-a7755686]{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-weight:600}.preview-section[data-v-a7755686]{margin-top:var(--space-md)}.preview-box[data-v-a7755686]{background:var(--color-bg-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background-image:linear-gradient(45deg,#1a1a24 25%,#0000 25%),linear-gradient(-45deg,#1a1a24 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a1a24 75%),linear-gradient(-45deg,#0000 75%,#1a1a24 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.preview-box img[data-v-a7755686]{object-fit:contain;max-width:100%;max-height:100%}.preview-loading[data-v-a7755686]{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.missing-font-overlay[data-v-a4f735e6]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.missing-font-dialog[data-v-a4f735e6]{background-color:#1e1e24;border:1px solid #333;border-radius:12px;flex-direction:column;width:90%;max-width:500px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.dialog-header[data-v-a4f735e6]{border-bottom:1px solid #333;padding:16px 24px}.dialog-title[data-v-a4f735e6]{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.dialog-body[data-v-a4f735e6]{max-height:60vh;padding:24px;overflow-y:auto}.dialog-desc[data-v-a4f735e6]{color:#a0a0a0;margin-top:0;margin-bottom:24px;font-size:.9rem;line-height:1.5}.missing-list[data-v-a4f735e6]{flex-direction:column;gap:16px;display:flex}.missing-item[data-v-a4f735e6]{background-color:#2a2a32;border:1px solid #444;border-radius:8px;padding:16px}.missing-info[data-v-a4f735e6]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.font-badge[data-v-a4f735e6]{color:#fff;text-transform:uppercase;background-color:#ef4444;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.missing-name[data-v-a4f735e6]{color:#fff;font-size:1rem;font-weight:500}.replace-info[data-v-a4f735e6]{color:#a0a0a0;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.custom-select-wrap[data-v-a4f735e6]{flex:1;position:relative}.replace-select[data-v-a4f735e6]{appearance:none;color:#fff;cursor:pointer;background-color:#1e1e24;border:1px solid #444;border-radius:6px;outline:none;width:100%;padding:8px 32px 8px 12px;font-size:.9rem;transition:border-color .2s}.replace-select[data-v-a4f735e6]:focus{border-color:#7c3aed}.select-icon[data-v-a4f735e6]{pointer-events:none;color:#a0a0a0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dialog-footer[data-v-a4f735e6]{border-top:1px solid #333;justify-content:flex-end;padding:16px 24px;display:flex}.btn-confirm[data-v-a4f735e6]{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background-color .2s}.btn-confirm[data-v-a4f735e6]:hover{background-color:#6d28d9}.mobile-bottom-bar[data-v-5f504227]{background:var(--color-bg-secondary);border-top:1px solid var(--color-surface-border);z-index:100;height:56px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0;align-items:center;gap:2px;display:flex}.bottom-tools[data-v-5f504227]{scrollbar-width:none;flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.bottom-tools[data-v-5f504227]::-webkit-scrollbar{display:none}.tool-divider-v[data-v-5f504227]{background:var(--color-surface-border);flex-shrink:0;width:1px;height:28px;margin:0 2px}.bottom-tool-btn[data-v-5f504227]{min-width:48px;height:48px;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;transition:all .15s;display:flex;position:relative}.bottom-tool-btn[data-v-5f504227]:active{transform:scale(.92)}.bottom-tool-btn.active[data-v-5f504227]{color:var(--color-accent);background:var(--color-accent-soft)}.tool-label[data-v-5f504227]{font-size:9px;font-weight:500;line-height:1}.sub-indicator[data-v-5f504227]{border-left:3px solid #0000;border-right:3px solid #0000;border-bottom:4px solid var(--color-text-tertiary);width:0;height:0;position:absolute;top:4px;right:4px;transform:rotate(180deg)}.bottom-tool-btn.active .sub-indicator[data-v-5f504227]{border-bottom-color:var(--color-accent)}.tool-with-popover[data-v-5f504227]{flex-shrink:0;position:relative}.menu-backdrop[data-v-5f504227]{z-index:199;background:0 0;position:fixed;inset:0}.bottom-popover[data-v-5f504227]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);z-index:200;flex-direction:column;gap:2px;min-width:130px;padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 -4px 24px #0006}.pop-item[data-v-5f504227]{color:var(--color-text-primary);font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .15s;display:flex}.pop-item[data-v-5f504227]:active{background:var(--color-bg-hover)}.pop-item.active[data-v-5f504227]{color:var(--color-accent);background:var(--color-accent-soft)}.shape-popover-grid[data-v-5f504227]{grid-template-columns:repeat(4,42px);gap:4px;min-width:auto;max-width:none;display:grid}.pop-item-icon[data-v-5f504227]{width:42px;height:42px;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.pop-item-icon[data-v-5f504227]:active{transform:scale(.9)}.pop-item-icon.active[data-v-5f504227]{color:var(--color-accent);background:var(--color-accent-soft)}.bottom-panel-btn[data-v-5f504227]{width:48px;height:48px;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;border:none;border-left:1px solid var(--color-surface-border);-webkit-tap-highlight-color:transparent;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding-left:6px;transition:all .15s;display:flex}.bottom-panel-btn[data-v-5f504227]:active{transform:scale(.92)}.bottom-panel-btn.active[data-v-5f504227]{color:var(--color-accent);background:var(--color-accent-soft)}.pop-enter-active[data-v-5f504227]{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.pop-leave-active[data-v-5f504227]{transition:all .15s}.pop-enter-from[data-v-5f504227],.pop-leave-to[data-v-5f504227]{opacity:0;transform:translate(-50%)translateY(8px)scale(.95)}.about-mobile-popover[data-v-5f504227]{width:260px;padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex;bottom:70px!important;left:50%!important;transform:translate(-50%)!important}.about-pop-header[data-v-5f504227]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.about-pop-header h3[data-v-5f504227]{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.about-pop-desc[data-v-5f504227]{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.4}.about-pop-brand[data-v-5f504227]{color:var(--color-text-tertiary);margin:4px 0 12px;font-size:11px}.about-pop-brand strong[data-v-5f504227]{color:var(--color-text-primary)}.about-pop-actions[data-v-5f504227]{flex-direction:column;gap:8px;display:flex}.about-pop-btn[data-v-5f504227]{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.about-pop-btn.primary[data-v-5f504227]{background:var(--color-accent);color:#fff}.about-pop-btn.secondary[data-v-5f504227]{background:var(--color-bg-hover);color:var(--color-text-primary)}.sheet-backdrop[data-v-5f504227]{z-index:290;background:#0000008c;position:fixed;inset:0}.assets-sheet[data-v-5f504227]{background:var(--color-bg-secondary);border-top:1px solid var(--color-surface-border);z-index:295;max-height:82vh;padding-bottom:env(safe-area-inset-bottom,0);border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.sheet-handle-bar[data-v-5f504227]{background:var(--color-surface-border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 4px}.sheet-header[data-v-5f504227]{flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 16px 8px;display:flex}.sheet-title[data-v-5f504227]{color:var(--color-text-primary);font-size:15px;font-weight:700}.sheet-close-btn[data-v-5f504227]{background:var(--color-bg-hover);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.assets-sheet>.sheet-category-btn[data-v-5f504227],.assets-sheet>.sheet-category-items[data-v-5f504227]{flex-shrink:0}.assets-sheet[data-v-5f504227]>:not(.sheet-handle-bar):not(.sheet-header),.assets-sheet[data-v-5f504227]{overflow-y:auto}.assets-sheet>.sheet-handle-bar[data-v-5f504227],.assets-sheet>.sheet-header[data-v-5f504227]{background:var(--color-bg-secondary);z-index:1;position:sticky;top:0;overflow:visible}.assets-sheet>.sheet-header[data-v-5f504227]{top:26px}.sheet-category-btn[data-v-5f504227]{border:none;border-top:1px solid var(--color-surface-border);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);font-family:var(--font-family);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.sheet-category-btn[data-v-5f504227]:active{background:var(--color-bg-hover)}.sheet-chevron[data-v-5f504227]{color:var(--color-text-tertiary);margin-left:auto;transition:transform .2s}.sheet-chevron.expanded[data-v-5f504227]{transform:rotate(90deg)}.sheet-category-items[data-v-5f504227]{background:var(--color-bg-primary);padding:8px}.sheet-item-btn[data-v-5f504227]{width:100%;color:var(--color-text-primary);font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:10px;padding:11px 12px;font-size:13px;transition:background .15s;display:flex}.sheet-item-btn[data-v-5f504227]:active{background:var(--color-bg-hover)}.sheet-section-label[data-v-5f504227]{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:0;padding:4px 4px 6px;font-size:11px}.sheet-symbol-grid[data-v-5f504227]{grid-template-columns:repeat(3,1fr);gap:6px;padding:2px 0 6px;display:grid}.sheet-symbol-btn[data-v-5f504227]{background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:all .15s;display:flex}.sheet-symbol-btn[data-v-5f504227]:active{background:var(--color-accent-soft);border-color:var(--color-accent)}.sheet-symbol-svg[data-v-5f504227]{width:52px;height:36px}.sheet-symbol-name[data-v-5f504227]{color:var(--color-text-secondary);text-align:center;font-size:10px;line-height:1.2}.si-mobile-section[data-v-5f504227]{padding:8px}.si-mobile-search-wrap[data-v-5f504227]{padding:4px 4px 6px}.si-mobile-search-row[data-v-5f504227]{align-items:center;display:flex;position:relative}.si-mobile-clear-btn[data-v-5f504227]{background:var(--color-surface-border);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:8px}.si-mobile-clear-btn[data-v-5f504227]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.si-mobile-search[data-v-5f504227]{box-sizing:border-box;border:1px solid var(--color-surface-border);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);font-family:var(--font-family);border-radius:var(--radius-md);outline:none;padding:9px 36px 9px 12px;font-size:13px}.si-mobile-search[data-v-5f504227]:focus{border-color:var(--color-accent)}.si-mobile-count[data-v-5f504227]{color:var(--color-text-tertiary);margin:6px 0 0;font-size:11px}.si-mobile-status[data-v-5f504227]{text-align:center;color:var(--color-text-secondary);padding:16px;font-size:13px}.si-mobile-status--error[data-v-5f504227]{color:#f87171}.si-mobile-grid[data-v-5f504227]{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.si-mobile-btn[data-v-5f504227]{background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:background .15s;display:flex}.si-mobile-btn[data-v-5f504227]:active{background:var(--color-accent-soft)}.si-mobile-icon-wrap[data-v-5f504227]{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.si-mobile-icon-wrap[data-v-5f504227] svg{width:100%;height:100%;display:block}.si-mobile-name[data-v-5f504227]{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;overflow:hidden}.si-mobile-load-more[data-v-5f504227]{border:1px solid var(--color-surface-border);width:100%;color:var(--color-text-secondary);font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;margin-top:6px;padding:10px;font-size:12px;display:block}.sheet-fade-enter-active[data-v-5f504227]{transition:opacity .25s}.sheet-fade-leave-active[data-v-5f504227]{transition:opacity .2s}.sheet-fade-enter-from[data-v-5f504227],.sheet-fade-leave-to[data-v-5f504227]{opacity:0}.sheet-slide-enter-active[data-v-5f504227]{transition:transform .3s cubic-bezier(.34,1.2,.64,1)}.sheet-slide-leave-active[data-v-5f504227]{transition:transform .22s}.sheet-slide-enter-from[data-v-5f504227],.sheet-slide-leave-to[data-v-5f504227]{transform:translateY(100%)}.sheet-overlay[data-v-6dc9224c]{z-index:500;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-container[data-v-6dc9224c]{background:var(--color-bg-secondary);border-top:1px solid var(--color-surface-border);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:90vh;transition:height .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 -8px 32px #0006}.sheet-handle[data-v-6dc9224c]{cursor:grab;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;padding:10px 0 6px;display:flex}.sheet-handle[data-v-6dc9224c]:active{cursor:grabbing}.handle-bar[data-v-6dc9224c]{background:var(--color-text-tertiary);opacity:.5;border-radius:2px;width:36px;height:4px;transition:opacity .2s,background .2s}.sheet-handle:hover .handle-bar[data-v-6dc9224c],.sheet-handle:active .handle-bar[data-v-6dc9224c]{opacity:.9;background:var(--color-accent)}.sheet-tabs[data-v-6dc9224c]{border-bottom:1px solid var(--color-surface-border);flex-shrink:0;gap:2px;padding:0 8px 8px;display:flex}.sheet-tab[data-v-6dc9224c]{color:var(--color-text-secondary);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.sheet-tab[data-v-6dc9224c]:active{transform:scale(.96)}.sheet-tab.active[data-v-6dc9224c]{color:var(--color-accent);background:var(--color-accent-soft)}.tab-badge[data-v-6dc9224c]{background:var(--color-accent-soft);min-width:18px;height:18px;color:var(--color-accent);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.sheet-content[data-v-6dc9224c]{-webkit-overflow-scrolling:touch;flex:1;padding:8px 12px;overflow-y:auto}.sheet-enter-active[data-v-6dc9224c]{transition:all .3s cubic-bezier(.4,0,.2,1)}.sheet-leave-active[data-v-6dc9224c]{transition:all .25s}.sheet-enter-from[data-v-6dc9224c]{opacity:0}.sheet-enter-from .sheet-container[data-v-6dc9224c]{transform:translateY(100%)}.sheet-leave-to[data-v-6dc9224c]{opacity:0}.sheet-leave-to .sheet-container[data-v-6dc9224c]{transform:translateY(100%)}.sheet-enter-active .sheet-container[data-v-6dc9224c]{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.sheet-leave-active .sheet-container[data-v-6dc9224c]{transition:transform .25s}.editor-layout[data-v-4e7f49e5]{background:var(--color-bg-primary);flex-direction:column;width:100%;height:100%;display:flex}.editor-header[data-v-4e7f49e5]{height:var(--header-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-surface-border);padding:0 var(--space-md);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-left[data-v-4e7f49e5],.header-center[data-v-4e7f49e5],.header-right[data-v-4e7f49e5]{align-items:center;gap:var(--space-sm);display:flex}.project-name-input[data-v-4e7f49e5]{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);border-radius:var(--radius-sm);width:200px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:4px 8px;font-weight:500}.project-name-input[data-v-4e7f49e5]:hover{background:var(--color-bg-hover)}.project-name-input[data-v-4e7f49e5]:focus{background:var(--color-bg-elevated);border-color:var(--color-surface-border);outline:none}.save-indicator[data-v-4e7f49e5]{font-size:var(--font-size-xs);color:var(--color-success);border-radius:var(--radius-full);background:#22c55e1a;padding:2px 8px;animation:.2s fadeIn}.zoom-controls[data-v-4e7f49e5]{align-items:center;gap:2px;display:flex}.zoom-label[data-v-4e7f49e5]{font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:center;background:0 0;border:none;min-width:48px;padding:2px 8px;font-weight:500}.zoom-label[data-v-4e7f49e5]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.editor-main[data-v-4e7f49e5],.canvas-area-container[data-v-4e7f49e5]{flex:1;display:flex;position:relative;overflow:hidden}.canvas-area[data-v-4e7f49e5]{touch-action:none;background:var(--color-bg-primary);background-image:linear-gradient(45deg,#1a1a24 25%,#0000 25%),linear-gradient(-45deg,#1a1a24 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a1a24 75%),linear-gradient(-45deg,#0000 75%,#1a1a24 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex:1;display:flex;position:relative;overflow:hidden}.selection-box[data-v-4e7f49e5]{pointer-events:none;z-index:100;background-color:#7c3aed33;border:1px solid #7c3aedcc;position:absolute}.right-sidebar[data-v-4e7f49e5]{background:var(--color-bg-secondary);border-left:1px solid var(--color-surface-border);z-index:20;flex-direction:column;flex-shrink:0;width:300px;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.right-sidebar.sidebar-collapsed[data-v-4e7f49e5]{border-left:none;width:0;overflow:hidden}.sidebar-collapse-btn[data-v-4e7f49e5]{border:none;border-top:1px solid var(--color-surface-border);width:100%;color:var(--color-text-tertiary);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.sidebar-collapse-btn[data-v-4e7f49e5]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-reopen-btn[data-v-4e7f49e5]{z-index:30;background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);border-radius:var(--radius-md) 0 0 var(--radius-md);width:28px;height:52px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-right:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:16px;right:0;box-shadow:-2px 0 12px #0003}.sidebar-reopen-btn[data-v-4e7f49e5]:hover{background:var(--color-bg-hover);color:var(--color-accent);width:32px}.sidebar-section[data-v-4e7f49e5]{border-bottom:1px solid var(--color-surface-border)}.section-toggle[data-v-4e7f49e5]{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;font-weight:600;display:flex}.section-toggle[data-v-4e7f49e5]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toggle-icon[data-v-4e7f49e5]{transition:transform var(--transition-fast);margin-left:auto}.toggle-icon.collapsed[data-v-4e7f49e5]{transform:rotate(-90deg)}.layer-count-badge[data-v-4e7f49e5]{background:var(--color-bg-hover);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:4px;padding:1px 7px;font-weight:400}.section-body[data-v-4e7f49e5]{overflow:hidden}.hidden-input[data-v-4e7f49e5]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.recent-colors-footer[data-v-4e7f49e5]{background:var(--color-bg-secondary);border-top:1px solid var(--color-surface-border);padding:var(--space-md);z-index:10;margin-top:auto;position:sticky;bottom:0}.recent-colors-footer.is-disabled[data-v-4e7f49e5]{opacity:.5;pointer-events:none}.recent-colors-header[data-v-4e7f49e5]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.color-target-toggle[data-v-4e7f49e5]{background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-surface-border);padding:2px;display:flex}.color-target-toggle button[data-v-4e7f49e5]{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:600}.color-target-toggle button.active[data-v-4e7f49e5]{background:var(--color-bg-hover);color:var(--color-text-primary)}.color-presets[data-v-4e7f49e5]{flex-wrap:wrap;gap:6px;display:flex}.color-preset-btn[data-v-4e7f49e5]{width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--color-surface-border);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%}.color-preset-btn[data-v-4e7f49e5]:hover{box-shadow:inset 0 0 0 2px var(--color-text-secondary);transform:scale(1.2)}@media (pointer:coarse){.editor-header .btn-icon[data-v-4e7f49e5],.editor-header .btn-icon-sm[data-v-4e7f49e5]{min-width:36px;min-height:36px}.section-toggle[data-v-4e7f49e5]{padding:var(--space-md) var(--space-lg);min-height:44px}.color-preset-btn[data-v-4e7f49e5]{width:32px;height:32px}}.layout-tablet .tablet-drawer[data-v-4e7f49e5]{top:var(--header-height);z-index:200;width:300px;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.layout-tablet .tablet-drawer.sidebar-open[data-v-4e7f49e5]{transform:translate(0);box-shadow:-8px 0 32px #0006}.layout-tablet .tablet-drawer.sidebar-collapsed[data-v-4e7f49e5]{border-left:none;width:0;overflow:hidden}.layout-tablet .sidebar-backdrop[data-v-4e7f49e5]{inset:0;top:var(--header-height);z-index:199;background:#0006;animation:.2s fadeIn;position:fixed}.layout-tablet .project-name-input[data-v-4e7f49e5]{width:140px}.layout-phone .editor-header[data-v-4e7f49e5]{height:44px;padding:0 var(--space-sm);gap:2px}.layout-phone .header-left[data-v-4e7f49e5],.layout-phone .header-center[data-v-4e7f49e5]{gap:2px}.layout-phone .project-name-input[data-v-4e7f49e5]{width:80px;padding:3px 6px;font-size:11px}.layout-phone .btn-primary[data-v-4e7f49e5]{padding:var(--space-sm) var(--space-md)}.layout-phone .editor-main[data-v-4e7f49e5]{flex:1;min-height:0}.layout-phone .canvas-area-container[data-v-4e7f49e5]{flex:1}.phone-zoom[data-v-4e7f49e5]{border-left:1px solid var(--color-surface-border);align-items:center;gap:0;margin-left:2px;padding-left:4px;display:flex}.zoom-label-phone[data-v-4e7f49e5]{min-width:36px;padding:2px 4px;font-size:10px}.mobile-dropdown[data-v-4e7f49e5]{background:var(--color-bg-elevated);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);flex-direction:column;min-width:160px;margin-top:8px;padding:4px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 20px #0006}.dropdown-item[data-v-4e7f49e5]{width:100%;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;display:flex}.dropdown-item[data-v-4e7f49e5]:hover,.dropdown-item[data-v-4e7f49e5]:active{background:var(--color-bg-hover)}.fade-enter-active[data-v-4e7f49e5],.fade-leave-active[data-v-4e7f49e5]{transition:opacity .2s}.fade-enter-from[data-v-4e7f49e5],.fade-leave-to[data-v-4e7f49e5]{opacity:0}.projects-screen[data-v-dd17e5b3]{background:var(--color-bg-primary);width:100%;height:100%;padding:var(--space-2xl) 0;justify-content:center;display:flex;position:relative;overflow:hidden auto}.bg-orb[data-v-dd17e5b3]{filter:blur(80px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-orb-1[data-v-dd17e5b3]{background:var(--color-accent-start);width:500px;height:500px;top:-150px;right:-100px}.bg-orb-2[data-v-dd17e5b3]{background:var(--color-accent-end);width:400px;height:400px;bottom:-100px;left:-100px}.bg-orb-3[data-v-dd17e5b3]{background:#ec4899;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-container[data-v-dd17e5b3]{width:100%;max-width:1000px;padding:0 var(--space-xl);z-index:1;flex-direction:column;display:flex}.projects-header[data-v-dd17e5b3]{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.header-left[data-v-dd17e5b3]{align-items:center;gap:var(--space-md);display:flex}.header-left h1[data-v-dd17e5b3]{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.header-controls[data-v-dd17e5b3]{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.search-box[data-v-dd17e5b3]{align-items:center;display:flex;position:relative}.search-icon[data-v-dd17e5b3]{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:12px}.search-input[data-v-dd17e5b3]{background:var(--color-bg-elevated);border:1px solid var(--color-surface-border);color:var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);width:200px;transition:all var(--transition-fast);padding:8px 12px 8px 36px}.search-input[data-v-dd17e5b3]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft);outline:none;width:240px}.sort-select[data-v-dd17e5b3]{background:var(--color-bg-elevated);border:1px solid var(--color-surface-border);color:var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);padding:8px 12px}.sort-select[data-v-dd17e5b3]:focus{border-color:var(--color-accent);outline:none}.projects-content[data-v-dd17e5b3]{flex:1}.empty-state[data-v-dd17e5b3]{padding:var(--space-3xl) 0;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon[data-v-dd17e5b3]{color:var(--color-text-tertiary);margin-bottom:var(--space-lg);opacity:.5}.empty-state h3[data-v-dd17e5b3]{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.pagination-controls[data-v-dd17e5b3]{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-surface-border);display:flex}.page-info[data-v-dd17e5b3]{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}@media (width<=640px){.projects-header[data-v-dd17e5b3]{flex-direction:column;align-items:flex-start}.header-controls[data-v-dd17e5b3]{width:100%}.search-box[data-v-dd17e5b3]{flex:1}.search-input[data-v-dd17e5b3],.search-input[data-v-dd17e5b3]:focus{width:100%}}.context-menu[data-v-dd17e5b3]{background:var(--color-bg-secondary);border:1px solid var(--color-surface-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-xs);z-index:9999;flex-direction:column;min-width:160px;display:flex;position:fixed}.menu-item[data-v-dd17e5b3]{width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;display:block}.menu-item[data-v-dd17e5b3]:hover{background:var(--color-bg-hover)}.menu-divider[data-v-dd17e5b3]{background:var(--color-surface-border);height:1px;margin:var(--space-xs) 0}.text-danger[data-v-dd17e5b3]{color:var(--color-danger)}.text-danger[data-v-dd17e5b3]:hover{background:#ef44441a}.btn-clear-all[data-v-dd17e5b3]{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444433;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-clear-all[data-v-dd17e5b3]:hover{background:#ef44442e;border-color:#ef444466;box-shadow:0 0 10px #ef444426}