.template-selector[data-v-bdb33541]{padding:.5rem 0}.templates-grid[data-v-bdb33541]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.template-card[data-v-bdb33541]{cursor:pointer;border:1px solid rgba(99,102,241,.12);border-radius:.875rem;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 2px 8px #6366f10f}.template-card[data-v-bdb33541]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.05) 100%);opacity:0;transition:opacity .3s ease}.template-card[data-v-bdb33541]:hover{border-color:#6366f159;transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #6366f12e,0 0 0 1px #ffffffe6}.template-card[data-v-bdb33541]:hover:before{opacity:1}.template-card.active[data-v-bdb33541]{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);box-shadow:0 8px 25px #10b98133}.template-card.active[data-v-bdb33541]:before{background:linear-gradient(135deg,#10b9811a,#10b9810d);opacity:1}.template-preview[data-v-bdb33541]{position:relative;width:100%;padding-bottom:60%;background:linear-gradient(135deg,#fafbfc,#f3f4f6);border-radius:.625rem;overflow:hidden;margin-bottom:.875rem;border:1px solid rgba(226,232,240,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.template-card.active .template-preview[data-v-bdb33541]{border-color:#10b981}.placeholder-preview[data-v-bdb33541]{box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.template-card:hover .placeholder-preview[data-v-bdb33541]{background:linear-gradient(135d,#ddd6fe,#c4b5fd)!important;border-color:#6366f1!important}.template-card.active .placeholder-preview[data-v-bdb33541]{background:linear-gradient(135deg,#bbf7d0,#a7f3d0)!important;border-color:#10b981!important}.selected-indicator[data-v-bdb33541]{position:absolute;top:.5rem;right:.5rem;color:#10b981;font-size:1.25rem;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #10b9814d;animation:scaleIn-bdb33541 .3s ease}@keyframes scaleIn-bdb33541{0%{transform:scale(0)}to{transform:scale(1)}}.template-info[data-v-bdb33541]{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.template-name[data-v-bdb33541]{font-weight:600;color:#374151;font-size:.8125rem;line-height:1.2}.template-card.active .template-name[data-v-bdb33541]{color:#059669}.template-count[data-v-bdb33541]{font-size:.75rem;color:#6b7280;font-weight:400}.template-card.active .template-count[data-v-bdb33541]{color:#10b981}@media (max-width: 768px){.templates-grid[data-v-bdb33541]{grid-template-columns:1fr;gap:.5rem}.template-card[data-v-bdb33541]{padding:.5rem}.template-preview[data-v-bdb33541]{padding-bottom:50%;margin-bottom:.5rem}.template-name[data-v-bdb33541]{font-size:.875rem}.template-count[data-v-bdb33541]{font-size:.75rem}.selected-indicator[data-v-bdb33541]{width:20px;height:20px;font-size:1rem;top:.25rem;right:.25rem}}@media (max-width: 480px){.templates-grid[data-v-bdb33541]{grid-template-columns:repeat(2,1fr);gap:.5rem}.template-preview[data-v-bdb33541]{padding-bottom:70%}.template-name[data-v-bdb33541]{font-size:.75rem}.template-count[data-v-bdb33541]{font-size:.6875rem}}.placeholder-upload[data-v-39c83a61]{border:1px dashed rgba(99,102,241,.25);background:linear-gradient(135deg,#6366f108,#8b5cf605);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:1rem;position:relative;overflow:hidden;min-height:80px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.placeholder-number[data-v-39c83a61]{position:absolute;top:8px;left:8px;width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;z-index:10;box-shadow:0 2px 8px #6366f14d;border:2px solid rgba(255,255,255,.9)}.placeholder-upload[data-v-39c83a61]:hover{background:linear-gradient(135deg,#6366f114,#8b5cf60f);border-color:#6366f166;transform:scale(1.03);box-shadow:0 8px 25px #6366f11f,0 0 0 1px #fffc}.upload-overlay[data-v-39c83a61]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.placeholder-upload:hover .upload-overlay[data-v-39c83a61]{opacity:1}.file-input[data-v-39c83a61]{display:none}.upload-content[data-v-39c83a61]{display:flex;flex-direction:column;align-items:center;gap:.75rem;pointer-events:none;z-index:1;position:relative}.upload-icon-wrapper[data-v-39c83a61]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;transition:all .3s ease;box-shadow:0 4px 14px #6366f14d}.placeholder-upload:hover .upload-icon-wrapper[data-v-39c83a61]{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #6366f166}.upload-icon[data-v-39c83a61]{font-size:1.25rem;color:#fff}.upload-text[data-v-39c83a61]{text-align:center;display:flex;flex-direction:column;gap:.25rem}.primary-text[data-v-39c83a61]{color:#374151;font-weight:600;font-size:.875rem}.secondary-text[data-v-39c83a61]{color:#6b7280;font-size:.75rem;font-weight:400}.placeholder-upload:hover .primary-text[data-v-39c83a61]{color:#6366f1}.placeholder-upload:hover .secondary-text[data-v-39c83a61]{color:#8b5cf6}.placeholder-upload.small-placeholder[data-v-39c83a61]{font-size:.75rem;border-width:1px}.placeholder-upload.small-placeholder .placeholder-number[data-v-39c83a61]{width:18px;height:18px;font-size:.625rem;top:4px;left:4px;border-width:1px}.placeholder-upload.small-placeholder .upload-icon-wrapper[data-v-39c83a61]{width:24px;height:24px}.placeholder-upload.small-placeholder .upload-icon[data-v-39c83a61]{font-size:.75rem}.placeholder-upload.small-placeholder .small-text .primary-text[data-v-39c83a61]{font-size:.7rem;font-weight:600}.placeholder-upload.small-placeholder .upload-content[data-v-39c83a61]{gap:.25rem}@media (max-width: 768px){.placeholder-upload[data-v-39c83a61]{min-width:80px;min-height:80px;border-width:3px;padding:.5rem}.placeholder-upload.small-placeholder[data-v-39c83a61]{min-width:60px;min-height:60px;border-width:2px;padding:.25rem}.placeholder-upload.small-placeholder .placeholder-number[data-v-39c83a61]{width:16px;height:16px;font-size:.5rem;top:3px;left:3px}.placeholder-upload.small-placeholder .upload-icon-wrapper[data-v-39c83a61]{width:20px;height:20px}.placeholder-upload.small-placeholder .upload-icon[data-v-39c83a61],.placeholder-upload.small-placeholder .small-text .primary-text[data-v-39c83a61]{font-size:.6rem}.upload-content[data-v-39c83a61]{gap:.5rem}.upload-icon-wrapper[data-v-39c83a61]{width:36px;height:36px}.upload-icon[data-v-39c83a61]{font-size:1rem}.primary-text[data-v-39c83a61]{font-size:.8125rem;font-weight:700}.secondary-text[data-v-39c83a61]{font-size:.6875rem}.placeholder-upload[data-v-39c83a61]:active{transform:scale(.98);background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#8b5cf6}}.placeholder-upload[data-v-39c83a61]{font-size:clamp(.75rem,2vw,.875rem)}@container (max-width: 120px){.upload-content[data-v-39c83a61]{gap:.25rem}.upload-icon-wrapper[data-v-39c83a61]{width:24px;height:24px}.upload-icon[data-v-39c83a61]{font-size:.75rem}.secondary-text[data-v-39c83a61]{display:none}.primary-text[data-v-39c83a61]{font-size:.75rem}}.image-adjust-modal[data-v-c2e3b4ed]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn-c2e3b4ed .3s ease;padding:.5rem}.modal-content[data-v-c2e3b4ed]{background:#fff;border-radius:1.5rem;width:100%;max-width:1000px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp-c2e3b4ed .4s ease}@keyframes fadeIn-c2e3b4ed{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c2e3b4ed{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-c2e3b4ed]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-title[data-v-c2e3b4ed]{display:flex;align-items:center;gap:.75rem}.modal-title i[data-v-c2e3b4ed]{font-size:1.125rem}.modal-title h5[data-v-c2e3b4ed]{margin:0;font-weight:600;font-size:1.125rem}.btn-close[data-v-c2e3b4ed]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-close[data-v-c2e3b4ed]:hover{background:#fff3;transform:scale(1.05)}.modal-body[data-v-c2e3b4ed]{flex:1;overflow:auto;padding:1.5rem}.content-layout[data-v-c2e3b4ed]{display:grid;grid-template-columns:1.3fr .7fr;gap:1.5rem;min-height:480px}.preview-section[data-v-c2e3b4ed]{display:flex;flex-direction:column}.section-header[data-v-c2e3b4ed]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#374151;font-size:.9375rem}.section-header i[data-v-c2e3b4ed]{color:#6366f1;font-size:1rem}.preview-container[data-v-c2e3b4ed]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;border:2px solid #e2e8f0;position:relative;overflow:hidden;padding:1.5rem;min-height:350px}.preview-image[data-v-c2e3b4ed]{display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.frame-border[data-v-c2e3b4ed]{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:3px dashed #8b5cf6;border-radius:.75rem;pointer-events:none;opacity:.7}.frame-label[data-v-c2e3b4ed]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.375rem .875rem;border-radius:1.25rem;font-size:.8125rem;font-weight:600;text-align:center;box-shadow:0 4px 14px #6366f14d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-section[data-v-c2e3b4ed]{display:flex;flex-direction:column;gap:.875rem}.control-group[data-v-c2e3b4ed]{background:#f8fafc;border-radius:.75rem;padding:.875rem;border:1px solid #e2e8f0;margin-bottom:.75rem}.control-header[data-v-c2e3b4ed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.control-label[data-v-c2e3b4ed]{display:flex;align-items:center;gap:.375rem;font-weight:600;color:#374151;font-size:.75rem}.control-label i[data-v-c2e3b4ed]{color:#6366f1}.control-value[data-v-c2e3b4ed]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600;min-width:50px;text-align:center}.slider-container[data-v-c2e3b4ed]{position:relative}.form-range[data-v-c2e3b4ed]{width:100%;margin-bottom:.375rem;height:5px}.range-labels[data-v-c2e3b4ed]{display:flex;justify-content:space-between;font-size:.625rem;color:#6b7280;font-weight:500}.quick-actions[data-v-c2e3b4ed]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.btn-outline[data-v-c2e3b4ed]{background:transparent;border:1px solid #d1d5db;color:#374151;padding:.5rem .625rem;border-radius:.5rem;font-size:.7rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;flex-direction:column;min-height:48px}.btn-outline[data-v-c2e3b4ed]:hover{background:#f3f4f6;border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.modal-footer[data-v-c2e3b4ed]{background:#f8fafc;padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:.875rem;border-top:1px solid #e2e8f0;flex-shrink:0}.btn[data-v-c2e3b4ed]{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.4375rem;transition:all .3s ease;border:none;cursor:pointer;font-size:.8125rem}.btn-secondary[data-v-c2e3b4ed]{background:#64748b;color:#fff}.btn-secondary[data-v-c2e3b4ed]:hover{background:#475569;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #64748b4d}.btn-primary[data-v-c2e3b4ed]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary[data-v-c2e3b4ed]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #6366f159,0 0 0 1px #ffffff4d}@media (max-width: 768px){.image-adjust-modal[data-v-c2e3b4ed]{padding:2rem .25rem 6rem;align-items:flex-start}.modal-content[data-v-c2e3b4ed]{max-height:85vh;height:auto;border-radius:1rem;margin-top:auto;margin-bottom:auto}.modal-header[data-v-c2e3b4ed]{padding:.875rem 1rem;flex-shrink:0}.modal-title h5[data-v-c2e3b4ed]{font-size:.9375rem}.btn-close[data-v-c2e3b4ed]{width:30px;height:30px;font-size:.875rem}.modal-body[data-v-c2e3b4ed]{padding:.875rem;flex:1;overflow-y:auto;max-height:calc(85vh - 140px)}.content-layout[data-v-c2e3b4ed]{display:flex;flex-direction:column;gap:.875rem;min-height:auto;height:auto}.preview-section[data-v-c2e3b4ed]{order:1;flex:0 0 auto;min-height:0}.controls-section[data-v-c2e3b4ed]{order:2;flex:0 0 auto;gap:.75rem}.section-header[data-v-c2e3b4ed]{margin-bottom:.625rem;font-size:.8125rem}.preview-container[data-v-c2e3b4ed]{min-height:240px;padding:.75rem;border-radius:.75rem;border-width:1px}.placeholder-frame[data-v-c2e3b4ed]{border-width:2px;margin-bottom:.625rem}.frame-border[data-v-c2e3b4ed]{top:-2px;left:-2px;right:-2px;bottom:-2px;border-width:2px}.frame-label[data-v-c2e3b4ed]{padding:.25rem .625rem;font-size:.7rem}.control-group[data-v-c2e3b4ed]{padding:.75rem;border-radius:.625rem;margin-bottom:.5rem}.control-header[data-v-c2e3b4ed]{margin-bottom:.5rem}.control-label[data-v-c2e3b4ed]{font-size:.6875rem;gap:.25rem}.control-value[data-v-c2e3b4ed]{padding:.1875rem .5rem;font-size:.6875rem;min-width:45px}.form-range[data-v-c2e3b4ed]{height:6px;margin-bottom:.25rem}.range-labels[data-v-c2e3b4ed]{font-size:.5625rem}.quick-actions[data-v-c2e3b4ed]{grid-template-columns:repeat(4,1fr);gap:.375rem}.btn-outline[data-v-c2e3b4ed]{padding:.5rem .25rem;font-size:.625rem;gap:.1875rem;min-height:42px;border-radius:.4375rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-text[data-v-c2e3b4ed]{font-size:.5625rem}.modal-footer[data-v-c2e3b4ed]{padding:.875rem 1rem;gap:.625rem;flex-shrink:0;position:sticky;bottom:0;background:#f8fafc;border-top:1px solid #e2e8f0}.btn[data-v-c2e3b4ed]{flex:1;justify-content:center;padding:.75rem .875rem;font-size:.8125rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}}@media (max-width: 480px){.image-adjust-modal[data-v-c2e3b4ed]{padding:1rem .125rem 7rem}.modal-content[data-v-c2e3b4ed]{max-height:82vh}.modal-body[data-v-c2e3b4ed]{padding:.75rem;max-height:calc(82vh - 130px)}.preview-container[data-v-c2e3b4ed]{padding:.5rem;min-height:200px}.control-group[data-v-c2e3b4ed]{padding:.625rem;margin-bottom:.375rem}.control-label[data-v-c2e3b4ed]{font-size:.625rem}.control-value[data-v-c2e3b4ed]{padding:.125rem .375rem;font-size:.625rem;min-width:40px}.quick-actions[data-v-c2e3b4ed]{grid-template-columns:repeat(4,1fr);gap:.25rem}.btn-outline[data-v-c2e3b4ed]{padding:.375rem .1875rem;font-size:.5625rem;min-height:38px}.btn-text[data-v-c2e3b4ed]{font-size:.5rem}}@media (max-height: 600px) and (orientation: landscape){.modal-content[data-v-c2e3b4ed]{max-height:95vh}.content-layout[data-v-c2e3b4ed]{grid-template-columns:1.5fr 1fr;gap:1rem}.preview-container[data-v-c2e3b4ed]{min-height:200px;padding:1rem}.controls-section[data-v-c2e3b4ed]{gap:.75rem}.control-group[data-v-c2e3b4ed]{padding:.875rem}}.clip-container[data-v-c2e3b4ed]{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(45deg,#f8fafc 25%,transparent 25%),linear-gradient(-45deg,#f8fafc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8fafc 75%),linear-gradient(-45deg,transparent 75%,#f8fafc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.placeholder-frame[data-v-c2e3b4ed]{position:relative;background:#fff;border:3px solid #6366f1;border-radius:.75rem;overflow:hidden;box-shadow:0 12px 35px #6366f140;margin-bottom:1rem}.confirm-dialog-overlay[data-v-02202c90]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-02202c90 .2s ease}.confirm-dialog[data-v-02202c90]{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 20px 50px #00000040,0 0 0 1px #fffc;width:90%;max-width:400px;max-height:90vh;overflow:hidden;animation:slideUp-02202c90 .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(226,232,240,.5)}.dialog-header[data-v-02202c90]{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:1px solid rgba(226,232,240,.3)}.dialog-icon[data-v-02202c90]{font-size:2rem;color:#6366f1;margin-bottom:.75rem}.dialog-title[data-v-02202c90]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.dialog-body[data-v-02202c90]{padding:1rem 1.5rem}.dialog-message[data-v-02202c90]{margin:0;font-size:.9375rem;color:#64748b;line-height:1.5;text-align:center}.dialog-footer[data-v-02202c90]{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:center}.btn[data-v-02202c90]{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-02202c90]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary[data-v-02202c90]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-primary[data-v-02202c90]:active{transform:translateY(0)}.btn-secondary[data-v-02202c90]{background:#f1f5f9;color:#64748b;border:1px solid rgba(226,232,240,.8)}.btn-secondary[data-v-02202c90]:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-secondary[data-v-02202c90]:active{transform:translateY(0)}@keyframes fadeIn-02202c90{0%{opacity:0}to{opacity:1}}@keyframes slideUp-02202c90{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.confirm-dialog[data-v-02202c90]{width:calc(100% - 2rem);margin:1rem}.dialog-header[data-v-02202c90]{padding:1.25rem 1.25rem .75rem}.dialog-title[data-v-02202c90]{font-size:1.125rem}.dialog-body[data-v-02202c90]{padding:.75rem 1.25rem}.dialog-message[data-v-02202c90]{font-size:.875rem}.dialog-footer[data-v-02202c90]{padding:.75rem 1.25rem 1.25rem}.btn[data-v-02202c90]{padding:.625rem 1.25rem;min-width:80px;font-size:.8125rem}}.canvas-editor[data-v-5ada1d95]{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#fafbfc,#f3f4f6);position:relative;overflow:hidden}.canvas-wrapper[data-v-5ada1d95]{flex:1;position:relative;padding:1.875rem;display:flex;align-items:center;justify-content:center}.operation-hint[data-v-5ada1d95]{position:absolute;top:.5rem;right:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.75rem 1rem;border-radius:.75rem;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.5rem;pointer-events:none;z-index:10;box-shadow:0 4px 14px #6366f14d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.floating-adjust-btn[data-v-5ada1d95]{position:absolute;bottom:2rem;right:2rem;z-index:30;filter:drop-shadow(0 4px 8px rgba(16,185,129,.2))}.floating-reset-btn[data-v-5ada1d95]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:35;text-align:center;filter:drop-shadow(0 4px 8px rgba(245,158,11,.2))}.btn-adjust[data-v-5ada1d95]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 1.5rem;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #10b98166;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-reset[data-v-5ada1d95]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:1rem 1.5rem;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #f59e0b66;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:.5rem}.reset-hint[data-v-5ada1d95]{background:#f59e0be6;color:#fff;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #f59e0b4d;white-space:nowrap}.btn-adjust[data-v-5ada1d95]:hover,.btn-reset[data-v-5ada1d95]:hover{transform:translateY(-2px) scale(1.05)}.btn-adjust[data-v-5ada1d95]:hover{box-shadow:0 12px 35px #10b98180}.btn-reset[data-v-5ada1d95]:hover{box-shadow:0 12px 35px #f59e0b80;background:linear-gradient(135deg,#d97706,#b45309)}.btn-adjust[data-v-5ada1d95]:active,.btn-reset[data-v-5ada1d95]:active{transform:translateY(0) scale(.98)}.btn-adjust i[data-v-5ada1d95],.btn-reset i[data-v-5ada1d95]{font-size:1.1rem}.hint-fade-enter-active[data-v-5ada1d95],.hint-fade-leave-active[data-v-5ada1d95],.adjust-btn-fade-enter-active[data-v-5ada1d95],.adjust-btn-fade-leave-active[data-v-5ada1d95],.reset-btn-fade-enter-active[data-v-5ada1d95],.reset-btn-fade-leave-active[data-v-5ada1d95]{transition:all .3s ease}.hint-fade-enter-from[data-v-5ada1d95],.hint-fade-leave-to[data-v-5ada1d95]{opacity:0;transform:translateY(-10px) scale(.95)}.adjust-btn-fade-enter-from[data-v-5ada1d95],.adjust-btn-fade-leave-to[data-v-5ada1d95]{opacity:0;transform:translateY(20px) scale(.8)}.reset-btn-fade-enter-from[data-v-5ada1d95],.reset-btn-fade-leave-to[data-v-5ada1d95]{opacity:0;transform:translate(-50%,30px) scale(.8)}.no-template[data-v-5ada1d95]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:5}.no-template-content[data-v-5ada1d95]{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:1.5rem;border:1px solid rgba(99,102,241,.1);box-shadow:0 10px 25px #0000000d}.no-template-icon[data-v-5ada1d95]{font-size:3rem;color:#cbd5e1;margin-bottom:1rem;display:block}.no-template h5[data-v-5ada1d95]{color:#64748b;margin-bottom:.5rem;font-weight:600}.no-template p[data-v-5ada1d95]{color:#94a3b8;font-size:.875rem;margin:0;max-width:300px}.placeholders-overlay[data-v-5ada1d95]{pointer-events:none;z-index:10;transition:opacity .3s ease}.placeholders-overlay[data-v-5ada1d95]>*{pointer-events:auto}.placeholders-overlay[style*="opacity: 0.3"][data-v-5ada1d95]{z-index:5}.placeholders-overlay[style*="opacity: 0.3"][data-v-5ada1d95]>*{pointer-events:none}.global-upload-btn[data-v-5ada1d95]{position:absolute;bottom:2rem;left:2rem;z-index:30;transition:opacity .3s ease}.global-upload-btn.has-active-object[data-v-5ada1d95]{opacity:.7}.global-upload-btn.has-active-object[data-v-5ada1d95]:hover{opacity:1}.file-input[data-v-5ada1d95]{display:none}.btn-global-upload[data-v-5ada1d95]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 14px #f59e0b4d;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:.875rem}.btn-global-upload[data-v-5ada1d95]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #f59e0b66;background:linear-gradient(135deg,#d97706,#b45309)}.btn-global-upload[data-v-5ada1d95]:active{transform:translateY(0) scale(.98)}.btn-global-upload i[data-v-5ada1d95]{font-size:1rem}[data-v-5ada1d95] .canvas-container{position:relative!important;z-index:1;touch-action:none;border-radius:1rem;overflow:hidden;box-shadow:0 15px 35px #6366f126,0 0 0 1px #fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-v-5ada1d95] .upper-canvas{position:absolute!important;top:0!important;left:0!important;pointer-events:auto!important;z-index:200!important;touch-action:none!important;border-radius:.75rem}[data-v-5ada1d95] .lower-canvas{position:absolute!important;top:0!important;left:0!important;touch-action:none!important;border-radius:.75rem}canvas[data-v-5ada1d95]{background:#fff;border-radius:1rem;box-shadow:inset 0 1px 3px #00000005}@media (max-width: 768px){.canvas-wrapper[data-v-5ada1d95]{padding:1.25rem}.operation-hint[data-v-5ada1d95]{top:.25rem;right:1rem;left:1rem;font-size:.75rem;padding:.5rem .75rem;z-index:5}.floating-adjust-btn[data-v-5ada1d95]{bottom:1rem;right:1rem}.floating-reset-btn[data-v-5ada1d95]{bottom:1rem;left:50%;transform:translate(-50%)}.global-upload-btn[data-v-5ada1d95]{display:none}.btn-global-upload[data-v-5ada1d95]{padding:.625rem 1rem;font-size:.8125rem}.btn-adjust[data-v-5ada1d95],.btn-reset[data-v-5ada1d95]{padding:.875rem 1.25rem;font-size:.875rem}.reset-hint[data-v-5ada1d95]{font-size:.6875rem;padding:.25rem .5rem}.no-template-content[data-v-5ada1d95]{padding:2rem 1.5rem}.no-template-icon[data-v-5ada1d95]{font-size:2.5rem}.no-template h5[data-v-5ada1d95]{font-size:1.25rem}.no-template p[data-v-5ada1d95]{font-size:.8125rem}}@media (hover: none){.btn-adjust[data-v-5ada1d95]:active{background:linear-gradient(135deg,#059669,#047857)}}.swap-hint[data-v-5ada1d95]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;pointer-events:none}.swap-hint-content[data-v-5ada1d95]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem;font-weight:600;box-shadow:0 8px 25px #10b98166;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.swap-hint-content i[data-v-5ada1d95]{font-size:1.125rem;animation:swap-icon-5ada1d95 .6s ease-in-out}@keyframes swap-icon-5ada1d95{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.swap-hint-fade-enter-active[data-v-5ada1d95],.swap-hint-fade-leave-active[data-v-5ada1d95]{transition:all .4s ease}.swap-hint-fade-enter-from[data-v-5ada1d95]{opacity:0;transform:translate(-50%,-50%) scale(.8)}.swap-hint-fade-leave-to[data-v-5ada1d95]{opacity:0;transform:translate(-50%,-50%) scale(1.2)}.drag-target-highlight[data-v-5ada1d95]{pointer-events:none;animation:drag-target-pulse-5ada1d95 1s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;justify-content:center}.drag-target-border[data-v-5ada1d95]{position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #10b981;border-radius:.75rem;background:#10b98126;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drag-target-icon[data-v-5ada1d95]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 14px #10b98166;animation:drag-icon-bounce-5ada1d95 .8s ease-in-out infinite alternate;z-index:2}.drag-hint-text[data-v-5ada1d95]{margin-top:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #10b9814d;z-index:2}@keyframes drag-target-pulse-5ada1d95{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes drag-icon-bounce-5ada1d95{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}@media (max-width: 768px){.swap-hint-content[data-v-5ada1d95]{padding:.875rem 1.25rem;font-size:.875rem}.drag-target-icon[data-v-5ada1d95]{width:40px;height:40px;font-size:1rem}.drag-hint-text[data-v-5ada1d95]{font-size:.75rem;padding:.25rem .5rem;margin-top:.375rem}}[data-v-5ada1d95] .upper-canvas{cursor:default!important}[data-v-5ada1d95] .upper-canvas:hover{cursor:pointer!important}.canvas-selector[data-v-8d7c15e5]{height:100%}.control-group[data-v-8d7c15e5]{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9;transition:all .3s ease}.control-group[data-v-8d7c15e5]:hover{box-shadow:0 4px 12px #00000014;border-color:#e2e8f0}.control-item[data-v-8d7c15e5]{margin-bottom:1rem}.control-item[data-v-8d7c15e5]:last-child{margin-bottom:0}.control-label[data-v-8d7c15e5]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.control-label i[data-v-8d7c15e5]{color:#6366f1;font-size:.875rem}.format-selector[data-v-8d7c15e5]{display:flex;gap:.5rem}.format-option[data-v-8d7c15e5]{flex:1;position:relative}.format-radio[data-v-8d7c15e5]{display:none}.format-label[data-v-8d7c15e5]{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.format-option.active .format-label[data-v-8d7c15e5]{background:linear-gradient(135deg,#ede9fe,#f3f4f6);border-color:#6366f1;color:#6366f1}.format-name[data-v-8d7c15e5]{font-weight:600;font-size:.875rem}.format-desc[data-v-8d7c15e5]{font-size:.75rem;color:#6b7280;margin-top:.125rem}.format-option.active .format-desc[data-v-8d7c15e5]{color:#8b5cf6}.form-select[data-v-8d7c15e5]{font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select[data-v-8d7c15e5]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-select optgroup[data-v-8d7c15e5]{font-weight:600;color:#374151;font-size:.875rem;padding:.25rem 0}.form-select option[data-v-8d7c15e5]{font-size:.875rem;padding:.375rem .75rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.control-group[data-v-8d7c15e5]{padding:.75rem}.format-selector[data-v-8d7c15e5]{flex-direction:column}.format-label[data-v-8d7c15e5]{padding:.5rem}.form-select[data-v-8d7c15e5]{font-size:16px!important;padding:.875rem 2.5rem .875rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;max-height:200px;overflow-y:auto}.form-select[data-v-8d7c15e5]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-select optgroup[data-v-8d7c15e5]{font-weight:600;color:#374151;font-size:.875rem;padding:.5rem 0}.form-select option[data-v-8d7c15e5]{font-size:.875rem;padding:.5rem .75rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-select[data-v-8d7c15e5]::-webkit-scrollbar{width:6px}.form-select[data-v-8d7c15e5]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-select[data-v-8d7c15e5]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-select[data-v-8d7c15e5]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.control-item[data-v-8d7c15e5]{position:relative}.form-select[data-v-8d7c15e5]{width:100%;box-sizing:border-box}.format-option[data-v-8d7c15e5]{margin-bottom:.5rem}.format-label[data-v-8d7c15e5]{padding:1rem .75rem;border-radius:.75rem;font-size:.875rem}}.adjustment-panel[data-v-cf4fe683]{height:100%}.control-group[data-v-cf4fe683]{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9;transition:all .3s ease}.control-group[data-v-cf4fe683]:hover{box-shadow:0 4px 12px #00000014;border-color:#e2e8f0}.control-item[data-v-cf4fe683]{margin-bottom:1rem}.control-item[data-v-cf4fe683]:last-child{margin-bottom:0}.control-label[data-v-cf4fe683]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.control-label i[data-v-cf4fe683]{color:#6366f1;font-size:.875rem}.range-indicators[data-v-cf4fe683]{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-top:.25rem}.color-picker-wrapper[data-v-cf4fe683]{position:relative;display:flex;align-items:center;gap:.75rem}.color-preview[data-v-cf4fe683]{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.gradient-controls[data-v-cf4fe683]{display:flex;gap:.75rem;margin-bottom:.75rem}.color-input-group[data-v-cf4fe683]{flex:1;display:flex;flex-direction:column;gap:.25rem}.color-label[data-v-cf4fe683]{font-size:.75rem;color:#6b7280;font-weight:500}.gradient-preview[data-v-cf4fe683]{height:40px;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:inset 0 1px 3px #0000001a}.file-upload-wrapper[data-v-cf4fe683]{position:relative}.file-input[data-v-cf4fe683]{display:none}.file-upload-btn[data-v-cf4fe683]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:.5rem;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.875rem}.file-upload-btn[data-v-cf4fe683]:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}@media (max-width: 768px){.control-group[data-v-cf4fe683]{padding:.75rem}.gradient-controls[data-v-cf4fe683]{flex-direction:column;gap:.5rem}.file-upload-btn[data-v-cf4fe683]{padding:1rem;font-size:.875rem;border-radius:.75rem}}.export-modal[data-v-a7899a54]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn-a7899a54 .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn-a7899a54{0%{opacity:0}to{opacity:1}}.modal-content[data-v-a7899a54]{background:#fff;border-radius:1.5rem;max-width:calc(100vw - 4rem);width:95vw;max-height:calc(100vh - 4rem);height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp-a7899a54 .4s ease}@keyframes slideUp-a7899a54{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-a7899a54]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-a7899a54]{display:flex;align-items:center;gap:.625rem}.modal-title i[data-v-a7899a54]{font-size:1.125rem}.modal-title h5[data-v-a7899a54]{margin:0;font-weight:600;font-size:1.125rem}.btn-close[data-v-a7899a54]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-close[data-v-a7899a54]:hover{background:#fff3;transform:scale(1.05)}.modal-body[data-v-a7899a54]{flex:1;overflow:auto;padding:1.5rem}.loading-container[data-v-a7899a54]{text-align:center;padding:2.5rem 2rem}.loading-spinner[data-v-a7899a54]{margin-bottom:1.5rem}.loading-spinner .spinner-border[data-v-a7899a54]{width:3rem;height:3rem;border-width:.3em;border-color:#6366f1 transparent #6366f1 transparent}.loading-text[data-v-a7899a54]{color:#64748b;font-size:1rem;font-weight:500;margin:0}.preview-container[data-v-a7899a54]{display:flex;flex-direction:column;align-items:center;height:100%;position:relative;overflow:hidden}.view-mode-controls[data-v-a7899a54]{margin:0;display:flex;justify-content:flex-start;flex-shrink:0}.btn-group[data-v-a7899a54]{display:flex;background:#f8fafc;border-radius:.75rem;padding:.25rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.view-btn[data-v-a7899a54]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;background:transparent;color:#64748b;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-btn[data-v-a7899a54]:hover{color:#475569;background:#6366f10d}.view-btn.active[data-v-a7899a54]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.view-btn i[data-v-a7899a54]{font-size:1rem;flex-shrink:0}.preview-image-wrapper[data-v-a7899a54]{position:relative;width:100%;height:100%;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #00000026;background:#f8fafc;display:flex;align-items:center;justify-content:center}.preview-image-wrapper.actual-size[data-v-a7899a54]{overflow:auto}.preview-scroll-container[data-v-a7899a54]{width:100%;height:100%;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:30px}.fit-image[data-v-a7899a54]{display:block;border-radius:1rem;flex-shrink:0}.actual-size-image[data-v-a7899a54]{display:block;border-radius:1rem;width:auto;height:auto;flex-shrink:0}.image-overlay[data-v-a7899a54]{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 30%);padding:1rem;opacity:0;transition:opacity .3s ease}.preview-image-wrapper:hover .image-overlay[data-v-a7899a54]{opacity:1}.image-info[data-v-a7899a54]{display:flex;gap:.5rem}.size-badge[data-v-a7899a54],.format-badge[data-v-a7899a54],.zoom-badge[data-v-a7899a54]{background:#ffffffe6;color:#374151;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-badge[data-v-a7899a54]{background:#10b981e6;color:#fff}.preview-scroll-container[data-v-a7899a54]::-webkit-scrollbar{width:8px;height:8px}.preview-scroll-container[data-v-a7899a54]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.preview-scroll-container[data-v-a7899a54]::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px;transition:background .3s ease}.preview-scroll-container[data-v-a7899a54]::-webkit-scrollbar-thumb:hover{background:#6366f180}.preview-scroll-container[data-v-a7899a54]::-webkit-scrollbar-corner{background:#f1f5f9}.modal-footer[data-v-a7899a54]{background:#f8fafc;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.modal-footer .export-info[data-v-a7899a54]{flex:1;display:flex;justify-content:center;gap:1.5rem}.modal-footer .action-buttons[data-v-a7899a54]{flex-shrink:0}.export-info[data-v-a7899a54]{display:flex;gap:1.5rem}.info-item[data-v-a7899a54]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;font-weight:500}.info-item i[data-v-a7899a54]{color:#6366f1}.action-buttons[data-v-a7899a54]{display:flex;gap:.75rem}.btn[data-v-a7899a54]{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer}.btn-secondary[data-v-a7899a54]{background:#64748b;color:#fff}.btn-secondary[data-v-a7899a54]:hover{background:#475569;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #64748b4d}.btn-primary[data-v-a7899a54]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-primary[data-v-a7899a54]:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #10b98166,0 0 0 1px #ffffff4d}.btn[data-v-a7899a54]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.modal-content[data-v-a7899a54]{width:95%;height:auto;max-width:500px;max-height:calc(100vh - 2rem);margin:1rem}.modal-header[data-v-a7899a54]{padding:.875rem 1.5rem}.modal-title h5[data-v-a7899a54]{font-size:1rem}.modal-body[data-v-a7899a54]{padding:1.25rem}.modal-footer[data-v-a7899a54]{padding:1rem 1.5rem;flex-direction:column;gap:1rem;align-items:stretch}.view-mode-controls[data-v-a7899a54]{order:1;justify-content:center;margin:0}.export-info[data-v-a7899a54]{order:2;justify-content:center;gap:1rem}.action-buttons[data-v-a7899a54]{order:3;width:100%}.view-btn[data-v-a7899a54]{padding:.5rem .875rem;font-size:.8125rem}.view-btn span[data-v-a7899a54]{display:inline}.view-btn i[data-v-a7899a54]{font-size:.875rem}.btn[data-v-a7899a54]{flex:1;justify-content:center}.preview-scroll-container[data-v-a7899a54]{padding:15px}.loading-container[data-v-a7899a54]{padding:2rem 1rem}}.mobile-guide[data-v-f4501b25]{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3000}.welcome-guide[data-v-f4501b25]{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:auto;z-index:3000}.guide-overlay[data-v-f4501b25]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guide-content[data-v-f4501b25]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:1.5rem;width:90%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp-f4501b25 .4s ease}@keyframes slideUp-f4501b25{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.guide-header[data-v-f4501b25]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.guide-header h3[data-v-f4501b25]{margin:0;font-size:1.125rem;font-weight:600}.btn-close[data-v-f4501b25]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-close[data-v-f4501b25]:hover{background:#fff3}.guide-body[data-v-f4501b25]{padding:1.5rem}.guide-step[data-v-f4501b25]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.guide-step[data-v-f4501b25]:last-child{margin-bottom:0}.step-icon[data-v-f4501b25]{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.step-icon-canvas[data-v-f4501b25]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.step-icon-template[data-v-f4501b25]{background:linear-gradient(135deg,#10b981,#059669)}.step-icon-upload[data-v-f4501b25]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.step-icon-settings[data-v-f4501b25]{background:linear-gradient(135deg,#f59e0b,#d97706)}.step-content h4[data-v-f4501b25]{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#374151}.step-content p[data-v-f4501b25]{margin:0;font-size:.875rem;color:#6b7280;line-height:1.4}.guide-footer[data-v-f4501b25]{background:#f8fafc;padding:1rem 1.5rem;display:flex;gap:.75rem}.btn[data-v-f4501b25]{padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem;flex:1;justify-content:center}.btn-primary[data-v-f4501b25]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary[data-v-f4501b25]:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f14d}.btn-secondary[data-v-f4501b25]{background:#6b7280;color:#fff}.btn-secondary[data-v-f4501b25]:hover{background:#4b5563}.quick-hint[data-v-f4501b25]{position:fixed;bottom:8rem;left:50%;transform:translate(-50%);pointer-events:auto;animation:bounce-f4501b25 2s infinite;z-index:2500}@keyframes bounce-f4501b25{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.hint-content[data-v-f4501b25]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:1rem 1.25rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 25px #8b5cf64d;font-size:.875rem;font-weight:600}.btn-hint[data-v-f4501b25]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-hint[data-v-f4501b25]:hover{background:#ffffff4d;transform:scale(1.1)}.settings-reminder[data-v-f4501b25]{position:fixed;bottom:8rem;left:1rem;right:1rem;pointer-events:auto;animation:slideInUp-f4501b25 .5s ease}@keyframes slideInUp-f4501b25{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reminder-content[data-v-f4501b25]{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;padding:1rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 25px #06b6d44d}.reminder-content span[data-v-f4501b25]{flex:1;font-size:.875rem;font-weight:500}.btn-reminder[data-v-f4501b25]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem}.btn-reminder[data-v-f4501b25]:hover{background:#ffffff4d}.btn-close-reminder[data-v-f4501b25]{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease;opacity:.7}.btn-close-reminder[data-v-f4501b25]:hover{opacity:1;background:#ffffff1a}.floating-help[data-v-f4501b25]{position:fixed;top:5rem;right:1rem;pointer-events:auto;z-index:1400}.btn-help[data-v-f4501b25]{width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #8b5cf666}.btn-help[data-v-f4501b25]:hover{transform:scale(1.1);box-shadow:0 12px 35px #8b5cf680}.btn-help.active[data-v-f4501b25]{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.help-menu[data-v-f4501b25]{position:absolute;top:100%;right:0;margin-top:1rem;background:#fff;border-radius:1rem;box-shadow:0 8px 25px #00000026;overflow:hidden;min-width:180px}.help-item[data-v-f4501b25]{width:100%;background:none;border:none;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6}.help-item[data-v-f4501b25]:last-child{border-bottom:none}.help-item[data-v-f4501b25]:hover{background:#f8fafc;color:#6366f1}.help-item i[data-v-f4501b25]{font-size:1rem;width:20px;text-align:center}.help-menu-enter-active[data-v-f4501b25],.help-menu-leave-active[data-v-f4501b25]{transition:all .3s ease;transform-origin:top right}.help-menu-enter-from[data-v-f4501b25],.help-menu-leave-to[data-v-f4501b25]{opacity:0;transform:scale(.8) translateY(-10px)}.toast-container[data-v-9d75cbe5]{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;max-width:400px;display:flex;flex-direction:column;align-items:center}.custom-toast[data-v-9d75cbe5]{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 12px 30px #00000026,0 0 0 1px #fffc;margin-bottom:.75rem;min-width:300px;max-width:400px;pointer-events:auto;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.5)}.custom-toast[data-v-9d75cbe5]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px #0003,0 0 0 1px #ffffffe6}.toast-content[data-v-9d75cbe5]{display:flex;align-items:flex-start;padding:1rem 1.25rem;gap:.75rem}.toast-icon[data-v-9d75cbe5]{flex-shrink:0;font-size:1.125rem;margin-top:.125rem}.toast-success[data-v-9d75cbe5]{border-left:4px solid #10b981}.toast-success .toast-icon[data-v-9d75cbe5]{color:#10b981}.toast-error[data-v-9d75cbe5]{border-left:4px solid #ef4444}.toast-error .toast-icon[data-v-9d75cbe5]{color:#ef4444}.toast-warning[data-v-9d75cbe5]{border-left:4px solid #f59e0b}.toast-warning .toast-icon[data-v-9d75cbe5]{color:#f59e0b}.toast-info[data-v-9d75cbe5]{border-left:4px solid #3b82f6}.toast-info .toast-icon[data-v-9d75cbe5]{color:#3b82f6}.toast-message[data-v-9d75cbe5]{flex:1;font-size:.875rem;font-weight:500;color:#1e293b;line-height:1.4;word-wrap:break-word}.toast-close[data-v-9d75cbe5]{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s ease;flex-shrink:0;margin-left:auto;font-size:.875rem}.toast-close[data-v-9d75cbe5]:hover{background:#64748b1a;color:#475569}.toast-progress[data-v-9d75cbe5]{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#6366f1cc,#8b5cf6cc,#6366f1cc);animation:progress-shrink-9d75cbe5 linear;transform-origin:left}.toast-success .toast-progress[data-v-9d75cbe5]{background:linear-gradient(90deg,#10b981,#059669)}.toast-error .toast-progress[data-v-9d75cbe5]{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning .toast-progress[data-v-9d75cbe5]{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info .toast-progress[data-v-9d75cbe5]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.toast-enter-active[data-v-9d75cbe5]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast-leave-active[data-v-9d75cbe5]{transition:all .3s cubic-bezier(.4,0,1,1)}.toast-enter-from[data-v-9d75cbe5]{opacity:0;transform:translateY(-50px) scale(.9)}.toast-leave-to[data-v-9d75cbe5]{opacity:0;transform:translateY(-30px) scale(.95)}.toast-move[data-v-9d75cbe5]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes progress-shrink-9d75cbe5{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 768px){.toast-container[data-v-9d75cbe5]{top:80px;left:50%;transform:translate(-50%);right:auto;max-width:calc(100vw - 2rem);width:auto}.custom-toast[data-v-9d75cbe5]{min-width:280px;max-width:calc(100vw - 2rem)}.toast-content[data-v-9d75cbe5]{padding:.875rem 1rem}.toast-message[data-v-9d75cbe5]{font-size:.8125rem}}@media (max-width: 480px){.toast-container[data-v-9d75cbe5]{top:70px;left:50%;transform:translate(-50%);right:auto;max-width:calc(100vw - 1.5rem)}.custom-toast[data-v-9d75cbe5]{min-width:260px;max-width:calc(100vw - 1.5rem)}.toast-content[data-v-9d75cbe5]{padding:.75rem .875rem;gap:.625rem}.toast-icon[data-v-9d75cbe5]{font-size:1rem}.toast-message[data-v-9d75cbe5]{font-size:.75rem}}.language-switcher[data-v-4c9f2d34]{position:fixed;top:10px;right:10px;z-index:1050}.language-btn[data-v-4c9f2d34]{background:#fff;border:1px solid #dee2e6;border-radius:20px;padding:5px 15px;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.language-btn[data-v-4c9f2d34]:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.language-switcher[data-v-4c9f2d34]{top:5px;right:5px}.language-btn[data-v-4c9f2d34]{padding:4px 12px;font-size:13px}}#app[data-v-2b9ac5c0]{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.header[data-v-2b9ac5c0]{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1001}.header-content[data-v-2b9ac5c0]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.brand[data-v-2b9ac5c0]{display:flex;align-items:center;gap:.75rem}.brand-icon[data-v-2b9ac5c0]{font-size:2rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.brand-title[data-v-2b9ac5c0]{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.brand-subtitle[data-v-2b9ac5c0]{font-size:.875rem;color:#fffc;font-weight:400}.header-actions[data-v-2b9ac5c0]{display:flex;align-items:center;gap:.75rem}.mobile-menu-btn[data-v-2b9ac5c0]{border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem .75rem;border-radius:.75rem;transition:all .3s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-menu-btn[data-v-2b9ac5c0]:hover{background:#ffffff1a;border-color:#ffffff80}.main-container[data-v-2b9ac5c0]{flex:1;display:flex;overflow:hidden;position:relative}.sidebar[data-v-2b9ac5c0]{width:260px;background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-right:1px solid rgba(99,102,241,.08);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:1000;margin:.75rem;margin-right:0;border-radius:1rem;border-right:none;box-shadow:0 12px 30px #6366f11f,0 0 0 1px #fffc}.sidebar-content[data-v-2b9ac5c0]{height:100%;overflow-y:auto;padding:1.25rem}.sidebar-section[data-v-2b9ac5c0]{margin-bottom:1.5rem}.section-header[data-v-2b9ac5c0]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(241,245,249,.8)}.section-icon[data-v-2b9ac5c0]{font-size:1.1rem;color:#6366f1}.section-title[data-v-2b9ac5c0]{font-size:.875rem;font-weight:600;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:.05em}.sidebar-overlay[data-v-2b9ac5c0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.main-content[data-v-2b9ac5c0]{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#fafbfc,#f8fafc);margin:.75rem;border-radius:1rem;overflow:hidden;box-shadow:0 12px 30px #6366f114,0 0 0 1px #fff9}.action-bar[data-v-2b9ac5c0]{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:.875rem 1.25rem;border-top:1px solid rgba(226,232,240,.5);display:flex;justify-content:center}.action-btn[data-v-2b9ac5c0]{background:linear-gradient(135deg,#10b981,#059669);border:none;padding:.75rem 2rem;border-radius:1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;box-shadow:0 6px 20px #10b98140,0 0 0 1px #ffffff1a;transition:all .3s ease}.action-btn[data-v-2b9ac5c0]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #10b98159,0 0 0 1px #fff6;background:linear-gradient(135deg,#059669,#047857)}.action-btn[data-v-2b9ac5c0]:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;color:#64748b}@media (max-width: 768px){.brand-subtitle[data-v-2b9ac5c0]{display:none}.sidebar[data-v-2b9ac5c0]{position:fixed;top:0;left:0;height:100vh;width:260px;transform:translate(0);z-index:1000;box-shadow:2px 0 10px #0000001a;margin:0;border-radius:0;border-right:1px solid rgba(99,102,241,.1)}.sidebar-collapsed[data-v-2b9ac5c0]{transform:translate(-100%);box-shadow:none}.main-content[data-v-2b9ac5c0]{margin:.5rem .5rem 6.5rem}.right-panel[data-v-2b9ac5c0]{display:none}.header-content[data-v-2b9ac5c0]{padding:.75rem 0}.brand-title[data-v-2b9ac5c0]{font-size:1.25rem}.action-bar[data-v-2b9ac5c0]{padding:1rem}.action-btn[data-v-2b9ac5c0]{width:100%;justify-content:center;min-height:44px}.mobile-quick-actions[data-v-2b9ac5c0]{display:flex!important;visibility:visible!important}.quick-action-btn[data-v-2b9ac5c0]{display:flex!important;visibility:visible!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-btn[data-v-2b9ac5c0]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-close[data-v-2b9ac5c0]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:44px;min-height:44px}}@keyframes slideUp-2b9ac5c0{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-2b9ac5c0{0%,to{background-color:transparent}50%{background-color:#6366f11a}}.sidebar-content[data-v-2b9ac5c0]::-webkit-scrollbar{width:6px}.sidebar-content[data-v-2b9ac5c0]::-webkit-scrollbar-track{background:transparent}.sidebar-content[data-v-2b9ac5c0]::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px}.sidebar-content[data-v-2b9ac5c0]::-webkit-scrollbar-thumb:hover{background:#6366f14d}.right-panel[data-v-2b9ac5c0]{width:260px;background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-left:1px solid rgba(99,102,241,.08);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:1000;margin:.75rem;margin-left:0;border-radius:1rem;border-left:none;box-shadow:0 12px 30px #6366f11f,0 0 0 1px #fffc}.right-panel-content[data-v-2b9ac5c0]{height:100%;overflow-y:auto;padding:1.25rem}.right-panel-content[data-v-2b9ac5c0]::-webkit-scrollbar{width:6px}.right-panel-content[data-v-2b9ac5c0]::-webkit-scrollbar-track{background:transparent}.right-panel-content[data-v-2b9ac5c0]::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px}.right-panel-content[data-v-2b9ac5c0]::-webkit-scrollbar-thumb:hover{background:#6366f14d}.mobile-quick-actions[data-v-2b9ac5c0]{position:fixed;bottom:1rem;left:1rem;right:1rem;display:flex!important;justify-content:center;gap:.75rem;z-index:1500;pointer-events:auto;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));padding-left:calc(.5rem + env(safe-area-inset-left,0px));padding-right:calc(.5rem + env(safe-area-inset-right,0px));background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:1.25rem;border:1px solid rgba(255,255,255,.1)}.quick-action-btn[data-v-2b9ac5c0]{flex:0 1 auto;min-width:75px;max-width:110px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;border:none!important;padding:.75rem .5rem;border-radius:1rem;font-weight:600;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #6366f140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)!important;font-size:.7rem;position:relative;height:68px;white-space:nowrap;text-decoration:none!important}.quick-action-btn[data-v-2b9ac5c0]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f159}.quick-action-btn[data-v-2b9ac5c0]:active{transform:translateY(0);box-shadow:0 4px 15px #6366f140;transition:all .1s ease}.quick-action-btn i[data-v-2b9ac5c0]{font-size:1.125rem;flex-shrink:0}.template-btn[data-v-2b9ac5c0]{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 8px 25px #10b9814d!important}.template-btn[data-v-2b9ac5c0]:hover{box-shadow:0 12px 35px #10b98166!important}.canvas-btn[data-v-2b9ac5c0]{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 8px 25px #3b82f64d!important}.canvas-btn[data-v-2b9ac5c0]:hover{box-shadow:0 12px 35px #3b82f666!important}.settings-btn[data-v-2b9ac5c0]{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 8px 25px #f59e0b4d!important}.settings-btn[data-v-2b9ac5c0]:hover{box-shadow:0 12px 35px #f59e0b66!important}.upload-btn[data-v-2b9ac5c0]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 8px 25px #8b5cf64d!important}.upload-btn[data-v-2b9ac5c0]:hover{box-shadow:0 12px 35px #8b5cf666!important}.export-btn[data-v-2b9ac5c0]{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 8px 25px #10b9814d!important}.export-btn[data-v-2b9ac5c0]:hover{box-shadow:0 12px 35px #10b98166!important}.selected-indicator[data-v-2b9ac5c0]{position:absolute;top:.5rem;right:.5rem;width:8px;height:8px;background:#fff;border-radius:50%}.mobile-modal[data-v-2b9ac5c0]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2500;display:flex!important;align-items:center;justify-content:center;padding:1rem 1rem 8rem}.modal-overlay[data-v-2b9ac5c0]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content[data-v-2b9ac5c0]{background:#fff;border-radius:1.5rem;width:100%;max-width:500px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp-2b9ac5c0 .4s ease;position:relative;z-index:1;margin:1rem}.template-modal[data-v-2b9ac5c0]{max-height:75vh}.canvas-modal[data-v-2b9ac5c0]{max-height:70vh}.settings-modal[data-v-2b9ac5c0]{max-height:80vh}.modal-header[data-v-2b9ac5c0]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-2b9ac5c0]{margin:0;font-size:1.125rem;font-weight:600}.modal-body[data-v-2b9ac5c0]{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 180px)}.modal-footer[data-v-2b9ac5c0]{background:#f8fafc;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.modal-close-btn[data-v-2b9ac5c0]{background:#6b7280;color:#fff;border:none;padding:.75rem 2rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:.875rem;min-width:120px;justify-content:center}.modal-close-btn[data-v-2b9ac5c0]:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 14px #6b72804d}.btn-close[data-v-2b9ac5c0]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-close[data-v-2b9ac5c0]:hover{background:#fff3}@media (max-width: 480px){.mobile-quick-actions[data-v-2b9ac5c0]{gap:.5rem;left:.5rem;right:.5rem;bottom:.75rem;padding:.375rem;padding-bottom:calc(.375rem + env(safe-area-inset-bottom,0px))}.quick-action-btn[data-v-2b9ac5c0]{min-width:65px;max-width:90px;padding:.625rem .375rem;font-size:.65rem;height:60px;border-radius:.875rem}.quick-action-btn i[data-v-2b9ac5c0]{font-size:.95rem}.main-content[data-v-2b9ac5c0]{margin:.5rem .25rem 5.5rem}.modal-content[data-v-2b9ac5c0]{margin:.5rem;border-radius:1rem;max-height:90vh}.mobile-modal[data-v-2b9ac5c0]{padding:.75rem .75rem 7rem}}@media (max-width: 360px){.mobile-quick-actions[data-v-2b9ac5c0]{gap:.375rem;left:.375rem;right:.375rem;bottom:.5rem;padding:.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom,0px))}.quick-action-btn[data-v-2b9ac5c0]{min-width:58px;max-width:80px;padding:.5rem .25rem;font-size:.6rem;height:56px;border-radius:.75rem}.quick-action-btn i[data-v-2b9ac5c0]{font-size:.875rem}.main-content[data-v-2b9ac5c0]{margin:.25rem .25rem 5rem}.mobile-modal[data-v-2b9ac5c0]{padding:.5rem .5rem 6.5rem}.modal-content[data-v-2b9ac5c0]{max-height:88vh}.modal-body[data-v-2b9ac5c0]{max-height:calc(88vh - 200px)}.modal-footer[data-v-2b9ac5c0]{padding:1rem}.modal-close-btn[data-v-2b9ac5c0]{width:100%;padding:.875rem 1rem;font-size:.875rem;min-height:44px}}@media (max-width: 768px){.mobile-quick-actions[data-v-2b9ac5c0]{opacity:1!important;visibility:visible!important;pointer-events:auto!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.btn{font-weight:500;border:none;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;cursor:pointer}.btn:focus{outline:none;box-shadow:0 0 0 3px #6366f133}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857);color:#fff}.btn-secondary{background:#64748b;color:#fff;box-shadow:0 2px 8px #64748b33}.btn-secondary:hover:not(:disabled){background:#475569;color:#fff;transform:translateY(-1px)}.btn-outline-light{border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent}.btn-outline-light:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-control,.form-select{border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .3s ease;background:#fff}.form-control:focus,.form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 6px #6366f14d;transition:all .3s ease}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f166}.form-range::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 6px #6366f14d;transition:all .3s ease}.form-control-color{width:100%;height:45px;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.form-control-color:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .4s ease-out}.pulse{animation:pulse 2s infinite}.tooltip{background:#1e293be6;color:#fff;font-size:.75rem;border-radius:.375rem;padding:.5rem .75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.hide-mobile{display:none!important}.btn{padding:.5rem 1rem}.form-control,.form-select{font-size:16px}}@media (min-width: 769px){.show-mobile{display:none!important}}.canvas-container{outline:none!important;border-radius:.75rem;overflow:hidden;box-shadow:0 10px 25px #0000001a}.upper-canvas{outline:none!important;border-radius:.75rem}.lower-canvas{border-radius:.75rem}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.spinner-border{width:2rem;height:2rem;border-width:.2em}.spinner-border.spinner-border-sm{width:1rem;height:1rem;border-width:.1em}:root{--primary-color: #6366f1;--primary-light: #a5b4fc;--primary-dark: #4f46e5;--secondary-color: #06b6d4;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-color: #1e293b;--light-color: #f8fafc;--border-color: #e2e8f0;--text-color: #374151;--text-light: #6b7280}