.add-modal-overlay[data-v-788308f0]{position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:9999;animation:fadeIn-788308f0 .3s ease}@keyframes fadeIn-788308f0{0%{opacity:0}to{opacity:1}}.add-modal-container[data-v-788308f0]{width:100%;max-width:480px;max-height:90vh;background:var(--bg-color, #F3F4F6);border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp-788308f0 .3s ease;overflow:hidden}@keyframes slideUp-788308f0{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-header[data-v-788308f0]{padding:16px 20px;border-bottom:1px solid var(--border-color, #E5E7EB);display:flex;align-items:center;justify-content:space-between}.add-title[data-v-788308f0]{margin:0;font-size:18px;font-weight:600;color:var(--text-color, #1F2937)}.close-button[data-v-788308f0]{width:32px;height:32px;border:none;background:transparent;color:var(--text-color, #1F2937);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;flex-shrink:0;background-color:var(--border-color, #E5E7EB)}.add-content[data-v-788308f0]{flex:1;overflow-y:auto;padding:16px}.form-section[data-v-788308f0]{margin-bottom:20px}.section-label[data-v-788308f0]{font-size:14px;font-weight:500;color:var(--text-color, #1F2937);margin-bottom:8px;display:block}.ip-type-grid[data-v-788308f0]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ip-type-card[data-v-788308f0]{background:var(--card-bg, #FFFFFF);border:2px solid var(--border-color, #E5E7EB);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.ip-type-card[data-v-788308f0]:hover{border-color:var(--primary-color, #6B46C1);transform:translateY(-2px)}.ip-type-card.active[data-v-788308f0]{border-color:var(--primary-color, #6B46C1);background:var(--primary-light, rgba(107, 70, 193, .1))}.ip-type-label[data-v-788308f0]{font-size:14px;font-weight:500;color:var(--text-color, #1F2937)}.hook-selection[data-v-788308f0]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hook-option[data-v-788308f0]{background:var(--card-bg, #FFFFFF);border:2px solid var(--border-color, #E5E7EB);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.hook-option[data-v-788308f0]:hover{border-color:var(--primary-color, #6B46C1);transform:translateY(-2px)}.hook-option.active[data-v-788308f0]{border-color:var(--primary-color, #6B46C1);background:var(--primary-light, rgba(107, 70, 193, .1))}.hook-label[data-v-788308f0]{font-size:14px;font-weight:500;color:var(--text-color, #1F2937)}.prompt-input-container[data-v-788308f0]{width:100%;position:relative}.prompt-input[data-v-788308f0]{width:100%;padding:12px;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;background:var(--card-bg, #FFFFFF);color:var(--text-color, #1F2937);font-size:14px;resize:vertical;min-height:80px;font-family:inherit}.prompt-input[data-v-788308f0]::-moz-placeholder{color:var(--text-secondary, #6B7280)}.prompt-input[data-v-788308f0]::placeholder{color:var(--text-secondary, #6B7280)}.prompt-input[data-v-788308f0]:focus{outline:none;border-color:var(--primary-color, #6B46C1)}.prompt-input[data-v-788308f0]:disabled{border-color:#6366f180;box-shadow:0 0 0 1px #6366f14d}.scan-overlay[data-v-788308f0]{position:absolute;inset:0;background-color:#0000001a;border-radius:8px;overflow:hidden;z-index:5;pointer-events:none}.scan-line[data-v-788308f0]{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.8) 20%,rgba(99,102,241,1) 50%,rgba(99,102,241,.8) 80%,transparent 100%);animation:scan-788308f0 1.5s ease-in-out infinite}@keyframes scan-788308f0{0%{top:0;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.optimizer-btn[data-v-788308f0]{position:absolute;bottom:10px;right:8px;padding:6px 12px;background-color:#6366f1;border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s;z-index:10}.optimizer-btn[data-v-788308f0]:hover:not(:disabled){background-color:#4f46e5}.optimizer-btn[data-v-788308f0]:disabled{background-color:#9ca3af;cursor:not-allowed}.image-upload-area[data-v-788308f0]{width:100%;min-height:150px;border:2px dashed var(--border-color, #E5E7EB);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:var(--card-bg, #FFFFFF);position:relative;overflow:hidden}.image-upload-area[data-v-788308f0]:hover{border-color:var(--primary-color, #6B46C1)}.image-upload-area.drag-over[data-v-788308f0]{border-color:var(--primary-color, #6B46C1);background:var(--primary-light, rgba(107, 70, 193, .1))}.image-upload-area.uploading[data-v-788308f0]{cursor:not-allowed}.image-preview[data-v-788308f0]{width:100%;height:100%;position:relative}.image-preview img[data-v-788308f0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-image[data-v-788308f0]{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:#0009;color:#fff;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-image[data-v-788308f0]:hover{background:#000c}.upload-progress[data-v-788308f0]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-spinner[data-v-788308f0]{width:40px;height:40px;position:relative}.spinner-ring[data-v-788308f0]{position:absolute;width:100%;height:100%;border:3px solid var(--border-color, #E5E7EB);border-top-color:var(--primary-color, #6B46C1);border-radius:50%;animation:spin-788308f0 1s linear infinite}@keyframes spin-788308f0{to{transform:rotate(360deg)}}.upload-progress-text[data-v-788308f0]{font-size:14px;color:var(--text-secondary, #6B7280)}.upload-prompt[data-v-788308f0]{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.upload-icon[data-v-788308f0]{color:var(--text-secondary, #6B7280)}.upload-text[data-v-788308f0]{font-size:14px;color:var(--text-secondary, #6B7280)}.hidden-file-input[data-v-788308f0]{display:none}.add-footer[data-v-788308f0]{padding:16px;border-top:1px solid var(--border-color, #E5E7EB);background:var(--card-bg, #FFFFFF)}.generate-btn[data-v-788308f0]{width:100%;padding:14px;background:var(--primary-color, #6B46C1);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn[data-v-788308f0]:hover:not(:disabled){background:var(--primary-hover, #5B3A9E);transform:translateY(-1px)}.generate-btn[data-v-788308f0]:active:not(:disabled){transform:translateY(0)}.generate-btn[data-v-788308f0]:disabled{background:var(--border-color, #E5E7EB);cursor:not-allowed;opacity:.6}@media(min-width:768px){.add-modal-overlay[data-v-788308f0]{align-items:center}.add-modal-container[data-v-788308f0]{border-radius:16px;max-height:80vh}}@media(max-width:767px){.hook-option[data-v-788308f0]{padding:12px}.hook-label[data-v-788308f0]{font-size:13px}.ip-type-card[data-v-788308f0]{padding:12px}.ip-type-label[data-v-788308f0]{font-size:13px}}html.dark .add-modal-container[data-v-788308f0]{background:var(--bg-color-dark, #1F2937)}html.dark .add-title[data-v-788308f0],html.dark .section-label[data-v-788308f0]{color:var(--text-color-dark, #F3F4F6)}html.dark .ip-type-card[data-v-788308f0]{background:var(--card-bg-dark, #374151);border-color:var(--border-color-dark, #4B5563)}html.dark .ip-type-card.active[data-v-788308f0]{background:#6b46c14d;border-color:var(--primary-color, #6B46C1);box-shadow:0 0 0 2px #6b46c133,0 4px 12px #6b46c126}html.dark .ip-type-label[data-v-788308f0]{color:var(--text-color-dark, #F3F4F6)}html.dark .ip-type-card.active .ip-type-label[data-v-788308f0]{color:#a78bfa;font-weight:600}html.dark .hook-option[data-v-788308f0]{background:var(--card-bg-dark, #374151);border-color:var(--border-color-dark, #4B5563)}html.dark .hook-option.active[data-v-788308f0]{background:#6b46c14d;border-color:var(--primary-color, #6B46C1);box-shadow:0 0 0 2px #6b46c133,0 4px 12px #6b46c126}html.dark .hook-label[data-v-788308f0]{color:var(--text-color-dark, #F3F4F6)}html.dark .hook-option.active .hook-label[data-v-788308f0]{color:#a78bfa;font-weight:600}html.dark .prompt-input[data-v-788308f0]{background:var(--card-bg-dark, #374151);border-color:var(--border-color-dark, #4B5563);color:var(--text-color-dark, #F3F4F6)}html.dark .prompt-input[data-v-788308f0]::-moz-placeholder{color:var(--text-secondary-dark, #9CA3AF)}html.dark .prompt-input[data-v-788308f0]::placeholder{color:var(--text-secondary-dark, #9CA3AF)}html.dark .image-upload-area[data-v-788308f0]{background:var(--card-bg-dark, #374151);border-color:var(--border-color-dark, #4B5563)}html.dark .upload-text[data-v-788308f0],html.dark .upload-icon[data-v-788308f0],html.dark .upload-progress-text[data-v-788308f0]{color:var(--text-secondary-dark, #9CA3AF)}html.dark .add-footer[data-v-788308f0]{background:var(--card-bg-dark, #374151);border-color:var(--border-color-dark, #4B5563)}.shu-card-container[data-v-449629e7]{display:flex;flex-direction:column;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;position:relative;border-radius:12px!important}html.dark .shu-card-container[data-v-449629e7]{background:#1f2937;box-shadow:0 4px 16px #0000004d}.image-wrapper[data-v-449629e7]{position:relative;width:100%;padding-bottom:150%;overflow:hidden;cursor:pointer}.image-wrapper[data-v-449629e7] .el-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s ease}.image-wrapper[data-v-449629e7] .el-image__inner{-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.image-wrapper[data-v-449629e7]:hover .el-image__inner{transform:scale(1.02)}.purchase-btn[data-v-449629e7]{position:absolute;bottom:12px;right:12px;width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg,#6b46c1,#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b46c14d;z-index:5}.image-wrapper:hover .purchase-btn[data-v-449629e7]{transform:translateY(-2px);box-shadow:0 6px 16px #6b46c166}.purchase-btn[data-v-449629e7]:hover{background:linear-gradient(135deg,#5b3c9f,#9775e8);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #6b46c166}.purchase-btn[data-v-449629e7]:active{transform:translateY(0) scale(1);box-shadow:0 2px 8px #6b46c14d}.purchase-btn svg[data-v-449629e7]{width:20px;height:20px;stroke-width:2}@media(max-width:768px){.purchase-btn[data-v-449629e7]{opacity:1;width:40px;height:40px;bottom:10px;right:10px}.purchase-btn svg[data-v-449629e7]{width:18px;height:18px}}.loading-mask[data-v-449629e7]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .5s cubic-bezier(.4,0,.2,1);z-index:10}html.dark .loading-mask[data-v-449629e7]{background:#1f2937d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-spinner-wrapper[data-v-449629e7]{position:relative;width:48px;height:48px;margin-bottom:20px}.loading-spinner-wrapper[data-v-449629e7]:before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(107,70,193,.15) 0%,transparent 70%);animation:pulse-449629e7 2s ease-in-out infinite}.loading-spinner[data-v-449629e7]{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-top-color:#6b46c1;border-right-color:#a78bfa;border-radius:50%;animation:spin-449629e7 1s linear infinite}.loading-spinner-inner[data-v-449629e7]{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);border:2px solid transparent;border-bottom-color:#a78bfa;border-left-color:#6b46c1;border-radius:50%;animation:spinReverse-449629e7 .8s linear infinite}.loading-spinner-wrapper[data-v-449629e7]:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:linear-gradient(135deg,#6b46c1,#a78bfa);border-radius:50%;transform:translate(-50%,-50%);animation:centerPulse-449629e7 1.5s ease-in-out infinite}.loading-text[data-v-449629e7]{font-size:13px;color:#6b46c1;font-weight:500;letter-spacing:.3px;margin-bottom:12px;opacity:.8}html.dark .loading-text[data-v-449629e7]{color:#a78bfa}.loading-dots[data-v-449629e7]{display:flex;gap:8px;align-items:center;justify-content:center}.loading-dots span[data-v-449629e7]{width:5px;height:5px;background:linear-gradient(135deg,#6b46c1,#a78bfa);border-radius:50%;animation:bounce-449629e7 1.4s ease-in-out infinite;box-shadow:0 2px 8px #6b46c133}.loading-dots span[data-v-449629e7]:nth-child(1){animation-delay:0s}.loading-dots span[data-v-449629e7]:nth-child(2){animation-delay:.16s}.loading-dots span[data-v-449629e7]:nth-child(3){animation-delay:.32s}@keyframes spinReverse-449629e7{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes bounce-449629e7{0%,80%,to{transform:translateY(0) scale(1);opacity:.5}40%{transform:translateY(-10px) scale(1.3);opacity:1}}@keyframes pulse-449629e7{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes centerPulse-449629e7{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.4);opacity:1}}.action-buttons[data-v-449629e7]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 8px;background:#fff;border-top:1px solid #e5e7eb;position:relative;z-index:1}html.dark .action-buttons[data-v-449629e7]{background:#1f2937;border-top:1px solid #374151}.action-btn[data-v-449629e7]{width:100%;min-width:0;padding:8px 2px;border:none;border-radius:8px;background:#fff;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 1px 2px #00000008}html.dark .action-btn[data-v-449629e7]{background:#1f2937;color:#9ca3af}.action-btn[data-v-449629e7]:hover{transform:translateY(-2px);color:var(--el-color-primary);background:linear-gradient(135deg,#6b46c11a,#a78bfa1a);box-shadow:0 4px 12px #6b46c126,0 2px 4px #6b46c11a}html.dark .action-btn[data-v-449629e7]:hover{background:linear-gradient(135deg,#8b5cf633,#a78bfa33)}.action-btn[data-v-449629e7]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--el-color-primary) 0%,var(--accent-color) 100%);opacity:0;transition:opacity .25s ease;z-index:-1}.action-btn:hover .btn-icon[data-v-449629e7],.action-btn:hover .btn-text[data-v-449629e7]{color:var(--el-color-primary)}.action-btn.delete-btn[data-v-449629e7]:hover{color:#ef4444;background:linear-gradient(135deg,#ef44441a,#f871711a)}.action-btn.delete-btn[data-v-449629e7]:before{background:linear-gradient(135deg,#ef4444,#f87171)}.action-btn.delete-btn:hover .btn-icon[data-v-449629e7],.action-btn.delete-btn:hover .btn-text[data-v-449629e7]{color:#ef4444}.action-btn[data-v-449629e7]:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-icon[data-v-449629e7]{font-size:22px;transition:all .25s ease;color:inherit}.btn-text[data-v-449629e7]{font-size:11px;font-weight:600;transition:all .25s ease;color:inherit;text-transform:uppercase;letter-spacing:.2px}.action-btn[data-v-449629e7]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-btn[data-v-449629e7]:active:after{width:300px;height:300px}@media(max-width:768px){.action-buttons[data-v-449629e7]{padding:8px 6px;gap:5px}.action-btn[data-v-449629e7]{min-width:20%;padding:7px 3px}.btn-icon[data-v-449629e7]{font-size:18px}.btn-text[data-v-449629e7]{font-size:10px}}@media(max-width:480px){.action-buttons[data-v-449629e7]{padding:6px 4px;gap:4px}.action-btn[data-v-449629e7]{min-width:20%;padding:6px 2px}.btn-icon[data-v-449629e7]{font-size:16px}.btn-text[data-v-449629e7]{font-size:9px}}@keyframes spin-449629e7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main[data-v-69590d44]{width:100%;min-height:100vh;overflow:hidden;background:var(--bg-color);position:relative}.header-nav[data-v-69590d44]{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 8px #00000014;z-index:100}html.dark .header-nav[data-v-69590d44]{background:#1f2937;box-shadow:0 2px 8px #0000004d}.header-left[data-v-69590d44]{display:flex;align-items:center;gap:12px}.back-button[data-v-69590d44]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--bg-color);border-radius:8px;cursor:pointer;color:var(--text-color);transition:all .2s ease}.back-button[data-v-69590d44]:hover{background:#e5e7eb;transform:translate(-2px)}html.dark .back-button[data-v-69590d44]:hover{background:#374151}.back-button[data-v-69590d44]:active{transform:translate(0)}.header-title[data-v-69590d44]{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.header-right[data-v-69590d44]{display:flex;align-items:center;gap:8px}.free-counts-display[data-v-69590d44]{display:flex;align-items:center;gap:12px}.model-count[data-v-69590d44]{display:flex;align-items:center;gap:6px;padding:8px 0;background-color:var(--bg-color);border-radius:8px;transition:all .3s ease;font-size:12px;color:#6b7280}html.dark .model-count[data-v-69590d44]{color:#9ca3af}.count-icon[data-v-69590d44]{color:var(--el-color-primary);font-size:16px}.count-text[data-v-69590d44]{font-size:12px;font-weight:500;color:var(--text-color);white-space:nowrap}.recharge-btn[data-v-69590d44]{display:flex;align-items:center;justify-content:center;padding:4px 10px;border:none;background:linear-gradient(135deg,#6b46c1,#a78bfa);color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:11px;font-weight:500;margin-left:4px;box-shadow:0 2px 6px #6b46c140}.recharge-btn[data-v-69590d44]:hover{background:linear-gradient(135deg,#5b3c9f,#9775e8);transform:translateY(-1px);box-shadow:0 4px 12px #6b46c166}.recharge-btn[data-v-69590d44]:active{transform:translateY(0);box-shadow:0 2px 6px #6b46c14d}.add-button[data-v-69590d44]{position:fixed;right:24px;bottom:140px!important;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;background:linear-gradient(135deg,#6b46c1,#a78bfa);border-radius:50%;cursor:pointer;color:#fff;transition:all .2s ease;box-shadow:0 4px 12px #6b46c166;z-index:1000}.add-button[data-v-69590d44]:hover{transform:scale(1.1);box-shadow:0 6px 16px #6b46c180}html.dark .add-button[data-v-69590d44]{background:linear-gradient(135deg,#8b5cf6,#c4b5fd);box-shadow:0 4px 12px #8b5cf666}html.dark .add-button[data-v-69590d44]:hover{background:linear-gradient(135deg,#9b6cf6,#d4c5fd);box-shadow:0 6px 16px #8b5cf680}.add-button[data-v-69590d44]:active{transform:scale(.95)}.recharge-text[data-v-69590d44]{font-size:11px;font-weight:500;color:#fff;white-space:nowrap}.cards-container[data-v-69590d44]{position:absolute;inset:64px 0 0;overflow-y:auto;overflow-x:hidden;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:start;align-items:start;grid-auto-rows:min-content;box-sizing:border-box}.cards-container[data-v-69590d44] .image-wrapper{overflow:hidden;position:relative;flex-shrink:0!important;max-height:70vh!important}.cards-container[data-v-69590d44] .image-wrapper{padding-bottom:120%!important}@media(max-width:768px){.header-nav[data-v-69590d44]{height:56px;padding:0 12px}.header-title[data-v-69590d44]{font-size:16px}}.text-input-overlay[data-v-69590d44]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn-69590d44 .3s ease}html.dark .text-input-overlay[data-v-69590d44]{background:#000c}.text-input-container[data-v-69590d44]{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;overflow:hidden;animation:slideUp-69590d44 .3s ease}html.dark .text-input-container[data-v-69590d44]{background:#1f2937;box-shadow:0 8px 32px #0006}.text-input-header[data-v-69590d44]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}html.dark .text-input-header[data-v-69590d44]{border-bottom:1px solid #374151}.text-input-title[data-v-69590d44]{font-size:16px;font-weight:600;color:#1f2937}html.dark .text-input-title[data-v-69590d44]{color:#f3f4f6}.text-input-close[data-v-69590d44]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}.text-input-close[data-v-69590d44]:hover{background:#6b46c11a;color:#6b46c1}html.dark .text-input-close[data-v-69590d44]:hover{background:#8b5cf633;color:#a78bfa}.close-icon[data-v-69590d44]{font-size:20px}.text-input-area[data-v-69590d44]{width:100%;padding:16px 20px;border:none;background:#f9fafb;color:#1f2937;font-size:14px;line-height:1.6;resize:none;outline:none;font-family:inherit;min-height:120px}html.dark .text-input-area[data-v-69590d44]{background:#111827;color:#f3f4f6}.text-input-area[data-v-69590d44]::-moz-placeholder{color:#9ca3af}.text-input-area[data-v-69590d44]::placeholder{color:#9ca3af}html.dark .text-input-area[data-v-69590d44]::-moz-placeholder{color:#6b7280}html.dark .text-input-area[data-v-69590d44]::placeholder{color:#6b7280}.text-input-area[data-v-69590d44]:focus{background:#f3f4f6}html.dark .text-input-area[data-v-69590d44]:focus{background:#1f2937}.text-input-actions[data-v-69590d44]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}html.dark .text-input-actions[data-v-69590d44]{border-top:1px solid #374151}.text-input-btn[data-v-69590d44]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.cancel-btn[data-v-69590d44]{background:#f3f4f6;color:#6b7280}.cancel-btn[data-v-69590d44]:hover{background:#e5e7eb;color:#4b5563}html.dark .cancel-btn[data-v-69590d44]{background:#374151;color:#9ca3af}html.dark .cancel-btn[data-v-69590d44]:hover{background:#4b5563;color:#d1d5db}.confirm-btn[data-v-69590d44]{background:linear-gradient(135deg,#6b46c1,#a78bfa);color:#fff}.confirm-btn[data-v-69590d44]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b46c14d}html.dark .confirm-btn[data-v-69590d44]{background:linear-gradient(135deg,#8b5cf6,#c4b5fd)}html.dark .confirm-btn[data-v-69590d44]:hover{box-shadow:0 4px 12px #8b5cf666}.text-input-btn[data-v-69590d44]:active{transform:translateY(0)}@keyframes fadeIn-69590d44{0%{opacity:0}to{opacity:1}}@keyframes slideUp-69590d44{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.text-input-overlay[data-v-69590d44]{padding:16px}.text-input-container[data-v-69590d44]{max-width:100%;border-radius:12px}.text-input-header[data-v-69590d44]{padding:14px 16px}.text-input-title[data-v-69590d44]{font-size:15px}.text-input-area[data-v-69590d44]{padding:14px 16px;font-size:14px;min-height:100px}.text-input-actions[data-v-69590d44]{padding:14px 16px;gap:10px}.text-input-btn[data-v-69590d44]{padding:10px 20px;font-size:13px}}@media(max-width:480px){.text-input-overlay[data-v-69590d44]{padding:12px}.text-input-container[data-v-69590d44]{border-radius:10px}.text-input-header[data-v-69590d44]{padding:12px 14px}.text-input-title[data-v-69590d44]{font-size:14px}.text-input-area[data-v-69590d44]{padding:12px 14px;font-size:13px;min-height:80px}.text-input-actions[data-v-69590d44]{padding:12px 14px;gap:8px}.text-input-btn[data-v-69590d44]{padding:10px 16px;font-size:12px}.filter-nav[data-v-69590d44]{gap:4px}.filter-item[data-v-69590d44]{padding:6px 12px;font-size:13px}.back-button[data-v-69590d44]{width:36px;height:36px}.add-button[data-v-69590d44]{width:48px;height:48px;right:16px;bottom:16px}.cards-container[data-v-69590d44]{top:56px;padding:12px;gap:12px}}@media(min-width:768px)and (max-width:1024px){.header-nav[data-v-69590d44]{height:60px;padding:0 16px}.filter-item[data-v-69590d44]{padding:7px 14px;font-size:14px}.add-button[data-v-69590d44]{width:52px;height:52px;right:20px;bottom:20px}.cards-container[data-v-69590d44]{top:60px;padding:16px;gap:16px}}@media(min-width:1024px){.cards-container[data-v-69590d44]{grid-template-columns:repeat(3,1fr);padding:24px;gap:20px}}.empty-state[data-v-69590d44]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-color, #F3F4F6)}.empty-state-content[data-v-69590d44]{text-align:center;padding:40px;max-width:500px;animation:fadeIn-69590d44 .5s ease-out}@keyframes fadeIn-69590d44{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon[data-v-69590d44]{display:flex;justify-content:center;align-items:center;margin-bottom:24px;animation:float-69590d44 3s ease-in-out infinite}.ai-generated-badge[data-v-69590d44]{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 16px;padding:6px 16px;background:#6b46c11a;color:#6b46c1;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px}html.dark .ai-generated-badge[data-v-69590d44]{background:#8b5cf626;color:#a78bfa}@keyframes float-69590d44{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title[data-v-69590d44]{font-size:24px;font-weight:600;color:var(--text-color, #1F2937);margin-bottom:12px}.empty-state-description[data-v-69590d44]{font-size:16px;color:var(--text-muted, #6B7280);margin-bottom:32px;line-height:1.6}.empty-state-button[data-v-69590d44]{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#6b46c1,#a78bfa);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b46c14d;margin-bottom:40px}.empty-state-button[data-v-69590d44]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b46c166}.empty-state-button[data-v-69590d44]:active{transform:translateY(0)}.empty-state-tips[data-v-69590d44]{display:flex;flex-direction:column;gap:16px;align-items:center}.tip-item[data-v-69590d44]{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--card-bg, #FFFFFF);border-radius:8px;border:1px solid var(--border-color, #E5E7EB);transition:all .2s ease;max-width:300px}.tip-item[data-v-69590d44]:hover{border-color:var(--primary-color, #6B46C1);transform:translate(4px)}.tip-item svg[data-v-69590d44]{color:var(--primary-color, #6B46C1);flex-shrink:0}.tip-item span[data-v-69590d44]{font-size:14px;color:var(--text-color, #1F2937);text-align:left}html.dark .empty-state[data-v-69590d44]{background:var(--bg-color-dark, #111827)}html.dark .empty-state-title[data-v-69590d44]{color:var(--text-color-dark, #F3F4F6)}html.dark .empty-state-description[data-v-69590d44]{color:var(--text-muted-dark, #9CA3AF)}html.dark .tip-item[data-v-69590d44]{background:var(--card-bg-dark, #1F2937);border-color:var(--border-color-dark, #374151)}html.dark .tip-item span[data-v-69590d44]{color:var(--text-color-dark, #F3F4F6)}@media(max-width:768px){.empty-state-content[data-v-69590d44]{padding:24px}.empty-state-icon[data-v-69590d44]{margin-bottom:20px}.empty-state-icon svg[data-v-69590d44]{width:100px;height:100px}.empty-state-title[data-v-69590d44]{font-size:20px}.empty-state-description[data-v-69590d44]{font-size:14px;margin-bottom:24px}.empty-state-button[data-v-69590d44]{padding:12px 24px;font-size:14px;margin-bottom:32px}.tip-item[data-v-69590d44]{padding:10px 16px;max-width:100%}.tip-item span[data-v-69590d44]{font-size:13px}}@media(max-width:480px){.empty-state-content[data-v-69590d44]{padding:20px}.empty-state-icon svg[data-v-69590d44]{width:80px;height:80px}.empty-state-title[data-v-69590d44]{font-size:18px}.empty-state-description[data-v-69590d44]{font-size:13px}.empty-state-button[data-v-69590d44]{padding:10px 20px;font-size:13px}.tip-item[data-v-69590d44]{padding:8px 14px}}@media(min-width:768px)and (max-width:1024px){.empty-state-tips[data-v-69590d44]{flex-direction:row;flex-wrap:wrap;justify-content:center}.tip-item[data-v-69590d44]{max-width:200px}}
