.help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}.help-content{background:white;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3);animation:slideIn 0.3s ease}.help-header{background:linear-gradient(135deg, #667eea, #764ba2);color:white;padding:20px;display:flex;justify-content:space-between;align-items:center}.help-header h3{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.close-help-btn{background:none;border:none;color:white;font-size:20px;cursor:pointer;padding:5px;border-radius:50%;transition:background 0.2s ease}.close-help-btn:hover{background:rgba(255,255,255,0.2)}.help-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0}.help-tab{flex:1;padding:15px 20px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;transition:all 0.2s ease;border-bottom:3px solid transparent}.help-tab.active{color:#667eea;border-bottom-color:#667eea;background:white}.help-tab:hover{background:#f1f5f9}.help-body{padding:30px;max-height:400px;overflow-y:auto}.help-tab-content{display:none}.help-tab-content.active{display:block}.help-tab-content h4{margin:0 0 20px 0;color:#1f2937;font-size:18px}.shortcut-list,.tool-list,.tips-list{display:flex;flex-direction:column;gap:15px}.shortcut-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f8fafc;border-radius:8px}.shortcut-item kbd{background:#1f2937;color:white;padding:6px 12px;border-radius:6px;font-family:monospace;font-size:12px;min-width:80px;text-align:center}.shortcut-item span{color:#374151;font-size:14px}.tool-item,.tip-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8fafc;border-radius:8px}.tool-item i,.tip-item i{color:#667eea;font-size:20px;margin-top:2px}.tool-item div,.tip-item div{flex:1}.tool-item strong,.tip-item strong{display:block;color:#1f2937;margin-bottom:5px;font-size:14px}.tool-item p,.tip-item p{margin:0;color:#6b7280;font-size:13px;line-height:1.4}.help-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg, #667eea, #764ba2);color:white;border:none;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 20px rgba(102,126,234,0.4);transition:all 0.3s ease;z-index:1000}.help-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(102,126,234,0.6)}.tooltip{position:absolute;background:#1f2937;color:white;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10001;max-width:200px;word-wrap:break-word}.tooltip::after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.help-content{width:95%;margin:20px}.help-tabs{flex-direction:column}.help-tab{border-bottom:1px solid #e2e8f0;border-right:none}.help-tab.active{border-bottom-color:#e2e8f0;border-left:3px solid #667eea}.help-button{bottom:20px;right:20px;width:50px;height:50px;font-size:20px}}