*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a2e;color:#eee;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.header h1{color:#00d9ff;margin-bottom:10px}.header p{color:#888}.tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tab-button{padding:10px 20px;border:none;border-radius:8px;background-color:#2d2d44;color:#eee;cursor:pointer;transition:all .3s}.tab-button:hover{background-color:#3d3d5c}.tab-button.active{background-color:#00d9ff;color:#1a1a2e}.panel{background-color:#2d2d44;border-radius:12px;padding:20px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#00d9ff}.input-group input,.input-group textarea,.input-group select{width:100%;padding:12px;border:none;border-radius:8px;background-color:#1a1a2e;color:#eee;font-size:16px}.input-group textarea{min-height:100px;resize:vertical}.submit-button{padding:12px 30px;border:none;border-radius:8px;background-color:#00d9ff;color:#1a1a2e;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.submit-button:hover{background-color:#00b8d9}.submit-button:disabled{background-color:#555;cursor:not-allowed}.response-box{margin-top:20px;padding:20px;background-color:#1a1a2e;border-radius:8px;white-space:pre-wrap}.response-box h3{color:#00d9ff;margin-bottom:10px}.loading{text-align:center;color:#00d9ff;padding:20px}.error{color:#ff6b6b;padding:10px;background-color:#ff6b6b1a;border-radius:8px;margin-top:10px}.workflow-step{margin-bottom:15px;padding:15px;background-color:#3d3d5c;border-radius:8px}.workflow-step h4{color:#00d9ff;margin-bottom:8px}