@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f9fafb}#app{width:100%;min-height:100vh}}@layer components{.btn-primary{@apply bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-200 shadow-lg hover:shadow-xl;}.btn-secondary{@apply bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-2 px-4 rounded-lg transition-colors duration-200;}.input-field{@apply w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200;}.card{@apply bg-white rounded-2xl shadow-xl p-8;}}@layer utilities{.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 640px){.card{@apply p-4;}}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.text-gradient{@apply bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent;}@keyframes pulse-051bf453{0%,to{opacity:.3}50%{opacity:.5}}.template-btn[data-v-a9247bb1]{transition:all .3s ease}.template-btn[data-v-a9247bb1]:hover{background-color:#6b21a81a;transform:translateY(-2px)}.template-btn.selected[data-v-a9247bb1]{background-color:#6b21a833;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.prompt-editor-wrapper[data-v-a9247bb1]{position:relative;background-color:#fff}.prompt-highlight-layer[data-v-a9247bb1]{position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem;pointer-events:none;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;border-radius:.5rem;color:transparent;background-color:#fff}.prompt-highlight-layer .bracket-text[data-v-a9247bb1]{color:#ef4444}.prompt-textarea[data-v-a9247bb1]{background-color:transparent;color:inherit;position:relative;z-index:1;resize:none}@keyframes fadeIn-a9247bb1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fixed.inset-0.bg-white.z-50.flex.flex-col[data-v-d1c1b1f6]{height:100vh;overflow:hidden}.payment-success-modal[data-v-d1c1b1f6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.payment-success-content[data-v-d1c1b1f6]{background-color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%}.payment-success-content h2[data-v-d1c1b1f6]{color:#1890ff;margin-bottom:15px}.close-btn[data-v-d1c1b1f6]{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-d1c1b1f6]:hover{background-color:#f0f0f0;color:#333}.btn-primary[data-v-d1c1b1f6]{background-color:#1890ff;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s;margin-top:20px}.btn-primary[data-v-d1c1b1f6]:hover{background-color:#40a9ff}.payment-success-content p[data-v-d1c1b1f6]{margin-bottom:10px;color:#333}.payment-success-content .btn[data-v-d1c1b1f6]{margin-top:20px;width:100%;padding:10px}@keyframes shimmer-4351e680{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer[data-v-4351e680]{animation:shimmer-4351e680 2s infinite;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:1000px 100%}
