body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:0 20px}.form-group{margin-bottom:1rem}.form-group label{font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{min-height:100px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:1rem 0;padding:.75rem}.login-figma-container{align-items:center;display:flex;flex-direction:column;font-family:Inter,sans-serif;padding-top:80px;width:100%}.login-logo{margin-bottom:40px;width:278px}.login-title{color:#000;font-size:70px;font-weight:400;margin-bottom:40px}.btn-google{background:#0061ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:24px;font-weight:400;height:59px;margin-bottom:20px;width:540px}.login-form{align-items:center;display:flex;flex-direction:column;width:100%}.input-figma{background:#fff;border:1px solid #d9d9d9;border-radius:20px;color:#000;font-family:Inter,sans-serif;font-size:24px;font-weight:400;height:59px;margin-bottom:15px;outline:none;padding:0 20px;width:540px}.input-figma::placeholder{color:#b5b3b3;font-size:24px;font-weight:400}.btn-login{background:#0061ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:24px;font-weight:400;height:59px;margin-top:10px;width:540px}.error-figma{color:red;font-size:18px;margin-top:10px}.login-bottom-text{color:#000;font-size:24px;margin-top:20px}.login-bottom-link{color:#000;font-size:24px;text-decoration:underline}.subscription-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subscription-section,.usage-section{border-radius:12px;margin-bottom:20px;padding:20px}.usage-section{background:#f8f9fa}.usage-bar{background:#e0e0e0;border-radius:4px;height:8px;margin:10px 0;overflow:hidden}.usage-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.limit-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;margin:10px 0;padding:12px}.strategy-page{--primary:#4f46e5;--primary-hover:#4338ca;--text:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--background:#f9fafb;--success:#10b981;--error:#ef4444;--transition:all 0.2s ease;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.strategy-form-container{margin:0 auto;max-width:1000px;padding:3rem 1.5rem}.strategy-header{margin-bottom:3rem;padding:0 1rem;position:relative;text-align:center}.back-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;left:1rem;padding:.75rem 1.25rem;position:absolute;top:0;transition:var(--transition)}.back-btn:hover{background-color:#4f46e50d;color:var(--primary-hover)}.strategy-header h1{color:var(--text);font-size:2.25rem;font-weight:700;line-height:1.2;margin:1.5rem 0 1rem}.strategy-header p{color:var(--text-light);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:700px}.strategy-form{grid-gap:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text);display:block;font-size:.9375rem;font-weight:500;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.5;padding:.875rem 1rem;transition:var(--transition);width:100%}.form-group input[type=email]:hover,.form-group input[type=number]:hover,.form-group input[type=text]:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d5db}.form-group textarea{line-height:1.6;min-height:120px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.generate-btn{align-items:center;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;grid-column:1/-1;height:52px;justify-content:center;margin:1rem 0 0;padding:1rem 2rem;transition:var(--transition)}.generate-btn:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 12px #4f46e533;transform:translateY(-1px)}.generate-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.generate-btn:disabled{background-color:var(--primary);cursor:not-allowed;opacity:.7}.error-message{align-items:center;background-color:#fef2f2;border-left:3px solid var(--error);border-radius:8px;color:var(--error);display:flex;font-size:.9375rem;gap:.75rem;grid-column:1/-1;line-height:1.5;margin:0 0 1.5rem;padding:1rem 1.25rem}.strategy-result{border-top:1px solid var(--border);grid-column:1/-1;padding-top:2.5rem}.success-message{align-items:center;background-color:#f0fdf4;border-left:3px solid #10b981;border-radius:8px;color:#166534;display:flex;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem}.strategy-content{margin-top:2rem}.strategy-result{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:2rem;padding:2rem}.strategy-result h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem}.strategy-result-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1.5rem 0;max-height:500px;overflow-y:auto;padding:1.5rem}.strategy-result pre{word-wrap:break-word;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.7;margin:0;white-space:pre-wrap}.strategy-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:2rem}.strategy-actions button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;height:44px;padding:.75rem 1.5rem;transition:var(--transition)}.save-btn{background-color:var(--success);border:none;color:#fff;font-weight:600}.save-btn:hover{background-color:#0d9f6e;transform:translateY(-1px)}.clear-btn{background-color:#fff;border:1px solid var(--border);color:var(--text-light);font-weight:500}.clear-btn:hover{background-color:#f9fafb;border-color:#d1d5db;color:var(--text)}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width:900px){.strategy-form{grid-template-columns:1fr;padding:1.75rem}.strategy-form-container{padding:2rem 1rem}.strategy-header h1{font-size:1.75rem;margin-top:.5rem}.strategy-header p{font-size:1.05rem}.back-btn{left:0;margin-bottom:1rem;padding:.5rem 1rem;position:relative}.strategy-actions{flex-direction:column;gap:.75rem}.strategy-actions button{justify-content:center;width:100%}}.strategy-content pre::-webkit-scrollbar{height:8px;width:8px;0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.strategy-content{animation:fadeIn .4s ease-out forwards}
/*# sourceMappingURL=main.cb1ad068.css.map*/