.plot-generator-container{max-width:800px;margin:0 auto;padding:20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.plot-generator-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgb(0 0 0 / .1);border:1px solid #e1e5e9;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.plot-generator-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgb(0 0 0 / .15)}.plot-generator-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;text-align:center}.plot-generator-header h2{margin:0 0 10px 0;font-size:28px;font-weight:600}.plot-generator-header h2 i{margin-right:12px;opacity:.9}.plot-generator-header p{margin:0;opacity:.9;font-size:16px}.plot-generator-form{padding:30px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group label i{margin-right:8px;color:#667eea;width:16px}.form-control{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all 0.3s ease;background:#f8fafc}.form-control:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.generate-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:10px}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.generate-btn:active{transform:translateY(0)}.generate-btn i{margin-right:10px}.plot-results{padding:0 30px 30px}.results-header{border-bottom:2px solid #e2e8f0;padding-bottom:15px;margin-bottom:20px}.results-header h3{margin:0;color:#2d3748;font-size:20px}.results-header h3 i{margin-right:10px;color:#667eea}.plot-output{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:24px;margin-bottom:20px;line-height:1.6;font-size:16px;color:#4a5568;min-height:120px}.results-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{flex:1;min-width:140px;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.copy-btn{background:#48bb78;color:#fff}.copy-btn:hover{background:#38a169;transform:translateY(-1px)}.regenerate-btn{background:#ed8936;color:#fff}.regenerate-btn:hover{background:#dd7723;transform:translateY(-1px)}.action-btn i{margin-right:8px}.plot-loading{text-align:center;padding:40px;color:#667eea;font-size:18px;font-weight:600}.plot-loading i{margin-right:12px;font-size:20px}.success-message{color:#48bb78;font-weight:600;text-align:center;padding:10px;background:#f0fff4;border:1px solid #9ae6b4;border-radius:6px;margin-top:10px}@media (max-width:768px){.plot-generator-container{padding:10px}.plot-generator-header{padding:20px}.plot-generator-header h2{font-size:24px}.plot-generator-form{padding:20px}.plot-results{padding:0 20px 20px}.results-actions{flex-direction:column}.action-btn{min-width:auto}}@media (max-width:480px){.plot-generator-header h2{font-size:20px}.form-control{padding:10px 12px;font-size:14px}.generate-btn{padding:14px;font-size:16px}.plot-output{padding:16px;font-size:14px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plot-results.show{display:block;animation:fadeInUp 0.5s ease}.form-control:focus,.generate-btn:focus,.action-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.plot-generator-card{border:2px solid #000}.form-control{border-width:2px}}